/* 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, helvetica, sans-serif;
	font-size: 100%;
	background: #fff;
	color: #000;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align:center;

}

img { 
	border: 0;
	margin:0;
	padding:0;
}

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

/* ------- 2 TEMPLATE LAYOUT ---------- */
#sitewrapper {
	font-size: 80%;
	margin:0pt auto;
	min-height:100%;
	position:relative;
	text-align:left;
	width:946px;
}

#header {
	width:940px;
	position:relative;
	float:left;
}



#contentwrapper {
	padding-left:189px;
	float:left;
	width:753px;
	clear:both;



}
#content {
	float:left;

}

div.maincol {
	float:right;
	width:500px;
	height:auto;
}
div.textcontent { 
	width:467px;
	float:left;
	padding:19px 15px 40px 18px;

}

div.pageheader {
	width:500px;
	float:right;
	clear:none;
	height:298px;
	min-height:298px;

}



html>body div.pageheader {
	height:auto;
}

div.widepageheader {
	width:753px;
	float:left;
	clear:none;
	}
	
div.mainheader { /* this stops the content below the sIFR text jumping */
	height:140px;
	float:left;
	width:480px;
}

div.pageheader img {
	border:0;
}
	
div.bluebox {
	background:url('../images/site_objects/bluebox.gif') no-repeat 0px 0px;
}

div.pageheadertext {
	float:left;
	margin:0px 0px 0px 20px;
	width:480px;
	display:inline;
	height:262px;
	min-height:262px;
}

html>body div.pageheadertext {
	height:auto;
	}

div.sidebar {
	width:253px;
	float:right;
}

div.sidebarlower {
	padding-left:16px;
}

div.sidebarlower img {
	margin:26px 0px 16px 0px;
}

div.sidebar div.greenbg {
	display:block;
	width:212px;
	float:left;
	padding:20px 20px 20px 20px;
	margin:0px 0px 20px 0px;
	background-color:#c2d544;
	height:154px;
	min-height:154px;

}

html>body div.sidebar div.greenbg {
	height:auto;
}

div.homehotspot {
	float:left;
	width:175px;
	display:block;
	margin:0px 50px 0px 20px;
	padding-bottom:30px;
	display:inline;


}

#footer {
	float:left;
	margin-top:0px;
	width:100%;
	border-top:1px #cccccc solid;
	padding:10px 0px 10px 0px;

}
	#footer p{
		float:left;
		color:#ADADAD;
	}
	
	#footer ul{
		position:relative;
		list-style:none;
		left:15px;
	}
	
	#footer ul li{
		display:inline;	

		padding-left:28px;
		
	}
	
	#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
		
		text-decoration:none;
		font-size:95%;
		}
	#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
		text-decoration:underline;
	}

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

#branding {
float:left;
height:48px;
width:100%;
background:url('../images/site_objects/bg_content.gif') no-repeat 188px 0px;
position:relative;
z-index:20;

}
	#branding img{
		float:right;
		margin-top:15px;
	}
	
	#branding a{
		position:absolute;
		top:33px;
		display:block;
		height:58px;
		width:203px;
		z-index:20;
		
	}
		#branding a img{
			border:0;
			padding:0;
			margin:0;
			float:none;
	
		}
		




/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */

		
	
.navigation {
	position:relative;
	float:right;
	font-size:103%;
	width:746px;
	background-color:#e7eef4;
	border:1px #ffffff solid;
	left:2px;
}

	.navigation ul {
		float:right;
		list-style:none;
		margin:0;
		padding:0;
		border:0;
	}
		
	.navigation ul li{
	
		float:left;
		border-right:1px #ffffff solid;
				
	}
		
	.navigation ul li a, .navigation ul li a:link, 	.navigation ul li a:visited{
		display:block;
		float:left;
		padding:8px 11px 10px 11px;
		background-color:#e7eef4;
		text-decoration:none;
			
	}
	
	.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus, .navigation ul li a.lit:active, .navigation ul li a.lit:link, .navigation ul li a.lit:visited, .navigation ul li a.lit  {
		background-color:#c4d5e4;
	}
	
	.navigation ul li.smaller a, .navigation ul li.smaller a:link, 	.navigation ul li.smaller a:visited{
		padding:8px 9px 10px 9px;
	}


/* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */

div.internalnav {
	float:right;
	position:relative;
	top:-15px;
	
}
	
	div.internalnav ul{
		list-style:none;
		padding:0;
		margin:0;
		float:left;
	}
	
	div.internalnav ul li{
		float:left;
		padding:0;
		margin:0;
	}
	
	div.homenav {
	position:absolute;
	top:310px;
	left:790px;
	width:145px;
	
}
	
	div.homenav ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	
	div.homenav ul li{
		padding:0;
		margin-top:8px;
	}

	div.homenav ul li a, div.homenav ul li a:link, div.homenav ul li a:active{
		display:inline;
		margin:0;
		padding:5px 12px 0px 24px;
		border-bottom:7px #ffffff solid;
		background:url('../images/site_objects/homepage_arrow.gif') no-repeat 10px 10px #ffffff;
		text-decoration: none; 	
		color:#344b68;
		font-weight:bold;	
	}
	
	div.homenav ul li a.first{
		text-decoration:none;
		color:#344b68;
		background-color:#ffffff;
		display:block;
		width:95px;
	}
	
	div.homenav ul li a.last{
		display:block;
		width:90px;
		text-decoration:none;
		border-bottom:7px #c4d5e4 solid;
		background-color:#c4d5e4;
		color:#344b68;
		margin-top:-6px;
		
	}
	
	div.homenav ul li a:hover, div.homenav ul li a:active, div.homenav ul li a:focus{
		text-decoration:underline;
	}
	
/* hidden accesible navigation */
#accessiblenav ul {
	list-style: none;
	margin: 0;	
	padding: 0;

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

}
#accessiblenav a:link, #accessiblenav a:visited {
	top: 5px;
	left: 2px;
	font-size: 75%;
	height: 0;	
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background: #FFFFFF;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 4px 6px 4px 6px;
	position: absolute;
	text-decoration:underline;
	width: auto;
	z-index: 10000;
	border:1px solid #000;
}
/* page trail */
ol#pagetrail , ol#pagetrail li {
	margin: 0;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
	display:inline;
}

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