/*
palette:
links: 00a9d5
*/

/* Reset margin, padding */
body, ul, ol, dl, dt, dd, form, fieldset{
	margin:0;
	padding:0;
	color: #555;
}
ul{list-style:none;}

body{
	text-align:center;
	font-family:verdana, arial, sans-serif;
	font-size:70%;
	background:url(/assets/bg-page_top.jpg) left top repeat-x;
}

table.onpage-table {
	border-top: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
}

table.onpage-table td {
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	padding: 5px;
}

#wrapper{
	width:100%;
}
#container{
	margin:0 auto 0;
	width:910px;
	text-align:center;
}
#header{
	position:relative;
	height:184px;	
	text-align:left;
}
	#header ul{
		position:absolute;
		top:127px;
		right:15px;
		height:31px;
	}
	#header li{
		font-size:.9em;
		color:#555;
		float:left;
		padding:0 10px;	
		border-left:1px solid #999;
	}
	#header li.end{
		border-left:none;
	}
		#header li a{
			color:#555;
			text-decoration:none;
			padding:2px
		}
		#header li a.active{
			color:#555;
			background:#eee;
			text-decoration:none;
		}		
		#header li a:hover{
			text-decoration:underline;
			color:#555;
		}
		#header li a.active:hover{
			color:#555;
			background:#eee;
			text-decoration:none;
		}		
#print, #printPage, #textSize{
	/*display:none; /* activated in javascript_only.css */
	display:block; 
}

#logo{
	position:absolute;
	left:15px;
	top:22px;
}

	#logo a{

	}

#main{
	clear:left;float:left;
	width:900px;
	text-align:left;
	padding-bottom:2em;
}

#navigation{
	float:left;
	position:relative;
	width:900px;		
}
	#navigation ul{
		width:900px;
		float:left;
		height:216px;		
		background:url('/assets/nav-on.jpg') 8px top no-repeat;	
	}
	#navigation ul li{float:left;	}
	
	#navigation ul li div{
		position:absolute;
		left:0;
		top:32px;
		display:none;
	}
	
	#s0 #navigation ul li#m1 div,
	#s1 #navigation ul li#m1 div,
	#s2 #navigation ul li#m2 div,
	#s3 #navigation ul li#m3 div,
	#s4 #navigation ul li#m4 div,
	#s5 #navigation ul li#m5 div,
	#s6 #navigation ul li#m6 div,
	#s7 #navigation ul li#m7 div{
		display:block;
	}


	#navigation ul li#m1{	
		margin-left:8px; display:inline;
	}

	#navigation ul li a{
		display:block;
		text-indent:-9000px;
		background:url('/assets/nav.jpg') left bottom no-repeat;
		height:32px;
	}	
	#navigation ul li#m1 a{
		width:78px;
		background:url('/assets/nav.jpg') left bottom no-repeat;
	}	
	#navigation ul li#m2 a{
		width:90px;
		background:url('/assets/nav.jpg') -78px bottom no-repeat;
	}		
	#navigation ul li#m3 a{
		width:181px;
		background:url('/assets/nav.jpg') -168px bottom no-repeat;
	}			
	#navigation ul li#m4 a{
		width:181px;
		background:url('/assets/nav.jpg') -349px bottom no-repeat;
	}		
	#navigation ul li#m5 a{
		width:130px;
		background:url('/assets/nav.jpg') -530px bottom no-repeat;
	}			
	#navigation ul li#m6 a{
		width:112px;
		background:url('/assets/nav.jpg') -660px bottom no-repeat;
	}
	#navigation ul li#m7 a{
		width:113px;
		background:url('/assets/nav.jpg') -772px bottom no-repeat;
	}		
	
	#main #navigation ul li a:hover,
	#s1 #main #navigation ul li#m1 a,
	#s2 #main #navigation ul li#m2 a, 
	#s3 #main #navigation ul li#m3 a, 
	#s4 #main #navigation ul li#m4 a, 
	#s5 #main #navigation ul li#m5 a, 
	#s6 #main #navigation ul li#m6 a, 
	#s7 #main #navigation ul li#m7 a{
		background-image:none;
	}				


