/********************************************
NAVIGATION
This Page is For All HTML pages
********************************************/


/*********************************************/
/*       SUB   NAVIGATION                    */
/*********************************************/
#sub_navigation{
    list-style: none;
    padding: 0px 0px 0px 0px;
    background-image:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding-bottom:0px;
    line-height:1px;
    margin-left:130px; /*over-ridden by each body#section, based on button widths*/
    padding-top:5px;
}
#sub_navigation li a span{display:none;}
#sub_navigation li {
    list-style: none;
    padding: 0px;
    background:none;
    float:left;
    margin:0px;
    height:20px;
    position: relative;
    z-index: 1 !important
}    
#sub_navigation li a {
    display:block;
    height:20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
/* global subnav class for popup/hover buttons */
#sub_navigation li.pop {z-index: 99 !important;}
#sub_navigation li.pop a{height: 22px !important; z-index: 99;}
/* baby */
body#baby #sub_navigation{ margin-left:130px; }
/* NOTE: need widths defined both the LI and the A */
li#nav_games{width:79px;margin-right:15px; padding: 0;}
li#nav_rhymes{width:133px;margin-right:15px; padding: 0;}
li#nav_plays{width:139px;margin-right:15px; padding: 0;}
li#nav_lullabies{width:166px;margin-right:15px; padding: 0;}
li#nav_stories{width:86px;margin-right:15px; padding: 0;}
#sub_navigation li#nav_games a{background: transparent url(/kids/images/leadingtoreading/es/subnav_games.gif) no-repeat 0px 0px;width:79px;}
#sub_navigation li#nav_rhymes a{background: transparent url(/kids/images/leadingtoreading/es/subnav_rhymes.gif) no-repeat 0px 0px;width:133px;}
#sub_navigation li#nav_plays a{background: transparent url(/kids/images/leadingtoreading/es/subnav_plays.gif) no-repeat 0px 0px;width:139px;}
#sub_navigation li#nav_lullabies a{background: transparent url(/kids/images/leadingtoreading/es/subnav_lullabies.gif) no-repeat 0px 0px;width:166px;}
#sub_navigation li#nav_stories a{background: transparent url(/kids/images/leadingtoreading/es/subnav_stories.gif) no-repeat 0px 0px;width:86px;}
/* NOTE: need widths and positions defined for all hover images */
/* left position = -[(hover_width - original_width) / 2] */
#sub_navigation li#nav_games.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_games_ro.png); width:144px; left: -33px;}
#sub_navigation li#nav_rhymes.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_rhymes_ro.png); width:255px; left: -61px;}
#sub_navigation li#nav_plays.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_plays_ro.png); width:236px; left: -46px;}
#sub_navigation li#nav_lullabies.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_lullabies_ro.png); width:240px; left: -37px;}
#sub_navigation li#nav_stories.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_stories_ro.png); width:146px; left: -30px;}
/* transparency fix for IE6 */
#sub_navigation li#nav_games.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_games_ro.png'); cursor: pointer;}
#sub_navigation li#nav_rhymes.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_rhymes_ro.png'); cursor: pointer;}
#sub_navigation li#nav_plays.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_plays_ro.png'); cursor: pointer;}
#sub_navigation li#nav_lullabies.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_lullabies_ro.png'); cursor: pointer;}
#sub_navigation li#nav_stories.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_stories_ro.png'); cursor: pointer;}
/* selected state */
#games li#nav_games a{background-image: url(/kids/images/leadingtoreading/es/subnav_games_sel.gif);}
#rhymes li#nav_rhymes a{background-image: url(/kids/images/leadingtoreading/es/subnav_rhymes_sel.gif);}
#plays li#nav_plays a{background-image: url(/kids/images/leadingtoreading/es/subnav_plays_sel.gif);}
#lullabies li#nav_lullabies a{background-image: url(/kids/images/leadingtoreading/es/subnav_lullabies_sel.gif);}
#stories li#nav_stories a{background-image: url(/kids/images/leadingtoreading/es/subnav_stories_sel.gif);}
/* preschoolers*/
body#preschool #sub_navigation{ margin-left:150px; }
li#nav_read{width:57px;margin-right:15px;}
li#nav_sing{width:76px;margin-right:15px;}
li#nav_play{width:68px;margin-right:15px;}
li#nav_doodle{width:78px;margin-right:15px;}
li#nav_explore{width:84px;margin-right:15px;}
li#nav_meet{width:170px;margin-right:15px;}
#sub_navigation li#nav_read a{background: transparent url(/kids/images/leadingtoreading/es/subnav_read.gif) no-repeat 0px 0px;width:57px;}
#sub_navigation li#nav_sing a{background: transparent url(/kids/images/leadingtoreading/es/subnav_sing.gif) no-repeat 0px 0px;width:76px;}
#sub_navigation li#nav_play a{background: transparent url(/kids/images/leadingtoreading/es/subnav_play.gif) no-repeat 0px 0px;width:68px;}
#sub_navigation li#nav_doodle a{background: transparent url(/kids/images/leadingtoreading/es/subnav_doodle.gif) no-repeat 0px 0px;width:78px;}
#sub_navigation li#nav_explore a{background: transparent url(/kids/images/leadingtoreading/es/subnav_explore.gif) no-repeat 0px 0px;width:84px;}
#sub_navigation li#nav_meet a{background: transparent url(/kids/images/leadingtoreading/es/subnav_meet.gif) no-repeat 0px 0px;width:170px;}
/* NOTE: need widths and positions defined for all hover images */
/* left position = -[(hover_width - original_width) / 2] */
#sub_navigation li#nav_read.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_read_ro.png); width:109px; left: -26px;}
#sub_navigation li#nav_sing.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_sing_ro.png); width:120px; left: -22px;}
#sub_navigation li#nav_play.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_play_ro.png); width:112px; left: -22px;}
#sub_navigation li#nav_doodle.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_doodle_ro.png); width:128px; left: -25px;}
#sub_navigation li#nav_explore.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_explore_ro.png); width:149px; left: -33px;}
#sub_navigation li#nav_meet.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_meet_ro.png); width:295px; left: -63px;}
/* transparency fix for IE6 */
#sub_navigation li#nav_read.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_read_ro.png'); cursor: pointer;}
#sub_navigation li#nav_sing.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_sing_ro.png'); cursor: pointer;}
#sub_navigation li#nav_play.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_play_ro.png'); cursor: pointer;}
#sub_navigation li#nav_doodle.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_doodle_ro.png'); cursor: pointer;}
#sub_navigation li#nav_explore.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_explore_ro.png'); cursor: pointer;}
#sub_navigation li#nav_meet.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_meet_ro.png'); cursor: pointer;}
/* selected state */
#read li#nav_read a{background: transparent url(/kids/images/leadingtoreading/es/subnav_read_sel.gif) no-repeat 0px 0px;}
#sing li#nav_sing a{background: transparent url(/kids/images/leadingtoreading/es/subnav_sing_sel.gif) no-repeat 0px 0px;}
#play li#nav_play a{background: transparent url(/kids/images/leadingtoreading/es/subnav_play_sel.gif) no-repeat 0px 0px;}
#doodle li#nav_doodle a{background: transparent url(/kids/images/leadingtoreading/es/subnav_doodle_sel.gif) no-repeat 0px 0px;}
#explore li#nav_explore a{background: transparent url(/kids/images/leadingtoreading/es/subnav_explore_sel.gif) no-repeat 0px 0px;}
#meet li#nav_meet a{background: transparent url(/kids/images/leadingtoreading/es/subnav_meet_sel.gif) no-repeat 0px 0px;}

