/*  header_kids.css */
#container_home_nav_kids {margin:0 auto; padding:0; width:765px; position: relative; background-color:#023270; text-align:left;}
/*-------Banner Gaps--------- */
#top_ban {margin:0 0  0 8px; padding:0; border:0; }
#lf_ban {margin:-9px 0 0 0; padding:0; height:74px; float:left; }
#rf_ban {margin:-9px 0 0 0; padding:0; height:74px; float:right; }
#gap_lw_sh {margin:0; padding:0; position:absolute; top:74px; left:198px; width:4px; }
 
.weeklyReader {margin:0; padding:0; display:block; background-image:url(/images/headers/banner_top_01/lf_ban_cur_1.gif);  position:relative;  background-repeat:no-repeat; width:190px; height:102px; border:0; float:left; overflow:hidden; /*for ie to hide extra height*/} 
/*-------Kids Teens Teachers---------*/
.kids, .teens, .teac {margin:0; padding:0; display: block; width:177px; height:65px;  float:left; }
/*--top menu margin and padding--*/
.kids {margin:0; padding:0 0 0 9px ; display: block; background-image: url(/images/headers/banner_top_01/gap_sh_01.gif); background-repeat:no-repeat; background-position:top left;} 
.teens {margin:0; padding: 0 0 0 11px; display: block; background-image: url(/images/headers/banner_top_01/gap_02.gif); background-repeat:no-repeat; background-position:top left; }
.teac {margin:0; padding: 0 0 0 8px; display: block; background-image: url(/images/headers/banner_top_01/gap_03.gif); background-repeat:no-repeat; background-position:top left;}
/*-------Kids----------*/
.kids {position:relative; float: left; /* overflow:hidden;for ie to hide extra height*/ } 	
.kids a,  .kids a:link, .kids a:visited {display: block;  float:left;  overflow:hidden;/* for ie to hide extra height*/}	
.kids a:hover {background-image: url(/images/headers/banner_top_02/kid_y_r_02.gif); }
* html a:hover {visibility:visible}
.kids a:hover img{visibility:hidden}
/*--------Teens--------*/
.teens {position:relative; float: left; /*overflow:hidden; for ie to hide extra height*/}		 
.teens a,  .teens a:link, .teens a:visited {margin: 0; padding: 0; display: block; float:left; position:relative; overflow:hidden;/* for ie to hide extra height*/}
.teens a:hover {background-image: url(/images/headers/banner_top_02/teen_w_b_02.gif);}
	* html a:hover {visibility:visible}
	.teens a:hover img{visibility:hidden}
/*------Teachers-----------*/
.teac {position:relative; float:left; /*overflow:hidden; for ie to hide extra height*/}
.teac a, .teac a:link, .teac a:visited  {margin: 0; padding: 0; display: block; float:left; position:relative;  overflow:hidden;/* for ie to hide extra height*/} 
.teac a:hover {	background-image: url(/images/headers/banner_top_01/teac_y_b_01.gif); }
	* html a:hover {visibility:visible}
	.teac a:hover img{visibility:hidden}