#contentWrapper{

}
#content{
	float:left;
	width:910px;
	margin-top:26px;
}

/* Home page panels */
#col1{
	float:left;
	width:290px; /* width + allow for shadow */
	margin-right:20px; display:inline; /* gutter */
}
	.page #col1{
		float:left;
		width:200px;
		margin-right:30px; display:inline; /* gutter */
	}
.page #col1{
	margin-top:.5em; /* to match page heading*/
}
#col2{
	float:left;
	width:600px; /* width + allow for shadow */
}
.page #col2{
	float:left;
	width:680px; /* width + allow for shadow */
}

#subnav{
	float:left;
	margin-bottom:3.5em;
}
#subnav ul{
	float:left;
}
#subnav ul li{
	float:left;
}

#copy{
	float:left;
	width:360px;
	margin-right:30px;display:inline;
	font-family:verdana, arial, sans-serif;	
	color:#555;	
}
.wide #copy{
	width:680px;
	margin-right:0px;
}
/* general copy styles */
	#copy h1{
		margin:.5em 0;
		padding:0 0 0em;
		font-size:1.5em;
		color:#555;
		font-weight:bold;
	}
	#copy h2{
		margin:.5em 0;
		padding:0 0 0em;
		font-size:1.3em;
		color:#555;
		font-weight:bold;
	}
	#copy h3{
		font-size:1.2em;
		color:#555;
		font-weight:bold;
		margin: 0;
		padding: 10px 0;	
	}
	#copy h4{
		font-size:1.0em;
		color:#555;
	}
	#copy p{
		font-size:1em;
		color:#555;
		padding:.3em 0; margin:.3em 0;
		line-height:1.4em;
	}
	
	#copy p.underline{
		text-decoration: underline;
	}
	
	#copy ul {
		list-style: disc;
		margin-top: 15px;
	}
	
	#copy ol {
		list-style: decimal;
		margin-top: 15px;
	}
	
	#copy li{
		margin:0 0 .3em 30px;
		padding:.2em  0 .3em 5px;	
	}	

	#copy .pdf{
		margin-left:0px;
		padding:.2em  0 .3em 25px;
		background:url(/assets/icon-pdf.jpg) left .2em no-repeat;
	}
	
	#copy a, #copy a:visited{
		color:#00a9d5;
		text-decoration:none;	
	}
	
	#copy a:hover{
		color:#555;
		text-decoration:underline;	
	}
	

#more{
	float:left;
	width:290px;
}

.panel{
	float:left;
}
#search{
	width:290px;
	height:163px;
	margin-bottom:10px;
	position:relative;
	background:url('/assets/bg-search_panel.png') left top no-repeat;
	
}
#searchInner{
	position:absolute;
	bottom:4px; left:0;
	height:115px;
	background:url('/assets/bg-search_inner.jpg') left bottom no-repeat;
}
	#searchInner ul{
		float:left;
		width:280px;
		background:url('/assets/bg-search_nav.png') left 1px no-repeat;
	}
	#searchInner ul li{
		float:left;
		width:86px;
		height:33px;
		text-align:center;
		margin:0 3px 0 3px; display:inline;
	}
	#searchInner ul li.end{
		margin-left:5px; display:inline;
	
	}
	#searchInner ul li a{
		color:#555;
		font-size:.9em;
		text-decoration:none;
		line-height:33px;
		height:33px;
		width:86px;
		display:block;

	}
		#searchInner ul li a.active{
			float:left;
			width:86px;
			height:33px;
			background:url('/assets/bg-search_tab-on.png') left 3px no-repeat;
		}

#searchBtn{
	position:absolute;
	left:184px;
	bottom:0px;
	background:url('/assets/bg-searchBtn-on.jpg') left top no-repeat;
	margin:0; padding:0;
	text-indent:-9000px;
	width:95px;
	height:28px;
}
	#searchBtn a{
		float:left;
		display:block;
		width:95px;
		height:28px;
		background:url('/assets/bg-searchBtn.jpg') left top no-repeat;
	}
	#searchBtn a:hover{
		background-image:none;
	}	