/* parents */
#parents #sub_navigation{margin-left:223px}
li#nav_books{width:67px;margin-right:15px;}
li#nav_activities{width:111px;margin-right:15px;}
li#nav_articles{width:164px;margin-right:15px;}
li#nav_lounge{width:80px;margin-right:15px;}
#sub_navigation li#nav_books a{background: transparent url(/kids/images/leadingtoreading/es/subnav_books.gif) no-repeat 0px 0px;width:67px;}
#sub_navigation li#nav_activities a{background: transparent url(/kids/images/leadingtoreading/es/subnav_activities.gif) no-repeat 0px 0px;width:111px;}
#sub_navigation li#nav_articles a{background: transparent url(/kids/images/leadingtoreading/es/subnav_articles.gif) no-repeat 0px 0px;width:164px;}
#sub_navigation li#nav_lounge a{background: transparent url(/kids/images/leadingtoreading/es/subnav_lounge.gif) no-repeat 0px 0px;width:80px;}

/* NOTE: need widths and positions defined for all hover images */
/* left position = -[(hover_width - original_width) / 2] */
#sub_navigation li#nav_books.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_books_ro.png); width:124px; left: -29px;}
#sub_navigation li#nav_activities.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_activities_ro.png); width:186px; left: -38px;}
#sub_navigation li#nav_articles.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_articles_ro.png); width:295px; left: -75px;}
#sub_navigation li#nav_lounge.pop a{background-image: url(/kids/images/leadingtoreading/es/subnav_lounge_ro.png); width:173px; left: -47px;}
/* transparency fix for IE6 */
#sub_navigation li#nav_books.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_books_ro.png'); cursor: pointer;}
#sub_navigation li#nav_activities.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_activities_ro.png'); cursor: pointer;}
#sub_navigation li#nav_articles.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_articles_ro.png'); cursor: pointer;}
#sub_navigation li#nav_lounge.pop a {*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/kids/images/leadingtoreading/es/subnav_lounge_ro.png'); cursor: pointer;}
/* selected state */
#activities li#nav_activities a{background: transparent url(/kids/images/leadingtoreading/es/subnav_activities_sel.gif) no-repeat 0px 0px;}
#books li#nav_books a{background: transparent url(/kids/images/leadingtoreading/es/subnav_books_sel.gif) no-repeat 0px 0px;}
#articles li#nav_articles a{background: transparent url(/kids/images/leadingtoreading/es/subnav_articles_sel.gif) no-repeat 0px 0px;}
#lounge li#nav_lounge a{background: transparent url(/kids/images/leadingtoreading/es/subnav_lounge_sel.gif) no-repeat 0px 0px;}

