@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* Pages in the Userfocus web site are inspired by a layout from studio7designs.com, http://www.opensourcetemplates.org */

/* =COLOURS 
color: #4b4942 -- dark gray for main body font
color: #aa0400 -- red for testimonial
color: #904814 -- Orange font color
color: #fcffca -- focus highlight color

*/



/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, sans-serif;

		color: #4b4942;
		background: #fff;
	}
	hr{display: none;}
	strong{font-weight: bold;}
	
	.article_wrapper strong{font-weight: bold; color: #353535;}
	
	em{font-style: italic;}
	
	#short_banner h1 a{
		text-decoration: none;
	}
	
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
		
		
	}
	ul.borderedlist li a{
		display: block;		
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
		text-decoration: none;
		border-bottom:none;
		font-weight:normal;		
	}

	ul.borderedlist li a:visited{
		display: block;		
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
		text-decoration: none;
		border-bottom:none;
		font-weight:normal;		
	}
	
	ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b; font-weight:normal; text-decoration: none; }
	
	
		blockquote {
		font-size:1.3em;
		padding-right:.75em;
		padding-left:1.25em;
		margin-left: .5em;
		margin-bottom: 1em;
		font-style: italic;
		background:url(../images/quote.gif) top left no-repeat;

		}
		
		blockquote.comment {
		
		font-size:1.3em;
		padding-top:.75em;
		padding-right:.75em;
		padding-left:2em;
		margin-left: .5em;
		margin-bottom: 1em;
		font-style: normal;
		background:url(../images/quote.gif) top left no-repeat;

		}
		
		blockquote.spacebefore {
		
		font-size:1.3em;
		padding-top:.75em;
		padding-right:.75em;
		padding-left:2em;
		margin-left: .5em;
		margin-bottom: 1em;
		font-style: italic;
		background:url(../images/quote.gif) top left no-repeat;

		}
		blockquote.comment p{
		
		font-size:1em;
		margin-top: -0.75em;
		text-indent: 2em;
    margin-left: -2em;

		}
		
		blockquote.spacebefore p{
		
		font-size:1em;
		margin-top: -0.75em;
		text-indent: 2em;
    margin-left: -2em;

		}
		
		
		blockquote_caption {
		font-size:1.2em;
		padding-right:0em;
		padding-left:0em;
		margin-left: 0em;
		margin-bottom: 1em;
		font-style: italic;
	

		}


		ul blockquote {
		font-size:1em;
		margin-top:.75em;
		padding-left:1.25em;
		font-style: italic;
		background:url(../images/quote.gif) top left no-repeat;

		}
	
	spotlight_wrapper blockquote {
		font-weight: normal;
		font-size: 1em;
		padding-right:0;
		padding-left:0;
		border-right:none;
		margin-left: .5em;
		margin-bottom: 1em;
		font-style:normal;
		background:none;

		}
	
		#PrintButton {
		padding-bottom: 1em;
		padding-left:20px;
		float:right;
	}
	
		#PrintButton a {
		text-decoration: 1px dotted;
	}

	
	#StyleButton {
	display:none;}
		
		#AddThisBookmarkButton {
		padding-bottom: 1em;
		padding-left:20px;
		float:right;
	}
	
		#AddThisBookmarkButtonLeft {
			clear: both;
		padding-top:2em;

	}

	
	
	blockquote.testimonial  { color: #aa0400; font-size: 1.3em; font-family: Georgia, Times, "Times New Roman", serif; font-weight: 700; background: transparent; margin: 2em 0; padding-right: 0.75em; padding-left: 1.25em; border-left: 1px solid #b8b8b8 }
	blockquote  a{ color: #aa0400; text-decoration: none; }
	blockquote.aboutus  { color: #aa0400; font-size: 1.3em; font-family: Georgia, Times, "Times New Roman", serif; font-weight: 700; background: transparent; margin: 2em 0; margin-top:2px; padding-right:0; padding-left: 0; border-left: none; }
	blockquote.testimonial_page  { color: #4b4942; font-size: 1.3em; font-style: normal; background: transparent; margin: 2em 0; margin-top:2px; padding-right:0; padding-left: 0; border-left: none; }


		.hide{
			position:absolute;
			left:-2000em;
		}



		.email{
				display: none;		}
		
		#skip a, #skip a:hover, #skip a:visited
		{
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
		}

		#skip a:active, #skip a:focus
		 { color: #fff; font-size: 1.4em;  background: black; text-align: center; white-space: nowrap; display: block; padding: 0.4em; position: static; width: 12em; height: auto;  }

abbr,acronym,cite,dfn {
font-style:normal;
border-bottom:none;
cursor:help;
}

	.padbelow {padding-bottom: 10px;}
	.right {float: right;}
	/*
	=Links
	*/
	img a { border:none; }

	a {text-decoration:underline;}
	a:hover { text-decoration:underline;}
	a:focus  { background: #fcffca; }
	a:active { outline: none; }
	
	.nobold a:link{font-weight:normal;}
	.nobold a:visited {font-weight:normal;}
	.nobold a:focus {background: none;}
	
	#tabs a:focus {background: none;}
	
	#tabs p {
		
		text-transform: uppercase;
		font-weight: bold;
		font-size: 90%;
		
		
		
		}


/* =LAYOUT - the main layout styles */
	.container, .homepage_container{
		width:960px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	


	/* header layout */
	#header{
		height: 261px;
		background: #F1F1F1 url(../images/top_bg.jpg) top repeat-x;
		position: relative;
	}
	#short_header{
		height: 161px;
		background: #F1F1F1 url(../images/top_bg_short.jpg) top repeat-x;
		position: relative;
	}
	
	#navigation{
		position: absolute;
 		top:25px;
 		left:0px;
 		margin-left: 230px;
		margin-top: -7px;

	}
	
	.calendar{
		height: 115px; width: 83px;
		background: #FfFfFf url(../images/cal.gif) no-repeat;
	}

	.calendar p {
		font-weight: bold;	
		color: #000000;		
		text-align: center;
		
	}
	.calendar p.month {
		font-size: 2.0em;
		text-transform: uppercase;	
		max-width: 83px;		
		padding-top:18px;
	}
	.calendar p.double {
		font-size: 2.8em;
		padding-top: 6px;
	}
	.calendar p.single {
		font-size: 3.5em;
		padding-top: 6px;
		padding-bottom: 7px;

	}
	.calendar p.tiny {
		font-size: 2em;
		padding-top: 6px;

	}
		.calendar p.year {
		font-size: 1.4em;
		padding-top: 6px;
		color: #4A4A4A;

	}
	
	.calendar a {color: #000000; text-decoration: none;}
	
	.indent{ 
	 margin-top:-107px;
	 margin-left: 120px; 
	 text-align: left;
	 }

	.clearspace
	{
		clear: both;
		height: 4em;
	}
	
	
	.small_clearspace
	{
		clear: both;
		height: 1em;
	}
	/* main area layout */
	#main{padding:24px 0 20px 0;}
	#one-column{float: left;width:960px;padding: 0 0px;}
	#leftcolumn{float: left;width:307px;}
	#rightcolumn{float: left;width:306px;}
	#center{float: left;width:307px;padding: 0 20px;}
	#leftcontent{float:left;width:455px;background-color:#FFF;padding-right:0px;}
	#rightcontent{width:455px;float:right;background-color:#FFF;border-left:1px dotted gray;padding-left:30px;}
	#rightcontent_noborder{width:455px;float:right;background-color:#FFF;padding-left:30px;}
	#double-column{width:600px;float:right;background-color:#FFF;}
	#double-column-left{width:600px;float:left;background-color:#FFF;padding-right: 50px;}
	.leftof3{float: left;width:308px;margin-right: 18px;}
	.midof3{float: left;width:308px;margin-right: 18px;}
	.rightof3{float: left;width:308px;}

	
	/* bottom layout */
	#bottominfo, #homepage_bottominfo { background: #f1eee7; padding-bottom: 25px; width: 100%; overflow: hidden; border-top: 2px solid #646464 }
	.bottomcolumn{
		float: left;
		width:308px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}
	
	#bottominfo h2, #homepage_bottominfo h2 { text-shadow: #fff 1px 1px 0; }
	

	
/* =HEADER - the header styles */
	#header .container, #header .homepage_container{height: 261px;}
	#short_header .container, #short_header .homepage_container{height: 161px;}

	/* logo */
	#logo {position: absolute;left: 0;top: 0;  background: transparent url(../images/logotab.gif) no-repeat 0 18px;z-index: 1;  width: 185px; height: 77px;text-indent: -9999px;}




	/* top navigation */
	#navigation li{
		float: left;
		text-transform: none;
		font-size: 1.2em;
		font-weight: bold;
		
		
	}
	
	#navigation li a    { color: #dedede; line-height: 34px; text-decoration: none; padding: 0 10px 2px; float: left; border-left: 1px solid #bf5f18;background: #d3691f } 

	#navigation li a:hover, #navigation li.active a   { background: #ea731f }
	
	#navigation li a:focus { background:#A45229;}
	#navigation li.active a:focus { background:#A45229;}

	#navigation li.active a   { color: #fff; background: #e9741f }
	
	#navigation li.last a  { border-right: 1px solid #bf5f18; }
	
	#navigation li.iphone a  { display:none; }

	#navigation li.end a  { border: none; margin-left:500px;}

	#navigation li.endalone a  { border: none; margin-left:655px;}
	
	
	
	#leftcolumn li.active a{font-weight: bold; color: #904814; }

	
	/* message and people pic */
	
	#banner{
		position: absolute;
		height: 196px;
		font-weight: normal;
		color: black;
		bottom: 4px;		 
		font-size: 1.3em;
	}
	
		
	#summary{
		position: absolute;
		height: 196px;
		font-weight: normal;
		color: black;
		bottom: 4px;		 
		font-size: 1.3em;
	}

	#banner_basket{
		position: absolute;
		height: 196px;
		font-weight: normal;
		color: black;
		bottom: 4px;		 
		font-size: 1.3em;
	}

	#short_banner{
		position: absolute;
		height: 96px;
		font-weight: normal;
		color: black;
		bottom: 4px;		 
		font-size: 1.3em;

	}

	#banner_homepage{
		position: absolute;
		height: 196px;
		font-weight: normal;
		color: black;
		bottom: 10px;		 
		font-size: 1.3em;

	}
	
	#consultancypic {position: absolute;left: 653px;top: 0; width: 306px; height: 197px;}

	#banner_consultancy{
		position: absolute;
		padding-right: 360px;
		height: 196px;
		font-weight: normal;
		color: black;
		bottom: 4px;		 
		font-size: 1.3em;
	}

	