#searchFieldOuter{
	margin:10px 0 0 10px;
	float:left;
	width:171px;
	height:36px;
	background:url('/assets/bg-search_field.jpg') left top no-repeat;
}
#searchField{
	padding:0; margin:10px;
	width:140px;
	border:1px solid #fff;
	color:#555;
	font-size:.9em;
}

#searchAdvanced{
	clear:left;
	float:left;
	width:140px;
	margin:5px 0 0 15px;display:inline;	
	font-size:.9em;
	color:#00a9d5;
	text-decoration:underline;
}
#advanced:hover{
	color:#555;
	text-decoration:none;
}
#about{
	margin-bottom:15px;
}

#signup{	
	width:290px;
	height:127px;
	background:url('/assets/bg-newsletter_signup.jpg') left top no-repeat;
	position:relative;
	line-height: 1.4em;
}
#signup div{
	clear:left; float:left;
	width:250px;
	margin:35px 15px 0; display:inline;
	color:#555;
}
#signup div p{
	margin:.5em 0;
	padding:.5em 0;

}

#signupBtn{
	position:absolute;
	right:10px;
	bottom:9px;
	background:url('/assets/bg-signup-on.jpg') left top no-repeat;
	margin:0;
	padding:0;
	text-indent:-9000px;
	width:95px;
	height:28px;
}
	#signupBtn a{
		float:left;
		display:block;
		width:95px;
		height:28px;
		background:url('/assets/bg-signup.jpg') left top no-repeat;
	}
	#signupBtn a:hover{
		background-image:none;
	}	
#news{
	float:left;
	width:600px;
	height:303px;
	background:url('/assets/bg-latest_news.jpg') left top no-repeat;
}
	#newsInner{
		float:left;
		width:560px;
		padding:50px 15px 0;
	}
	#news ul{
		float:left;
		width:530px;
	}
	
	#news ul li{
		float:left;
		width:500px;
		padding-left:30px;
		margin-bottom:.5em;
		background:url('/assets/bullet-arrow.png') left .7em no-repeat; 
		line-height: 1.4em;
	}
		#news ul li h3{
			padding:0;
			margin:.5em 0;
			font-size:1.1em;
		}
		#news ul li p{
			padding:.3em 0;
			margin:.5em 0 .5em;
			color:#555;
		}
		#news ul li a{
			color:#00a9d5;
			text-decoration:none;			
		}
		#news ul li a:hover{
			color:#555;	
			text-decoration:underline;
		}

#poll{
	float:left;
	width:600px;
	height:129px;
	position:relative;
	margin-top:3px;
	background:url('/assets/bg-poll.jpg') left top no-repeat;	
	color:#555;
}
	#pollQuestion{
		float:left;
		width:295px;
		margin:35px 0 0 15px; display:inline;
		line-height: 1.4em;
	}
	#pollQuestion p{
		margin:.5em 0;
		padding:.5em 0;
	}
	#pollOptions{
		float:left;
		width:220px;
		margin:45px 0 0 70px; 
		display:inline;
	}
	#pollOptions input{
		float:left;
		padding:0;margin:0;
	}
	
	#pollOptions label{
		float:left;
		margin-left:5px;
		width:50px;
	}
	
#pollBtn{
	position:absolute;
	right:11px;
	bottom:10px;
	background:url('/assets/bg-vote-on.jpg') left top no-repeat;
	margin:0;
	padding:0;
	text-indent:-9000px;
	width:95px;
	height:28px;
}
	#pollBtn a{
		float:left;
		display:block;
		width:95px;
		height:28px;
		background:url('/assets/bg-vote.jpg') left top no-repeat;
	}
	#pollBtn a:hover{
		background-image:none;
	}	

