@charset "UTF-8";
/* CSS Document */



#navigation { 
	background: #000; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 


#header	{
		background-color:#000000;
		background-image:url(http://www.wfsu.org/sitewide/navigation_files/header_background.png);
		background-repeat:repeat-x;
		width: 100%;
		 }
		 


	 	 
		 /*
______________________________________________________

======================================================
Footer Styles 
======================================================
*/
		
		#footer
		{
			text-align: center;
			padding: 2px 0 0 0;
			margin: auto;
			width: 980px;
			height: 60px;
			background-color: #000;
			color:#999;
			font-weight:lighter;
		}
		
		#footer ul
		{
			padding: 0 0 0 11px;
			margin: 10px 0 5px 0;
		}
		
		#footer li
		{
			
			margin: 0 15px 0 0;
			display: inline;
			list-style-type: none;
		}
		
		#footer a
		{
			line-height: 18px;
			color: #999999;
			text-decoration: none;
		}
		
	
		#footer a:visited
		{
			color: #FFFFCC;
			text-decoration: none;
		}
		
		#footer a:hover
		{
			text-decoration: underline;
		}
		
		#footer a:active
		{
			text-decoration: underline;
		}
		
		.spacy
		{
		letter-spacing: .15em;
		}


	 	 
		 /*
______________________________________________________

======================================================
dropdown nav Styles  - kids
======================================================
*/



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

#nav a {
	display: block;
	width: 10em;
	
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	text-align:left;
	 
	 
}

#nav li ul { /* second-level lists */
	position: absolute;
	 
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

#content {
	clear: both;
	/*color: #ccc;*/
	padding: 15px 11px;
}

#contentwithblockquote {
	clear: both;
	/*color: #ccc;*/
	padding: 15px 22px;
}

	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : #999;
		font-weight : 600;
		text-decoration : none;
		background-color : #fff;
		border : 1px solid #666; 
		padding : 1.5px 0.5em;/*	can remove but affects all dropdowns (if you want to only affect top lever, for ex, put a style in the tag on the dropdown.php page) */
	}
	
	#nav li a:hover {
		color : #fff;
		background-color : #999;
	}	
	
	
	
	 	 
		 /*
______________________________________________________

======================================================
dropdown nav Styles  - not kids
======================================================
*/




#templateNav, #templateNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

#templateNav a {
	display: block;
	width: 10em;
	
}

#templateNav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	text-align:left;
	 
	 
}

#templateNav li ul { /* second-level lists */
	position: absolute; 
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	 
}

#templateNav li:hover ul, #templateNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}


#templateNav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : #999;
		font-weight : 400;
		text-decoration : none;
		background-color : #fff;
		border: 1px solid #dadada;
		padding : 4px 0.5em;/*	can remove but affects all dropdowns (if you want to only affect top lever, for ex, put a style in the tag on the dropdown.php page) */
	}
	
#templateNav li a:hover {
		color : #fff;
		background-color : #999;
			 

	 
	
	 
	}
	
#templateNav li ul a {
	border-top:none;
	border-bottom:none;
	padding-top: 3px;
	padding-bottom:3px;
	font-size: .92em;
}	

.bottom_border {
border-bottom: 1px solid #dadada;
}
		
	
	
	
	
	 /*
______________________________________________________

======================================================
sponsor Styles 
======================================================
*/
#sponsors{
text-align: center;
height: 85px;
 
width: 980px;
margin:0 auto
}

#sponsors_left{
 
height: auto;
vertical-align: middle;
width: 950px;
margin:0 auto;
 

}


.sponsor_image {
padding-top:3px;
}



 /*
______________________________________________________

======================================================
Template Navigation Styles 
======================================================
*/

#sub_navigation {
	margin:0 auto; 
	width:980px; 
	padding:0; 
	font-size:1.3em; 
	height:18px;
}

 /*
______________________________________________________

======================================================
Kids Navigation Styles 
======================================================
*/

#kids_navigationORIGINAL {
	margin:0 auto; 
	width:736px; 
	padding:0; 
	font-size:1.3em; 
	height:18px;
}

#kids_navigation {
	margin:0 auto; 
	width:736px; 
	padding:0; 
	font-size:1.1em; 
	height:18px;
}