/* 
File Name: "master_kids.css"
Description: The main stylesheet for PCPL.org Kids' Web.  This file does not include IE-specific styles.  For those, look for "ie-css".
*/
body{
background:#FFF;
}
/*
table on index page
----------------------------------------------- 
*/
#index_container {
	height:620px; /*Use this to adjust distance of footer from table.*/
	width:760px;
	margin: 0px auto;
}
/* page wrapper to contain the layout
----------------------------------------------- 
*/
#wrapper {
	background: #DAF7FE;
}
/* header
----------------------------------------------- 
*/
#header{
background: #DAF7FE url(../kidsweb/images/header_bg.gif) bottom right no-repeat;
height:85px;
margin:0;
padding:0;
border-top: 1px solid #A4ADBD;
}
#header h1 {
position:relative;
top:0;
width:300px;
height:85px;
margin:0;
padding:0;
}
#header h1 a{
background: url(../kidsweb/images/header_title.gif) bottom left no-repeat;
display:block;
width:300px;
height:85px;
}
/* adult navigation
----------------------------------------------- 
*/
ul#adult_nav {
position:absolute;
top:35px;
left:27%;
}
ul#adult_nav li {
background: url(../kidsweb/images/squiggle.gif) bottom left no-repeat;
float: left;
margin:0px 2px 0px 0px;
padding:1em .2em .5em 2.6em;
list-style: none;
}
ul#adult_nav li a{
background: #DAF7FE;
font-size:1.3em;
color:#007C9B;
text-decoration:underline;
font-weight:bold;
}
ul#adult_nav li a:hover{
text-decoration:none;
color:#F60;
}
/* text nav for kids' home
----------------------------------------------- 
*/
ul#text_nav_kids, ul#text_nav_tppl {
margin: 3em auto 5px auto;
list-style: none;
text-align: center;
}
ul#text_nav_kids li,  ul#text_nav_tppl li {
display: inline;
margin:5px 0px;
padding:0px 5px;
border-right: 1px solid #000;
}
ul#text_nav_kids  li.end, ul#text_nav_tppl li.end {
border-right: 0;
}
/* main content areas
----------------------------------------------- 
*/
#main_content{ 
background: #FFF;
}
#inside_content { /* this is the center column */
background: #fff url(../kidsweb/images/content_top_bg.gif) top left repeat-x;
padding-left: 40px;
padding-right: 40px;
padding-top: 2em;
position:relative;
}
#inside_content h2 {			
border:1px dotted #3399FF;
}
/* sidebar (left_nav)
----------------------------------------------- 
*/
#sidebar{ /* this is the left column */
background: #C1F1FD;
position:relative;
margin:0;
padding:0px 0px 0px 0px;
border:0;
z-index: 25;
width:156px;
}
#sidebar h1#sidebar_help{
background: #C1F1FD url(../kidsweb/images/kids_header_side_help.gif) top no-repeat;
}
#sidebar h1#sidebar_safe {
background: #C1F1FD url(../kidsweb/images/kids_header_side_safe.gif) top no-repeat;
}
#sidebar h1#sidebar_books{
background: #C1F1FD url(../kidsweb/images/kids_header_side_books.gif) top no-repeat;
}
#sidebar h1#sidebar_fungames {
background: #C1F1FD url(../kidsweb/images/kids_header_side_fungames.gif) top no-repeat;
}
#sidebar h1#sidebar_storytimes{
background: #C1F1FD url(../kidsweb/images/kids_header_side_storytimes.gif) top no-repeat;
}
#sidebar h1#sidebar_news{
background: #C1F1FD url(../kidsweb/images/kids_header_side_news.gif) top no-repeat;
}
#sidebar h1#sidebar_alizandro{
background: #C1F1FD url(../kidsweb/images/kids_header_side_alizandro.gif) top no-repeat;
}
#sidebar h1{
padding:0px;
height:150px;
}
#sidebar h1 span {
position: absolute;
top: -9999px;  
}
#sidebar ul#menu{
border:none;
background: #C1F1FD;
list-style:none;
margin-bottom:0;
padding:10px 0px 5em 0px;
}
#sidebar ul#menu li{
background: #FFF;
color:#CCFFFF;
width: 148px;
margin:4px 0px;
border: 1px solid #35D1F9;
color: #062E77;
}
#sidebar ul#menu li a{
display: block;
padding: 14px 6px 14px 48px;
color: #062E77;
font: bold 1.2em/1.1em Verdana;
text-decoration: none;
}
#sidebar ul#menu li#events a{background: url(../kidsweb/images/calendar_icon.gif) left top no-repeat; color:#990000;}
#sidebar ul#menu li#news a{background: url(../kidsweb/images/news_icon.gif) left no-repeat; color:#006600;}
#sidebar ul#menu li#book a{background: url(../kidsweb/images/book_icon.gif) left no-repeat; color:#003ECE;}
#sidebar ul#menu li#help a{background: url(../kidsweb/images/help_icon.gif) left no-repeat; color:#FF6215;}
#sidebar ul#menu li#games a{background: url(../kidsweb/images/fun_icon.gif) left no-repeat; color:#7E00A8;}
#sidebar ul#menu li#safe a{background: url(../kidsweb/images/safe_icon.gif) left no-repeat; color:#E88B00;}
#sidebar ul#menu li#home a{background: url(../kidsweb/images/home_icon.gif) left no-repeat;}
#sidebar ul#menu li a:hover {
display: block;
text-decoration: underline;
}
#sidebar ul#menu li#events a:hover{background:#FEF3DE url(../kidsweb/images/calendar_icon_over.gif) 2px top no-repeat;}
#sidebar ul#menu li#news a:hover{background:#FEF3DE url(../kidsweb/images/news_icon_over.gif) 2px no-repeat;}
#sidebar ul#menu li#book a:hover{background:#FEF3DE url(../kidsweb/images/book_icon_over.gif) 2px no-repeat;}
#sidebar ul#menu li#help a:hover{background:#FEF3DE url(../kidsweb/images/help_icon_over.gif) 2px no-repeat;}
#sidebar ul#menu li#games a:hover{background:#FEF3DE url(../kidsweb/images/fun_icon_over.gif) 2px no-repeat;}
#sidebar ul#menu li#safe a:hover{background:#FEF3DE url(../kidsweb/images/safe_icon_over.gif) 2px no-repeat;}
#sidebar ul#menu li#home a:hover{background:#FEF3DE url(../kidsweb/images/home_icon_over.gif) 2px no-repeat; color:#990000;}
#sidebar h2{
background: #DAF7FE;
padding:14px 0 3px 5px;
border-top: 2px solid #07BDEB;
border-bottom: 1px solid #07BDEB;
font:bold 1em Arial, Helvetica, sans-serif;
color:#03183F;
}
#sidebar ul#quicklinks{ 
background: #FBFCFD;
padding:.5em 1em;
color:#03183F;
}
#sidebar #quicklinks li{
margin: 0 .5em;
padding: .25em 0;
}
#sidebar #quicklinks li a{	
text-decoration:none;
color:#03183F;
}
#sidebar #quicklinks li a:hover{	
text-decoration:underline;
}
/* Following are the interior styles to override 3col design with a 2col design.
These are called by using the body id attribute for any page that needs these styles (for example: <body id="interior_page">
----------------------------------------------- 
*/
body#interior_page #inside_content { 
margin: 0 0 0 160px;
border:0;
}
body#interior_page #inside_content h1#help {
background:#FFF url(../kidsweb/images/kids_header_content_help.gif) left top no-repeat;
padding: 0px;
margin:30px 0px;
width:244px;
height:45px;
border:0px;
}   
body#interior_page #inside_content h1#safe{
background:#FFF url(../kidsweb/images/kids_header_content_besafe.jpg) left top no-repeat;
padding: 0px;
margin:30px 0px;
width:137px;
height:49px;
border:0px;
}
body#interior_page #inside_content h1 span {
position: absolute;
top: -9999px;  
}
body#interior_page #inside_content h1{
background:0;
margin-top:.5em;
border:0;
border-bottom:2px solid #FF9900;
font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
color:#CC6600;
letter-spacing:-1px;
}
body#interior_page #inside_content h2, body#interior_page #inside_content h3, body#interior_page #inside_content h4{
background:0;
margin-top:.4em;
border:0;
border-bottom:1px dashed #FF9900;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
body#interior_page #inside_content .news_module .news_item h3{
border-bottom:0;
color:#333;
font:normal 1.1em Verdana, Arial, Helvetica, sans-serif;
}
body#interior_page #inside_content .safe h1, body#interior_page #inside_content .safe h2, body#interior_page #inside_content .safe h3, body#interior_page #inside_content .safe h4{
color:#E88B00;
}
body#interior_page #inside_content .fungames h1, body#interior_page #inside_content .fungames h2, body#interior_page #inside_content .fungames h3, body#interior_page #inside_content .fungames h4 {
color:#7E00A8;
}
body#interior_page #inside_content .homework h1, body#interior_page #inside_content .homework h2, body#interior_page #inside_content .homework h3, body#interior_page #inside_content .homework h4{
color:#FF6215;
}
body#interior_page #inside_content .books h1, body#interior_page #inside_content .books h2, body#interior_page #inside_content .books h3, body#interior_page #inside_content .books h4{
color:#003ECE;
}
body#interior_page #inside_content .storytime h1, body#interior_page #inside_content .storytime h2, body#interior_page #inside_content .storytime h3, body#interior_page #inside_content .storytime h4{
color:#BF0000;
}
body#interior_page #inside_content .kidsnews h1, body#interior_page #inside_content .kidsnews h2, body#interior_page #inside_content .kidsnews h3, body#interior_page #inside_content .kidsnews h4{
color:#007100
}
#inside_content #columns_research #col_one,  #inside_content #columns_research #col_two{
background:#E9FAFE;
font-size:1.1em;
}
body#interior_page #inside_content #onthispage {
background:#DAF7FE;
border:#009CC4 1px solid;
width:auto;
padding-bottom:0;
}
body#interior_page #inside_content #onthispage h1{
border-bottom:none;
font-size:.9em;
color:#000033;
letter-spacing:-1px;
}
body#interior_page #inside_content ul li{
border:0;
}
body#interior_page #inside_content #calendar_box{
background:#FFF;
width:40%;
margin:2em;
border:1px solid #003399;
float:right;
position:relative;
}
body#interior_page #inside_content #calendar_box h3{
border-bottom:none;
}
p#message{
background:#FFE7CC;
border:2px dashed #CC6600;;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#books{
list-style:none;
}
ul#books li#tumblebooks, ul#books li#tumblebooks a{
display: block;
width:225px;
height:64px;
}
ul#books li#tumblebooks a{
background: url(/kidsweb/images/tumblebooks.gif) no-repeat;
}
ul#books li#tumblebooks a:hover{
background: url(/kidsweb/images/tumblebooks_f2.gif) no-repeat;
}
ul#books li#tumblebooks span{
position: absolute;
top: -9999px; 
}