#teasers{
	clear:left; float:left;
	width:910px;
	margin-top:50px;
	color:#555;
	line-height: 1.4em;
}

	#teasers ul{
		float:left;
		width:910px;
	}
	
	#teasers li{
		float:left;
		width:290px;
		margin-right:20px;

	}
	#teasers li.end{
		width:290px;
		margin-right:0px;
		
	}
	#teasers p{margin:.2em 15px;}
	
	#more #teasers{ /* on generic pages */
		clear:left; float:left;
		width:290px;
		margin-top:20px;
		color:#555;
	}
	#more #teasers ul{
		float:left;
		width:290px;
	}	
	#more #teasers li{
		float:left;
		width:290px;
		margin-right:0px;

	}	


#searchResources{
	float:left;
	width:665px;
	height:203px;
	position:relative;
	background:url('/assets/bg-search_resources.jpg') left top no-repeat;
	padding-top:50px;
}
#searchResourcesInner{
	float:left;
	width:645px;
	margin-left:20px;display:inline;
}
#newsResults, #eventsResults, #resourcesResults{
	width: 645px;
}
#searchResources form{
	float:left;
	width:645px;
	margin-top:1em;
}
fieldset{
	float:left;
	width:312px;
	border:0;
}
.formRow{
	float:left;
	width:302px;
	margin-bottom:.3em;
	margin-left:10px; display:inline;
}

.formRow input,
.formRow select,
.formRow label{
	float:left;
	color:#999;
}
.formRow label{
	width:65px;color:#555;
	margin-top:.3em;
}
.formRow input,
.formRow select{
	width:186px;
	margin:3px 10px;
	border:1px solid #fff;
	font-size:1em;
	color: #555;
}
.fieldBg{
	float:left;
	width:214px;
	height:36px;
	background:url('/assets/bg-searchResourcesField.png') left top no-repeat;
}


#copy #clearSearchBtn{
	position:absolute;
	left:436px;
	bottom:10px;
	background:url('/assets/bg-clearBtn-on.jpg') left top no-repeat;
	margin:0;
	padding:0;
	text-indent:-9000px;
	width:132px;
	height:29px;
}
	#clearSearchBtn a{
		float:left;
		display:block;
		width:132px;
		height:29px;
		background:url('/assets/bg-clearBtn.jpg') left top no-repeat;
	}
	#clearSearchBtn a:hover{
		background-image:none;
	}	

/* search results */
#resultsNav{
	float:left;
	width:665px;
	text-align:center;
	margin-bottom:2em;
}
.meta{
	font-weight:bold;
}
.readMore{
	/*float:left;*/
	width:103px;
	height:76px;
	text-indent:-9000px;
	
}
.readMore a{
	float:left;
	width:103px;
	height:36px;
	display:block;
	background:url('/assets/bg-readMoreBtn.jpg') left top no-repeat;
	margin: 16px 0 24px 0;
}

/* footer */
#footerContainer{
	clear:both;
	width:100%;
	color:#555;
	padding-bottom:1em;
	background:url('/assets/bg-page_foot.jpg') left top repeat-x;
}
#footer{
	margin:0 auto 0;
	width:910px;
	text-align:center;
}
	#footerInner{
		margin:45px auto 0;
		float:left;
		text-align:left;
	}
	
#social{
	float:left;
	width:379px;
	margin-right:78px;display:inline;
}

#social p{
	clear:left;
	padding:.3em 0;
	margin:.3em 0;
	line-height:1.3em;
}
	.page #social p{
		margin-top:42px;
	}

