/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */

/* ------- 1 UNIVERSAL ---------- */
html {
	padding:0;
	margin:0;
	overflow-y:scroll;
}

body {
	font-family:Arial;
	font-size: 100%;
	background: #FFFFFF;
	color: #000000;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

img { 
	border: 0;
}

.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

/* ------- 2 TEMPLATE LAYOUT ---------- */
#sitewrapper {
	font-size: 75%;
	margin:0 auto;
	width:982px;
}

#header {
	border-bottom:1px solid #d5d5d5;
	float:left;
	padding-bottom:10px;
}

#branding {
	float:left;
	min-height:90px;
	width:982px;
	}
	
#contentwrapper {
	clear:both;
}

#content {
	float:right;
	width:735px;
	padding-bottom:15px;
	}

#content_hp {
	float:left;
	padding-top:15px;
	}

#content div.highlight {
	float:left;
	width:358px;
	margin-right:15px;
	padding-bottom:20px;
}
#content div.highlightlast {
	float:left;
	width:358px;
	margin-right:0px;
	padding-bottom:20px;
}
	
#content div.quotebox {
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
	padding-bottom:15px;
	float:left;
	width:100%;
	}

#contentwrapper div.col_three {
	width:732px;
	float:left;
}

#contentwrapper div.col_three div.hotspot_onecol {
	background:#E9E8E8;
	height:209px;
	float:left;	
	margin-right:13px;
	padding-bottom:10px;
	width:234px;
	
}
	html>body #contentwrapper div.col_three div.hotspot_onecol {
		height:auto;
		min-height:209px;
		}

#contentwrapper div.col_three div.hotspot_twocol {
	background:#E9E8E8;
	width:484px;
	float:left;
	}

#contentwrapper div.fullwidth {
	width:735px;
	float:left;
	clear:both;
	}
	
	#contentwrapper div.fullwidth div.pagecontent {
		width:328px;
		float:left;
		padding-right:20px;
	}
	
	#contentwrapper div.fullwidth div.graphs {
		width:348px;
		float:left;
	}
	
	#contentwrapper div.fullwidth div.pagecontent h2 {
		padding-right:100px;
	}
	
		
#contentwrapper div.pagecontent {
	width:484px;
	float:left;
	margin-right:15px;
	}

#contentwrapper div.footer {
	width:660px;
	float:left;
	margin-right:15px;
	font-size:90%;
	}


#contentwrapper div.tablewide {
	clear:both;
	width:735px;
	margin:0;
	padding:0 0 20px 0;
	}
	
#contentwrapper div.sidebar {
	width:235px;
	float:right;
}

#contentwrapper div.sidebar div.module {
	border-bottom:1px solid #d5d5d5;
	padding:20px 0 20px 15px;
	}

#contentwrapper div.sidebar div.module_top {
	padding-top:0px;
	}

#contentwrapper div.sidebar div.module_bottom {
	border:none;
	padding:23px 0pt 0px 15px
	}

#navigation {
	background:#efefef;
	float:left;
	width:982px;
}

div.inpagenav {
	float:left;
	width:982px;
	}

div.bottominpagenav ul li img{
	float:left;
	}

div.bottominpagenav {
	border-bottom:1px solid #D5D5D5;
	padding:0;
	margin:0;
	}

div.bottominpagenav ul, div.bottominpagenav ul li, div.bottominpagenav ul li img {
	padding:0;
	margin:0;
	}
	
#footer {
	background:#cfd3d5;
	color:#666666;
	float:left;
	margin:10px 0 10px 0;
	padding:0px;
	width:982px;
	
}

html>body #footer {
	height:auto;
	}

/* ------- 3 BRANDING / LOGO  ---------- */


div.toolbox {
	color:#666666;
	font-size:90%;
	float:left;
	width:645px;
	margin-top:20px;
	}

div.toolbox ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	}

div.toolbox ul li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	}

div.toolbox p.textsize {
	float:left;
	padding:0 10px 0 20px;
	}
div.toolbox ul li ul, div.toolbox ul li ul li {
	float:left;
	}



div.toolbox a {	
	color:#666666;
	}
div.toolbox ul a.downloads {
	background:url(../images/buttons/btn_downloads.gif) right no-repeat;
	color:#666666;
	display:block;
	padding:0 25px 3px 0;
	text-decoration:none;
	width:75px;
	text-align:right;
	}
	
	html>body div.toolbox ul a.downloads {
		width:auto;
		margin-right:20px;
		}

	div.toolbox ul a.downloads:hover, div.toolbox ul a.downloads:active, div.toolbox ul a.downloads:focus {
		background:url(../images/buttons/btn_downloads_f2.gif) right no-repeat;
		text-decoration:underline;
	}

div.toolbox ul a.print {
	background:url(../images/buttons/btn_print.gif) right no-repeat;
	color:#666666;
	display:block;
	width:75px;
	padding:0 23px 3px 0px;
	text-decoration:none;
	text-align:right;
	}
	
	html>body div.toolbox ul a.print {
		width:auto;
		}
	
	
	div.toolbox ul a.print:hover, div.toolbox ul a.print:active, div.toolbox ul a.print:focus {
		background:url(../images/buttons/btn_print_f2.gif) right no-repeat;
		text-decoration:underline;
	}

div.toolbox ul a.help {
	display:block;
	padding:0 0px 0 0px;
	margin-left:20px;
	text-decoration:none;
	color:#666666;
	}
	
	div.toolbox ul a.help:hover,div.toolbox ul a.help:active,div.toolbox ul a.help:focus {
		text-decoration:underline;
		}


	
