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

html
{
	min-height: 100%;
	margin-bottom: 1px;
}


body
{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	 
	background-color: #333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;/*look to #content under www/sitewide/main_navigation.css for more options on changing large sections of text color */
	 
}

img
{
	border: 0;
}

a:link
{
	color: #369;
	text-decoration: none;
}

a:visited
{
	color:  #369;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	text-decoration: underline;
}

a
{
  outline: none;
}








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

======================================================
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 
======================================================
*/



#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. */
} 




#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: left;
	/*color: #ccc;*/
	padding: 15px 11px;
}


	#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;
	}	
	
	 /*
______________________________________________________

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

.sponsor_image {
padding-top:3px;
}



 /*
______________________________________________________

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

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



.kids #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;/*main bg color pink*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	 
} 

.kids #wide_content
{
	clear: both;
	background: url(../../../../kids/images_new/gradient.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:22px;
	margin-top:19px;
	position: relative;
	top: -20px;
	
}

.kids #wide_content_wpad
{
	clear: both;
	background: url(http://wfsu.org/kids/images_new/gradient.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding: 22px 11px 11px 11px;
	margin-top:19px;
	
}

.kids #dropdown_container {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background-color: #FFFFCC;
	width: 980px;
	/*background: url(../images_new/gradient.gif);
	background-repeat:repeat-x;*/
	position:absolute;
	top:199px; 
	left:50%;
	margin-left: -490px;
	margin-top: 1px;
	z-index:100;
	padding-bottom:0;
	clear:both;
}

.kids .heading_font {
 font-size:1.74em;
 font-weight:800;
 color: #336699;
}

.kids .boxtop {
	border-top:1px solid #333333;
 }
 
.kids .boxtop-light {
	border-top:1px dashed #666;
 } 
 
.kids .top22px-spacing { 
	margin-top:22px;
}

.kids .flashbox {
 	float:left; 
	width:360px;
	margin:11px 0;
 }
 
.kids .textbox {
 	float:left; 
	width:500px; 
	text-align:left; 
	vertical-align:top; 
	padding-left:18px;
   }
   
.kids .frame {
border:1px solid #999;
padding:11px;

}

.kids .bottom22px-spacing { 
	margin-bottom:22px;
}


.kids .2col-left {

float: right; 
width: 200px;
 

}

.kids .2col-right {

float: right; 
width: 758px;
 
}




.noliststyle {

list-style: none;
margin-top: 10px;
}


.shade {
background-color:#eaeaea;
padding:11px;
margin: 11px 0;
}

#inour_community
{
	border-left:3px solid #fff; 
 	height: 306px;
	background-image:url(http://www.wfsu.org/kids/images_new/color_strip_vert.jpg); 
	background-repeat:repeat-x; 
	 
}

.ioc_list
{
	padding:6px;
	width:23%;
	float:left; 
}

.ioc_image
{margin-bottom: 6px;}

 
.kids #flash_main
{
	float:left; 
	width:560px; 
	height:315px;
}


.clear {clear:both;}

.margintop22{margin-top:22px; height:auto;}

#head_with_image
{padding-top: 20px; float:left; width:40%}

/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/

/*MOUSE OVER BUTTONS MENU STYLES*/

/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/



#button {
	width: 10px;
	border: 1px solid #666;
	padding: 0 0 1em 0;
	margin-bottom: 2em;
	
	background-color: #90bade;
	color: #333;
	}
	
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#button li {
	/*border-bottom: 1px solid #90bade;*/
	margin: 0;
	}
	
	
#button li a {
	display: block;
	padding: 3px 5px 3px 0.5em;
	border-left: 15px solid #1958b7;
	border-right: 0px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	border-left: 15px solid #FFCC33;
	border-right: 0px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}

	@charset "UTF-8";



	#datebar {
		 width:980px; 
		 height:15px; 
		 padding:3px 0; 
		 margin-top:5px;
	 }



	#datebar_alt1 {
		 width:980px; 
		 height:15px;
		 padding:3px 0; 
		 margin-top:-35px;
	 }



	#datebar_kids {
		 width:980px; 
		 height:15px;
		 position:absolute; top: 185px; 

	 }

	 #searchmenu {
		  width:28%; 
		  float:right; 
		  text-align:right; 
		  margin-top: -5px; 
		  margin-right:3px;
	  }

	  #date {
		   width:70%; 
		   float:right; 
		   text-align:right;
	   }


	  #date_kids {
		   width:70%; 
		   float:right; 
		   text-align:right;
		   padding:7px 0 0 0;
		   margin-right: -38px;
	   }

	   #ad {
	    border-top: 1px solid #999999;
		}


/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }


.cleardiv {clear: both; line-height:0;}

#sidebar ul li {list-style:none; position:relative; left:-15px;}
#sidebar_container {float:left; width: 245px; display:inline; margin:0 11px 11px 0; padding:0; padding-left:0; border: #dadada solid 0px; background-image:url(../../../images/rtblockBG.jpg); text-align:left; }
#sidebar_container a {color: #369;}
#sidebar h2 {color: #e79228; font-size:1.3em;}
#col1 {float:left; width: 655px; display:inline; border:none; margin:0 11px 0 22px; padding-right: 8px; padding-left:8px;}
#col1short {float:left; width: 640px; display:inline; border:1px solid #dadada; margin:0 11px 0 22px; padding:0 8px;}
#single_pagewide { border:1px solid #dadada; margin:0 11px 0 22px; padding:0 8px;}
.paddingleft10 {padding-left: 10px;}