#socialLinks{
	float:left;
	width:379px;
	height:42px;
	background:url('/assets/bg-social.png') left center no-repeat;
}

	#socialLinks ul{
		float:left;
		width:379px;	
		margin-left:15px; display:inline;
	
	}
	#socialLinks ul li{
		margin-top:6px;
		float:left;
		width:100px;
	
	}
		#socialLinks ul li#share{
			padding-top:.1em; width:125px;
		}
		#socialLinks ul li a{
			color:#555;
			width:75px;
			display:block;
			float:left;
			padding:.2em 0 .2em 25px;
			text-decoration:none;			
		}
		
		#s0 #socialLinks ul li#share a,
		#s2 #socialLinks ul li#share a,
		#s3 #socialLinks ul li#share a,
		#s4 #socialLinks ul li#share a,
		#s5 #socialLinks ul li#share a,
		#s6 #socialLinks ul li#share a,
		#s7 #socialLinks ul li#share a {
			display:block;
			float:left;
			margin-left: -40px;		
		}
		
		#socialLinks ul li a:hover{
			color:#555;
			text-decoration:underline;
		}

		#socialLinks ul li#rss a{
			background:url('/assets/icon-rss.jpg') left center no-repeat;
		}
		#socialLinks ul li#fb a{
			background:url('/assets/icon-fb.jpg') left center no-repeat;
		}


	.page #socialLinks, #subnav{
		width:200px;
		height:auto;
		background-image:none;		
	}
	.page #socialLinks ul,
	#subnav ul{	
		width:200px;	
		margin-left:0px; 
		border-top:10px solid #f5f5f5;
	
	}	
	.page #socialLinks ul li,
	#subnav ul li{
		clear:left;
		width:200px;
		margin-top:0px;
		border-top:2px solid #f5f5f5;
		padding:.8em 0 .5em;
	}
	.page #socialLinks ul li#share{
		padding:.8em 0 .5em;
		width:185px;
		padding-left:15px;
	}	
		.page #socialLinks ul li a,
		#subnav ul li a{
			color:#555;
			width:160px;
			display:block;
			float:left;
			padding:.2em 0 .2em 40px;
			text-decoration:none;			
		}

		#subnav ul li a{
			color:#00a9d5;
			padding:.2em 0 .2em 15px;
		}			
		#socialLinks ul li#printPage a{
			background:url('/assets/icon-print.jpg') 15px center no-repeat;	
		}
		.page #wrapper #socialLinks ul li a{
			background-position:15px center;
		}
		.page #socialLinks ul li a:hover{
			color:#555;
		}

		#subnav ul li a:hover,
		#subnav ul li a.active{
			color:#555;
		}		
		

#footerInfo{
	clear:both;
	float:left;
	width:910px;
	margin-top:3em;
}
	#footerInfo ul{
		clear:both;
		float:left;
		width:910px;
	}

	#footerInfo ul li{
		float:left;
		width:100px;
		font-size:.8em;
	}
		#footerInfo ul li a{color:#00a9d5; text-decoration:none;}
		#footerInfo ul li a:hover{color:#555;text-decoration:underline;}
		
		#footerInfo ul li#copyright-notice{		
			width:457px;
		}
	

	#mainLinks{
		float:left;
		width:138px;
		margin-top:10px;
	}
		#mainLinks h2{
			padding:0;margin:0;
			float:left;
			height:20px;
			width:138px;
			text-indent:-9000px;
			background:url('/assets/hdg-main_links.jpg') left top no-repeat;
		}
		.footerList {
			clear:left;
			float:left;
			width:138px;
			margin-top:1em;
		}
		.footerList li{
			float:left;
			width:138px;
			margin-bottom:.3em;
		}
		.footerList li a{color:#555;text-decoration:none;}
		
		.footerList li a:hover{color:#555; text-decoration:underline;}
		
	#usefulLinks{
		float:left;width:138px;
		margin-left:88px;display:inline;
		margin-top:10px;
	}
	#usefulLinks h2{
		padding:0;margin:0;
		float:left;
		height:20px;
		width:108px;
		text-indent:-9000px;
		background:url('/assets/hdg-useful_links.jpg') left top no-repeat;
	}	

/* Misc. Classes */

.off{	position:absolute; top:-9000px;}

.cleaner{	clear:both;}

.clear_right{	clear:right;}

.clear_left{	clear:left;}

.float_right{	float:right;}

.float_left{	float:left;}	

.hide {		display: none;}	


/* Global */
a:focus{
outline:0;
}
abbr, acronym{
	border-bottom:1px dotted #555;
	cursor: help;
}
img{border:0;}


