/* 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: #333333;
	margin: 0;
	padding: 0;
}

img { 
	border: 0;
}

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

ul, h1, h2, h3, h4, form, fieldset, input, legend {
	margin:0;
	padding:0;
	text-align:left;
	font-size:100%;
}
/* ------- 2 TEMPLATE LAYOUT ---------- */

#sitecontainer {
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	/*width: 950px;*/
	text-align: left;
	font-size:90%;
}

#branding {
	float:left; 
 	width: 195px;
	margin:33px 0 0 0;
}

#mainnav {
	width: 150px;
	padding: 7px 0 0 43px;
	clear:left;
	float:left;
	font-size:85%;
}
#subnav {
	float:left;
	width: 195px;
}
#content {
	float:left;
	/*width: 752px;*/
	background:url(../images/site_objects/bg_content.gif) no-repeat;
	font-size:85%;
}

div.doublecol {
	padding:28px 0 0 0;
	float:left;
}
div.doublecol p {
	margin:0;
	padding:0;
	
}
div.doublecol img {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	display:block; /*gets rid of white space in firefox*/
}

div.doublecol img#seventhings_img {
width: 697px;
height: 210px;
}
div.bluebar {
	border-left:245px solid #596d83;
	height:16px;
	position:absolute;
	margin:0 0 0 -14px;
}
body.screen_low div.bluebar {
	margin:-25px 0 0 -11px;
}
html>body.screen_low div.bluebar {
	margin:-7px 0 0 -11px;
}

div.doublecol div.bluebar {
	border-left:276px solid #586d82 !important;
	margin:0 0 0 250px;
	height:12px;
	overflow:hidden;
}
div.featurecol {
	width:250px;
	background:#c2d544;
	float:left;
	/*height:380px;*/height:333px;
	padding:0 0 42px 0;
}
html>body div.featurecol {
	height:auto;
	min-height:380px;
}
div.textcol {
	padding:104px 0 14px 0;
	/*height:276px;*/height: 380px;
}
div.pagecontent {
	float:right;
	margin:94px 0 0 0;
	padding:0 0 0 10px;
}
div.search {
	margin: 4px 0 0 0;
	padding: 4px 0 4px 0;
	position:absolute;
	right:0px;
	font-weight:bold;
	width:240px;
}

html>body div.search {
	margin: 6px 0 0 0;
}
div.insidecontent div.search {
	margin: 20px 40px 0 0;
	padding: 4px 0 4px 0;
	position:relative;
	float:right;
	clear:both;
	width:300px;
}
html>body div.insidecontent div.search {
	margin: 20px 80px 0 0;
}
body.screen_low .widescreen {
	display:none;
}
body.screen_high .smallscreen, .smallscreen { /* if no .js default to wide screen */
	display:none;
}

body.screen_low .smallscreen {
	display:block;
}
/* ------- 3 BRANDING / LOGO  ---------- */

#branding div.logo {
	float:left; 
 	width:197px;
	padding:0 0 10px 0;
	height:58px;
}
#branding div.logo img {
	position:absolute;
	margin:0 0 0 2px;
}

/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the main / top nav if required */ 

ul.mainnav {
	list-style-type:none;
	margin:0;
	padding:0;
	text-transform:lowercase;
	font-weight:bold;
}
ul.mainnav li {
	margin: 0 0 1px 0;
	line-height:180%;
}

ul.mainnav a:link, ul.mainnav a:visited {
	text-decoration:none;
	color:#3b75a6;
	display:inline-block;
	font-size:108.4%;
	padding-left:2px;
	padding-right:2px;
}

ul.mainnav a:hover, ul.mainnav a:focus, ul.mainnav a:active, ul.mainnav a.lit:link, ul.mainnav a.lit:visited  {
	background:#304863;
	color:#fff;
}

ul.mainnav li ul {
	letter-spacing:normal;
	list-style-type:none;
	font-weight:normal;
	margin: 0 0 8px 0;
	/*border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;*/
	font-size:92%;
	text-transform: none;
	padding: 8px 0 9px 15px;
}


/* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */
/* 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;
}












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


#footercontainer{
	background: url("../images/site_objects/bg_footer.gif") top left repeat-x #fff;
	border-top: 1px solid #CCC;
	float: left;
	font-size: 75%;
	height: 225px;
	position: relative;
	text-align: left;
	width: 100%;
	}

	html>body #footercontainer{
		height: auto;	
		min-height: 225px;	
		}

#footercontainer #footer{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	}

	#footercontainer div.footercontent{
		float: left;
		padding: 27px 14px 14px;
		width: 223px;
		}

	#footercontainer div.footercontent h2{
		color: #304863;
		font-size: 133.4%;
		line-height: 1.15em;
		text-transform: lowercase;
		}

	#footercontainer div.footercontent a, #footercontainer div.footercontent a:link, #footercontainer div.footercontent a:visited{
		color: #3B75A6;
		text-decoration: none;
		}

		#footercontainer div.footercontent a:hover, #footercontainer div.footercontent a:focus, #footercontainer div.footercontent a:active{
			text-decoration: underline;
			}

	#footercontainer div.footerprofile img{
		-moz-box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		box-shadow: 1px 1px 3px #ccc;
		float: left;
		}

	#footercontainer div.footerprofile p{
		float: left;
		padding-left: 12px;
		width: 100px;
		}

	#footercontainer div.footercontentfirst{
		padding: 27px 10px 10px 10px;
		width: 175px;
		}

		#footercontainer div.footercontentfirst ul{
			list-style-type: none;
			margin: 0;
			padding: 7px 0 0 0;
			}

		#footercontainer div.footercontentfirst ul li{
			margin: 0 0 3px 0;
			padding: 0;
			}

		#footercontainer div.footercontentfirst ul li a, #footercontainer div.footercontentfirst ul li a:link, #footercontainer div.footercontentfirst ul li a:visited{
			color: #3B75A6;
			text-decoration: none;
			text-transform: lowercase;
			}

			#footercontainer div.footercontentfirst ul li a:hover, #footercontainer div.footercontentfirst ul li a:focus, #footercontainer div.footercontentfirst ul li a:active{
				text-decoration: underline;
				}

	#footercontainer div.footercontentlast{
		padding-top: 17px;
		}

		#footercontainer div.footercontentlast h2{
			margin: 0 0 0.4em 0;
			padding: 0;
			}




/* ------- 7 SOCIAL ELEMENTS   ---------- */


#sharecontainer{
	border-top: 1px solid #CCC;
	float: left;
	font-size: 75%;
	margin-top: 42px;
	position: relative;
	text-align: left;
	width: 100%;
	}

#sharecontainer #share{
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 950px;
	}

	#sharecontainer div.sharecontent{
		float: left;
		}

	#sharecontainer div.sharecontentfirst{
		width: 195px;
		}

	#sharecontainer div.sharecontentconnect{
		padding: 14px;
		width: 474px;
		}

	#sharecontainer div.sharecontentshare{
		padding: 14px 0 14px 14px;
		width: 237px;
		}

	#sharecontainer div.sharecontent h2{
		color: #304863;
		display: inline;
		float: left;
		font-size: 133.4%;
		line-height: 1.15em;
		margin: 18px 0 0 10px;
		padding: 0;
		text-transform: lowercase;
		}

	#sharecontainer div.sharecontent ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#sharecontainer div.sharecontent ul li{
		display: inline;
		float: left;
		margin: 0 20px 0 0;
		padding: 0;
		}

	#sharecontainer div.sharecontent ul li a img{
		display: block;
		}

	#sharecontainer div.sharecontentshare ul li{
		margin: 0 6px 0 0;
		}


	div.tooltip{
		position: absolute;
		top: -30px;
		}

		div.tooltip div.tooltipcontent{
			background: #283c58;
			color: #FFF;
			padding: 9px;
			margin: 0;
			white-space: nowrap;
			}

		div.tooltip img{
			display: block;
			}
.date_time {
    color: #3A75A5;
    padding-top: 6px;
	font-size: 85%;
}

ul#twitter_update_list li.twitterfeed a, ul#twitter_update_list li.twitterfeed a:visited {
    padding-top: 0px!important;
	float:none
}			
/* ------- END OF LAYOUT.CSS   ---------- */