/* =CONTENT - the content styles */

	ul.article {padding-bottom:.5em;font-size:1.3em;margin-left:2em;list-style: square;}
	ul.iconbefore {padding-bottom:.5em;font-size:1.3em;list-style: none;}

	.spotlight li {padding-top:.9em;}
	ul.form_error {padding-bottom:.5em;font-size:1.3em;margin-left:2em;list-style: none;}
	ol.article {padding-bottom:.5em;font-size:1.3em;margin-left:2.5em;list-style:decimal;}
	dl.article {padding-bottom:.5em;font-size:1.3em;margin-left:0;}
	.article dt{font-weight:bold;}
	.article dd{padding-bottom:1em;margin-left: 0;}
	dd.reference {padding-bottom:.5em;text-indent: -2em; margin-left: 2em; font-size:smaller; line-height: 16px;}
	.interview dt {margin-left: 0; margin-bottom:.25em; font-weight:bold; font-size:1.3em;}
	dd {margin-left: 2em; margin-bottom:.25em;}
	
		
	ul.sub-bullet {padding-bottom:.5em;margin-left:2em;list-style:circle;}

	.dlink,.skiplink {
position: absolute;
left: -999px;
width: 990px;
}
	
	span.author_details {
	font-size:10px;
	text-transform:uppercase;
	color: #4b4942;
	}
	
	span.tab_titles {
	font-size:10px;
	text-transform:uppercase;
	}
	

	.arrow{
	background:url(../images/bullet.gif) no-repeat 0 4px;
	margin-left:0;
	padding-left:15px;
	}
	



	a.pdf {
	background:url(../images/pdf_icon.gif) no-repeat 0 4px;
	display: block;
	height: 35px;
	padding-left:35px;

	}
	a.word {
	background:url(../images/word_icon.gif) no-repeat 0 4px;
	display: block;
	height: 35px;
	padding-left:35px;

	}
	a.zip {
	background:url(../images/zip_icn.gif) no-repeat 0 4px;
	display: block;
	height: 35px;
	padding-left:24px;

	}
	a.xls {
	background:url(../images/excel_icn.gif) no-repeat 0 4px;
	display: block;
	height: 35px;
	padding-left:28px;

	}

		
	img.articlesplash {
	padding-bottom:20px;
	}
	
	h2 a{
	font-weight: normal;
	}
	h3 a{
	font-weight: normal;
	}
	h3 a:hover{
	text-decoration: underline;
	}


	h2.homepage a:link{
	font-weight:normal;
	padding-bottom:0;
	text-decoration: none;
	color: #904814;
	}
	h2.homepage a:visited{
	font-weight:normal;
	padding-bottom:0;
	text-decoration: none;
	color: #904814;
	}
		
	h2.portalpage a:link{
	font-weight:normal;
	padding-bottom:0;
	text-decoration: none;
	color: #904814;
	}
	h2.portalpage a:visited{
	font-weight:normal;
	padding-bottom:0;
	text-decoration: none;
	color: #904814;
	}
	
	h2.headerlink a:link{
	font-weight:normal;
	padding-bottom:0;
	text-decoration: none;
	color: #904814;
	}
	h2.headerlink a:visited{
	font-weight:normal;
	padding-bottom:0;
	text-decoration: none;
	color: #904814;
	}

	h2.tag a{
	background:url(../images/bullet.gif) no-repeat 0 4px;
	margin-left:0;
	padding-left:15px;
	font-weight:normal;
	color: #904814;
	font-size:.9em;
	}

	
	/* left column */
	.leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}

	
	h2.leftbox{font-size:16px;color: #58584D; background: #f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 0 23px;}
	h2.leftbox a{font-size:16px;color: #58584D;font-weight:normal;display: block;padding:3px 0 0 2px;	text-decoration: none;}
	h2.leftbox a:hover{background: #E5E5E4;color: #42423b; }

	p.spacebefore{padding-top:2.6em;}

	
	p.see_all{padding: 1em 0 0 0;}
	
	.tinytext {color: gray; font-size:.75em;}
	.tinytext a{color: gray;}
	
	h2.header_small{font-size:12px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #904814; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}	
	/* right column */
	.rightbox_wrapper{
		background: #eeeded; /* background bleed colour */
		padding:5px 1px 5px 5px; /* Amount of background box bleed */
		margin-bottom: 20px; /* Vertical gaps between boxes */
		width:300px; 	/* ie6 */
		overflow: hidden;
		font-size:1.1em;
		line-height: 1.5em;
		color: #58584D; /* text colour */
	}
	
	.rightbox_wrapper h2{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:5px;}
	
	
	.rightbox{border: 1px dashed #d9e0e8;width:294px;overflow: hidden;padding-bottom:6px;}
	.rightbox_advert{border: 1px dashed #d9e0e8;width:294px;overflow: hidden;padding-bottom:6px;}


	.spotlight_image{ float: left;margin: 6px 0 0 6px; border: solid 1px #bdbdbd;}
	.spotlight_wrapper{float: right;width:215px; padding-right:2px;}
	.spotlight_wrapper_sml{float: right;width:175px; padding-right:2px;}
	.spotlight_wrapper h2{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:5px;}
	
	.spotlight_wrapper_fullwidth h2.tabsafter{font-size:1.3em;color: #483F3D;font-weight: bold;padding:5px 0 10px 0;}
	.spotlight_wrapper_fullwidth h3{font-size:1em;color: #58584D;font-weight: bold;}
	
	ol.spotlight {padding: 0 1.4em;list-style:decimal; color: #58584D;}
	ul.spotlight a{ text-decoration: none;color:#4b4942;}
	ol.spotlight a{ text-decoration: none;color:#4b4942;}
	
	ul.spotlight a:hover{ text-decoration: underline;}
	ol.spotlight a:hover{ text-decoration: underline;}
	.spotlight li{padding-top: 1em; }

	
	.spotlight_wrapper p{font-size:1em;}
	
	
	
	.spotlight_wrapper_tag-cloud {float: right; padding-right:2px; padding-left:2px;}
	.spotlight_wrapper_tag-cloud h2{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:5px; padding-bottom:10px;}

	.spotlight_wrapper_fullwidth {float: left; padding-right:2px; padding-left:2px;}
	.spotlight_wrapper_fullwidth h2{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:5px;}

	
	
	.lastbox{margin:0;}
	/* one column */
	
		#main_wrapper_portal{padding:24px 0 20px 0;}
	#main_wrapper_portal h2.portalpage{font-size:1.8em;}
	#main_wrapper_portal {padding-bottom: 30px;}
	#main_wrapper_portal p{padding-bottom:30px;font-size:1.3em;}

	#main_wrapper_homepage{padding:12px 0 8px 0;}

	#main_wrapper_homepage h2.homepage{font-size:1.8em;}
	#main_wrapper_homepage p{padding-bottom:5px;font-size:1.3em;}	

	.main_wrapper h2{color: #904814; font-size:2em;margin:10px 0;}
	.main_wrapper p{font-size:1.3em;}

	.spotlight_wrapper blockquote {
		font-weight: normal;
		font-size: 1em;
		padding-left:0;
		border-right:none;
		margin-left: 0;
		margin-bottom: 0;
		font-style:normal;
				background:none;

		}

	h1,h2,h3,h4,h5  { color: #904814; font-size: 150%; padding-top: 0.25em; padding-bottom: .1em; line-height: 1.4em; font-weight:500;}
	
	
	#banner h1 {font-size:200%; padding-top: 1em;padding-bottom: 0.25em;}
	#banner p {font-size: 16px; line-height: 24px; color:#58584D; padding-bottom: 1em;}
	#banner ul {font-size: 16px; line-height: 24px; color:#58584D;}


	#summary h1 {font-size:200%; padding-top: 1em;padding-bottom: 0.25em;}
	#summary p {font-size: 16px; line-height: 24px; color:#58584D; padding-bottom: 1em;}
	#summary ul {font-size: 16px; line-height: 24px; color:#58584D;}


	#banner_consultancy h1 {font-size:200%; padding-top: 1em;padding-bottom: 0.25em;}
	#banner_consultancy p {font-size: 16px; line-height: 24px; color:#58584D; padding-bottom: 1em;}
	#short_banner h1 {font-size:200%; padding-top: 1em;padding-bottom: 0.25em;}
	#short_banner p {font-size: 16px; line-height: 24px; color:#4b4942;}

	#banner_basket h1{font-size:200%; padding-top: 1em;padding-bottom: 0.25em;}
	#banner_basket p {font-size: 16px; line-height: 24px; color:#58584D; padding-bottom: 0;}


	h2.nospacebefore {margin-top:0; padding-top: 0; color: #904814;}
	h2.nospaceafter {padding-bottom: 0; color: #904814;}
	
	img.border  { border: solid 1px #bdbdbd }

#map {
margin-left:0;
margin-bottom:1.5em;
width:500px;
height:400px;
border:1px solid #999;
}


/* =BOTTOM */
	.bottomcolumn h2{
		border-bottom: 4px solid #9b968f;
		color: #904814; font-size:14px;padding:15px 0 5px 5px;
	}
	
	.bottomcolumn h2 a{
		text-decoration: none;
		color: #904814;
	}
	
	.bottomcolumn h2 a:hover{
		text-decoration: underline;
	}
	
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
		
	}
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
		
	}
	ul.iconlist li a { font-weight: normal; text-decoration: none; border-bottom: none; background: url("../images/footer_list.jpg") no-repeat left bottom; padding-left: 25px;}
	ul.iconlist li a:visited { font-weight: normal; text-decoration: none; border-bottom: none; background: url("../images/footer_list.jpg") no-repeat left bottom; padding-left: 25px;}
	ul.iconlist li a:focus { background:#fcffca;}	
	
	
	
	
	ul.iconlist  li a:hover{background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;color: #42423b;}
	.enewsbox{
		float: left;
		width: 150px;
		padding:3px 5px;
		font-size:12px;
	}
	
	.spotlightnewsbox{
		float: left;
		width: 200px;
		padding:3px 5px;
		font-size:12px;
		margin-top:10px;
	}

	.comicnewsbox{
		float: left;
		width: 175px;
		padding:3px 5px;
		font-size:14px;
		margin-top:6px;
		margin-right: 10px;
	}

	.button{
		display: block;
		float: left;
		width: auto;
		cursor: pointer;
		margin-left:15px;
	}
	
	.buttonHolder button { 
		
	}
	
	.spotlightbutton{
		display: block;
		float: left;
		width: auto;
		cursor: pointer;
		margin-top:10px;
	}
	
/* =FOOTER */
	#footer{
		height: 50px;
		background: #D3691F url(../images/footer_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
	}
	#footer address { color: #dedede; padding-top: 15px; float: left; margin-right: 0; padding-right:0; font-style:normal;}


	#footer a{color: #dedede; text-decoration: none;}
	#footer p a:visited  { color: #3b3b3b; font-weight: normal; }
	
	#footer a:focus   { background: #A45229; }

	a.noshow {color: #3b3b3b; text-decoration: none;}
	a:hover.noshow  {text-decoration: none; cursor: text;}
	a:focus.noshow  {background-color: white;}

	a.hidelink {color: #3b3b3b; text-decoration: none;}
	a:hover.hidelink {text-decoration: none;}
	
	#footer_navigation{
		float: right;
		padding-top:15px;
	}
	#footer_navigation li{float: left;padding-left:19px;}
	#footer_navigation li a{text-transform:uppercase; font-weight: normal;}
	#footer_navigation li a:hover{color: white;}
	


.alpha-shadow div {
background:url(../images/shadow2.png) no-repeat left top!important;
float:left;
padding:0 6px 6px 0;
}

.alpha-shadow img {
background-color:#fff;
border:1px solid #a9a9a9;
margin:0;
padding:4px;
}


#longlist {
		font-size:1.2em;
		padding:0;
		line-height: 1.4em;
}

#longlist ul {

list-style-type:none;

text-transform: uppercase;

}

#longlist ul ul {
margin-left:1em;
list-style-type:none;
font-weight: normal;
text-transform: none;
}

#longlist ul ul ul {
list-style-type:none;
font-weight: normal;
		

}

#longlist a {
text-decoration:none;
display:block;
font-weight: normal;
}


#longlist a:hover {
color:#000;
background-color:#fadbbe;
}


div.figure {
float:left;
width:100%;
}



div.figure p {
text-align:center;
font-style:italic;
font-size:110%;
text-indent:0;
}

div.legend p {
text-align:left;
font-style:italic;
font-size:110%;
padding-bottom:1.5em; 
margin-left:2em; 
}


/* localnav used for ISO 9241 pages */

#localnav {
float:left;
width:100%;
font-size:100%;
text-transform:uppercase;
line-height:normal;

}

#localnav
ul {
float:right;

list-style:none;
margin-left:-1em;

padding:0;
font-size: 12px; 
color:#58584D;
}

#localnav
li {
float:right;
margin-left:5em;
padding:0 10px;

}

#localnav
a {
color:#58584D;
font-weight:700;
text-decoration:none;
display:block;
float:none;
padding:0;
}

#localnav
a:hover {
color:#000;
}

#localnav
#current a {
color:#333;
padding-bottom:5px;
}



/* Tag Cloud code adapted from http://24ways.org/2006/marking-up-a-tag-cloud */

.tag-cloud  a{ text-decoration:none; font-weight: bold;}
.tag-cloud  a:hover{ text-decoration:underline;}
.tag-cloud  a:focus{ background-color: #fcffca;}
.tag-cloud  a:visited{ font-weight: normal; font-weight: bold;}
.tag-cloud li  { line-height: 1.4em; display: inline; padding-right: 0.5em; }
.tag-cloud span { display:none; visibility:hidden;}
.tag-cloud .not-popular { font-size: 1em; }
.tag-cloud .not-very-popular { font-size: 1.3em; }
.tag-cloud .somewhat-popular { font-size: 1.6em; }
.tag-cloud .popular { font-size: 1.9em; }
.tag-cloud .very-popular { font-size: 2.2em; }
.tag-cloud .ultra-popular { font-size: 2.5em; }
.tag-cloud .not-popular a{ color:#818181; }
.tag-cloud .not-very-popular a{ color:#818181; }
.tag-cloud .somewhat-popular a{ color:#575757; }
.tag-cloud .popular a{ color:#2D2D2D; }
.tag-cloud .very-popular a{ color:#030303; }
.tag-cloud .ultra-popular a{ color:#000; }



.tag-cloud-index-page  a{}
.tag-cloud-index-page  a:hover{ text-decoration:underline;}
.tag-cloud-index-page  a:focus{ background-color: #fcffca;}
.tag-cloud-index-page  a:visited{ font-weight: normal; font-weight: bold;}
.tag-cloud-index-page li  { line-height: 1.4em; display: inline; padding-right: 0.5em; }
.tag-cloud-index-page .index-page { font-size: 1.3em; }


div.rollover_button {
	float: left;
	width: 240px; height: 38px;
	margin: 0 3px 0 0;
	background: url( '../images/buttons.gif' ) 0 -76px no-repeat;

	}

div.rollover_button a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 14px "Lucida Grande", Tahoma, sans-serif;

	color:#904814;
	text-decoration: none;
	background: url( '../images/buttons.gif' ) top left no-repeat;
	}
div.rollover_button span {
	display: block;
	margin:0; padding: 10px 0 0 16px;
	
	}
div.rollover_button a:hover {
	background-image: none;
	color: #4b4942;
	text-decoration: none;
	}
div.rollover_button a:active {
	color: #4b4942;
	}
	

	

		.rut_wrapper{
			font-size:150%;
		}
		.rut_wrapper p{
			padding-bottom:1em;
		}
		.rut_wrapper h2{
			padding-bottom:0.5em;
		}

		.rut_wrapper ol{
			padding-bottom:1em;
			margin-left:2.5em;list-style:decimal;
		}

.iconarticle img{
height: 120px;
display: block;

}
.inset
{

 		padding-left: 160px;
		margin-top:-120px;
		padding-bottom: 10px;
		
}

	.rutpopupcontainer{
		margin: 0 10px 10px 10px;
	}

/* Table styles */

#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
}

caption {
	padding: 0 0 5px 0;
	
	font-style:italic;
	font: italic 1.2em "Lucida Grande", Tahoma, sans-serif;
	text-align: left;
}

th {
	font: bold 1.2em "Lucida Grande", Tahoma, sans-serif;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	vertical-align:top;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}



td {
	font-size: 1.2em;
	border: 1px solid #C1DAD7;
	background: #fff;
	padding: 4px 4px 4px 12px;
vertical-align:top;
}

td.noborder {
	font-size: 1.2em;
	border:0;
	background: #fff;
	padding: 4px 4px 4px 12px;
vertical-align:top;
}

#trainer {margin-top:0em;}
#trainer img, #trainer span.imagestyle {float:left; margin-right:15px; border:1px solid #6D6D6D;}
#trainer span img {float:none}
#trainer p {margin-bottom:0}
#trainer div {clear:both}


#related_articles li {padding-bottom:0;font-size:1.3em;margin-left:2em;list-style: square;}


.ebook {margin-top:0em;}
.ebook img, #trainer span.imagestyle {float:left; margin-right:15px; border:none;}
.ebook span img {float:none}
.ebook p {margin-bottom:0}
.ebook div {clear:both}
.ebook a {text-decoration:none;}