/****************************************************
   MAIN    NAVIGATION
****************************************************/


a:link, a:visited {color:#0066CC;text-decoration: none;}
a:focus, a:hover, a:active {color:#0066CC;text-decoration: underline;}
ul#main_navigation{
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin:0px;
    position:absolute;
    float:left;
    z-index:100;
    background: transparent url(/kids/images/leadingtoreading/es/nav_spacer.gif) repeat-x 0px 0px;}
#main_navigation li{
    list-style: none;
    padding: 0px;
    background-image:none;
    background:none;
    float:left;
    font: 1px/1px Verdana, Helvetica, sans-serif;
}

#main_navigation li#nav_baby{width:300px;height:62px;margin-right:5px;background: transparent url(/kids/images/leadingtoreading/es/nav_baby.gif) no-repeat 0 0}
#main_navigation li#nav_preschool{width:300px;height:62px;margin-right:5px;background: transparent url(/kids/images/leadingtoreading/es/nav_preschool.gif) no-repeat 0 0}
#main_navigation li#nav_parents{width:300px;height:62px;background: transparent url(/kids/images/leadingtoreading/es/nav_parents.gif) no-repeat 0 0}


#main_navigation li a{
    font: 11px/14px Verdana, Helvetica, sans-serif;
    padding: 0px 0px 0px 0px;
    display: block;
    text-decoration: none;
    }
#main_navigation li a span{display:none;}    
#main_navigation li#nav_baby a{width:300px;height:62px;}
#main_navigation li#nav_preschool a{width:300px;height:62px;}
#main_navigation li#nav_parents a{width:300px;height:62px;}
#main_navigation li#nav_baby a:hover{background: transparent url(/kids/images/leadingtoreading/es/nav_baby_ro.gif) no-repeat 0 0}
#main_navigation li#nav_preschool a:hover{background: transparent url(/kids/images/leadingtoreading/es/nav_preschool_ro.gif) no-repeat 0 0}
#main_navigation li#nav_parents a:hover{background: transparent url(/kids/images/leadingtoreading/es/nav_parents_ro.gif) no-repeat 0 0}
#baby #main_navigation li#nav_baby a{background: transparent url(/kids/images/leadingtoreading/es/nav_baby_sel.gif) no-repeat 0 0}
#preschool #main_navigation li#nav_preschool a{background: transparent url(/kids/images/leadingtoreading/es/nav_preschool_sel.gif) no-repeat 0 0}
#parents #main_navigation li#nav_parents a{background: transparent url(/kids/images/leadingtoreading/es/nav_parents_sel.gif) no-repeat 0 0}

/* navigation sections changes */
#baby #theSubNav{background: transparent url(/kids/images/leadingtoreading/es/subnav_bg_baby.gif) no-repeat 0 0}
#preschool #theSubNav{background: transparent url(/kids/images/leadingtoreading/es/subnav_bg_preschool.gif) no-repeat 0 0}
#parents #theSubNav{background: transparent url(/kids/images/leadingtoreading/es/subnav_bg_parents.gif) no-repeat 0 0}