div#search {
	clear:right;
	float:right;
	width:171px;
	padding:3px 0 0 0;
	}
	
	div#search form {
		padding-top:15px;
		float:right;
		}
		
	div#search input.text {
	 width:125px!important;
	 border:1px solid #ccc;
	 margin:0 5px 0 10px;
	 color:#666666;
	 padding:2px;
	 font-size:90%;
	 }
		
/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */

#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#navigation ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	}

#navigation ul li a {
	background:#efefef;
	border-right:3px solid #FFF;
	color:#666666;
	display:block;
	font-weight:bold;
	float:left;	
	text-decoration:none;
	padding:8px 15px 8px 15px;
	}

#navigation ul li a.lit, #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {
	background:#CC0000;
	color:#FFFFFF;
	}
	
	
/* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */
/* hidden accesible navigation */

#accessiblenav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:20000;
	}
	
#accessiblenav ul {
	list-style: none;
	margin: 0;	
	padding: 0;
	width:982px;
	margin:0 auto;

}
#accessiblenav li {
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;

}
#accessiblenav a:link, #accessiblenav a:visited {
	top: 5px;
	left: 2px;
	font-size: 70%;
	height: 0;	
	overflow: hidden;
	position:relative;
	float:left;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background:#CC0000;
	color:#FFFFFF;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 3px 10px 3px 10px;
	position:relative;
	top:20px;
	left:130px;
	text-decoration:none;
	font-weight:bold;
	width:auto;
}


/* subnavigation */

div#subnavigation {
	width:230px;
	padding-right:6px;
	float:left;
	}
	
/* Level 1 */
	
div#subnavigation ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 15px 0;
}

div#subnavigation ul li {
	background:url(../images/site_objects/ico_arrow.gif) 0.5em 0.6em no-repeat!important;
	padding:2px 0 2px 18px;
	margin:0;
}

div#subnavigation ul li a:link, div#subnavigation ul li a:visited {
	color:#666666;
	text-decoration:none;	
	background:none;
}

div#subnavigation ul li a:hover, div#subnavigation ul li a:focus, div#subnavigation ul li a:active {
	color:#CC0000;
}
	
	
/* Level 2 */

div#subnavigation ul ul {
	padding:0;
	margin:3px 0 0 0;
}

div#subnavigation ul ul li {
	background:url(../images/site_objects/ico_arrow_black.gif) 0 0.6em no-repeat!important;
	padding:2px 0 2px 14px;
}

div#subnavigation ul ul li a:link, div#subnavigation ul ul li a:visited {
	color:#666666;
	text-decoration:none;
}

div#subnavigation ul ul li a:hover, div#subnavigation ul ul li a:focus, div#subnavigation ul ul li a:active {
	color:#CC0000;
}

/* Level 3 */

div#subnavigation ul ul ul li {
	background:none!important;
	padding:2px 0 2px 10px;
	}
	
div#subnavigation ul ul ul li a:link, div#subnavigation ul ul ul li a:visited {
	color:#666666;
	background:#FFFFFF;
	display:block;
}

div#subnavigation ul ul ul li a:hover, div#subnavigation ul ul ul li a:focus, div#subnavigation ul ul ul li a:active {
	color:#CC0000;
}
	

div#subnavigation a.longlink:link, div#subnavigation a.longlink:visited { background:#FFF; }
div#subnavigation a.lit:link, div#subnavigation a.lit:visited { color:#CC0000; background:#FFF; }
div#subnavigation a.lit_black:link, div#subnavigation a.lit_black:visited { color:#000000; background:#FFF; }

	
/* IN PAGE NAVIGATION */

div.inpagenav ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

div.inpagenav ul li {
	display:inline;
	
	}

div.inpagenav ul li a {	
	display:block;
	float:left;
	margin-left:2px;
	}

/* Library hotspot */

div.library {
	width:225px;
	border-top:1px solid #CCC;
	padding-right:6px;
}

div.library div.link {
	width:170px;
	float:left;
}

div.library .floatright {
	float:left;
	}

div.library h2  {
	margin:15px 0 10px 6px;
	}
#contentwrapper div.library a.arrow {
	margin-left:6px;
}

/* Font Size Buttons */

	
#fontswitcher a.small {
	display:block;
	background:url(../images/buttons/btn_textsize1.gif) no-repeat;
	width:16px;
	height:20px;
	margin:0 4px 0 0;
	position:relative;
	top:-1px;
	}

	#fontswitcher a.small:hover, #fontswitcher a.small:active, #fontswitcher a.small:focus {
		background:url(../images/buttons/btn_textsize1_f2.gif) no-repeat;
	}

#fontswitcher a.medium {
	display:block;
	background:url(../images/buttons/btn_textsize2.gif) no-repeat;
	width:18px;
	height:20px;
	margin:0 4px 0 0;
	position:relative;
	top:-2px;
}

	#fontswitcher a.medium:hover, #fontswitcher a.medium:active, #fontswitcher a.medium:focus {
		background:url(../images/buttons/btn_textsize2_f2.gif) no-repeat;
	}

#fontswitcher a.large {
	display:block;
	background:url(../images/buttons/btn_textsize3.gif) no-repeat;
	width:22px;
	height:22px;
	position:relative;
	top:-3px;
}
	#fontswitcher a.large:hover, #fontswitcher a.large:active, #fontswitcher a.large:focus {
	background:url(../images/buttons/btn_textsize3_f2.gif) no-repeat;
	}



/* ------- 6 FOOTER ELEMENTS   ---------- */

#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#footer ul li {
	display:inline;
	margin:0;
	padding:0;
}

#footer ul li a {
	text-decoration:none;
	font-size:90%;
	padding:5px 0px 5px 15px;
	display:block;
	float:left;
	color:#666666!important;
	}

#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus {
	text-decoration:underline;
	}





/* ------- END OF LAYOUT.CSS   ---------- */