/********************************************
BASIC CSS
This Page is For All HTML pages
Contains layout and header/footer
********************************************/

/********************************************
BASIC LAYOUT
********************************************/
* {margin: 0; padding: 0}
img {border:none;}
#thePage{}
body {
    font: 11px Verdana, Helvetica, sans-serif; 
    color: #333333;
    background-color:#660099;
    padding-bottom:0px;
    }
    
    
a, a:link, a:visited {color:#0066CC;text-decoration: none;}
a:focus, a:link:hover, a:visited:hover, a:active  {text-decoration: underline;}

#thePage{
    position: relative;
    width: 930px; 
    margin-left: auto; 
    margin-right: auto;
    margin-top:15px;
    display:block;
    background: #ffffff url(/kids/images/leadingtoreading/es/bg_page_top2.gif) no-repeat 0px 0px;
    margin-bottom:20px;
    }
    
#home #thePage{background: #660099;}
#theHeader{
width:930px;
padding-top:0px;
}
.header_info{width:930px;height:106px;background: transparent url(/kids/images/leadingtoreading/en/logo_w_ears.gif) no-repeat 10px 10px;}
#home .header_info{width:930px;height:149px;background: transparent url(/images/leading/hm_logo.gif) no-repeat 10px 10px;}
.nav_home{width:210px; height:96px;float:left;margin-top:10px;}
.nav_home a{display:block;width:210px; height:96px;}
.nav_home a:hover{background: transparent url(/kids/images/leadingtoreading/en/nav_home_ro.gif) no-repeat 10px 0px;}
.nav_home a span{display:none}
.nav_spanish{width:111px; height:36px;float:right;}
.nav_spanish a{display:block;width:111px; height:36px;}
.nav_spanish a span{display:none}
.nav_spanish a:hover{background: transparent url(/kids/images/leadingtoreading/en/nav_spanish_ro.gif) no-repeat 0px 0px;}

#theNav{height:62px;margin:0 10px;clear:both;}
#theSubNav{height:30px;margin:0 10px;width:910px;}

.newsletter_info{display:block; width:230px; float:right; margin-right:0px; margin-top:65px; position:relative; margin-right:-105px;}
.newsleter_text{ background: transparent url(/kids/images/leadingtoreading/es/button_newsletter_send.gif) no-repeat 0px 2px; padding:5px 0px 5px 25px; text-align:left; margin-right:10px;}
.newsleter_text a, .newsleter_text a:link, .newsleter_text a:visited, .newsleter_text a:focus, .newsleter_text a:link:hover,  .newsleter_text a:visited:hover, .newsleter_text a:active{font-size: 12px; color:#660099;}
#home .newsletter_info{width:431px; float:right; margin-right:0px; margin-top:70px; position:relative; margin-right:-90px;background: transparent  url(/images/leading/hm_header_tagline.gif) no-repeat 0px 0px;}
#home .newsleter_text{width:200px; margin-top: 45px; margin-left:200px;}
#theFooter{
width:930px;
background-color:#660099;
}
#theFooter .base{background: #ffffff url(/kids/images/leadingtoreading/en/bg_page_bot.gif) no-repeat 0 0;height:10px;width:930px;}
#theFooter .base:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#home #theFooter .base{background: none;background-color:transparent;height:10px;width:930px;}
#botnav{font: 11px/17px Verdana, Helvetica, sans-serif; color: #cc99ff; padding: 10px; text-align:center;}
#botnav:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }    
    
#botnav a, #botnav a:link, #botnav a:visited {color:#cc99ff;text-decoration: none;}
#botnav a:focus, #botnav a:link:hover, #botnav a:visited:hover, #botnav a:active  {text-decoration: underline;}
.botLogo{margin-left:405px;}


#theBodyWrapper{padding:0px 10px;}
#theBody:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#theBody{display: inline-block;}
#home #theBodyWrapper{padding:0px 0px;}

/* NEW LAYOUT CODE */
#theHeader,#left_column,#primary_section,#secondary_section,#theFooter {
overflow:hidden;
display:inline-block;
}

#primarySection:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#primarySection{display: inline-block;}


/* body styles etc... */

#primarySection{width:910px;}
#primarySection .content{}




/* BASIC STYLES */
/*h2{padding: 3px 0px 12px 0px;margin:0px;font: 11px/15px Verdana, Helvetica, sans-serif;}*/


p{
    margin:0px;
    padding:0px 0px 10px 0px;
    font: 12px/18px Verdana, Helvetica, sans-serif;
}

h1{
font: 11px Verdana, Helvetica, sans-serif;
display:none;
}
h3 {
    font: bold 18px/22px Verdana, Helvetica, sans-serif;
    color:#333333;
    padding:3px 0px 10px;
    margin-top:0px;
    }
h4 {
    font: bold 12px/17px Verdana, Helvetica, sans-serif;
    color:#333333;
    display:block;
    margin-top:0px;
    padding:0px;
    margin:0px;
    }
    
    
h5 {
    font: 10px/15px Verdana, Helvetica, sans-serif;
    color:#687B8B;
    display:block;
    margin-top:0px;
    }
    
h6 {
    font: bold 12px/15px Verdana, Helvetica, sans-serif;
    color:#333333;
    display:block;
    margin-top:0px;
    padding-top:4px;
    padding-bottom:5px;
    }
ul{
padding-bottom:10px;
}
li{
    list-style: none;
    font: 11px/15px Verdana, Helvetica, sans-serif;
    padding-left:13px;
    background: transparent url(/images/leading/bullet_li.gif) no-repeat 0 4px;
}
    

/***************************************************
        photos
*****************************************************/

/***************************************************
        boxes
*****************************************************/