* { margin:0; padding:0; }

body {
background-color: #fff084;
font: 0.7em 'Arial','Verdana','Verdana Ref';
color:#000;
text-align: center;
}

#container {
width:800px;
min-height: 100%;
margin:auto;
text-align: left;
}

a {
outline: none;
text-decoration: none;
color: #eb0e0f;
}

a:hover { 
outline: none;
text-decoration: none;
color:#253d93; 
}

img {
border: none;
}

li {
list-style-position: outside;
list-style-type: none;
}

ul.text li {
list-style-position: outside;
list-style-type: disc;
margin-top: 20px;
margin-left: 45px;
}

ul.ads li {
list-style-position: outside;
list-style-type: disc;
margin-top: 5px;
margin-left: 10px;
}

.big {
font-size: larger;
color:#eb0e0f;
}

ol.text li {
list-style-position: outside;
list-style-type: decimal;
padding-bottom: 5px;
margin-left: 10px;
}


h1 {
font: 1.5em 'Arial','Verdana';
font-weight: bolder;
color:#253d93;
padding-top: 10px;
}

p {padding-top: 10px;}

/* structural dividers */

#main {
background-image:url('../bg/main_bg.gif');
background-position: 0px 15px;
background-repeat: no-repeat;
width:792px;
height:600px;  
margin-top: 10px;
}

#top {
background-image:url('../bg/topbar.gif');
background-repeat: no-repeat;
width:793px;
height:15px;
display:inline;
float:left;
}

#top_nav {
width:260px;
height:67px;
margin-top:-6px;
padding-left:19px;
display:inline;
float:left;
}

#top_nav2 {
width:87px;
height:30px;
padding-top:12px;
padding-left:5px;
display: inline;
float:left;
}

#top_nav3 {
width:120px;
height:30px;
padding-top:12px;
padding-left:5px;
display: inline;
float:left;
}

#top_nav_teachers {
width:169px;
height:58px;
margin-right: 25px;
margin-top: -2px;
display:inline;
float:right;
}

#sidebar {
float:left;
display:inline;
width:225px;
height:480px;
clear:left;
}

#side_nav {
width:195px;
height:418px;
padding-top: 10px;
padding-left: 30px;
float:left;
}


#side_nav_lion {
width:30px;
height:50px;
padding-left: 85px;
clear:both;
float:left;
}


#content {
width:505px;
height:480px;
float:left;
margin-left: 25px;
margin-top:15px;
margin-bottom: 12px;
}

#bottom {
background-image:url('../bg/bottombar_white.gif');
background-repeat: no-repeat;
background-color: #fff084;
width:794px;
height:16px;
background-position: -1px -3px;
clear:both;
margin-bottom: 20px;
}

.bigger {
font-size: 1.3em;}

/*navigation*/

/*top_nav*/

a.homepage {
display: block;
width:87px;
height:15px;
background: url("../top_nav/homepage.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.homepage {
background-position: 0px -14px;
}

a.sitemap {
display: block;
width:87px;
height:15px;
background: url("../top_nav/sitemap.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.sitemap {
background-position: 0px -14px;
}

a.teachers_new {
display: block;
width:120px;
height:15px;
background: url("../top_nav/teacherssite.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.teachers_new {
background-position: 0px -14px;
}

a.contact {
display: block;
width:87px;
height:15px;
background: url("../top_nav/contact.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.contact {
background-position: 0px -14px;
}

a.teachers {
display: block;
width:104px;
height:33px;
background: url("../top_nav/teachers.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.teachers {
background-position: 0px -33px;
}

/*activities*/

a.smartfacts {
display: block;
width:183px;
height:24px;
background: url("../side_nav/smartfacts.gif") 0 0 no-repeat;
text-decoration: none;
margin-bottom: 3px;
}

a:hover.smartfacts {
background-position: 0px -25px;
}

a.whatsin_easy {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/whatsin_easy.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whatsin_easy {
background-position: 0px -28px;
}

a.whatsin_medium {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/whatsin_medium.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whatsin_medium {
background-position: 0px -28px;
}

a.whatsin_hard {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/whatsin_hard.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whatsin_hard {
background-position: 0px -28px;
}

a.eathealthily {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/eathealthily.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.eathealthily {
background-position: 0px -28px;
}

a.shouldweeat {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/shouldweeat.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.shouldweeat {
background-position: 0px -28px;
}

a.cookingeggs {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/cookingeggs.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.cookingeggs {
background-position: 0px -28px;
}

a.omelettegame {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/omelettegame.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.omelettegame {
background-position: 0px -28px;
}

a.whichanimals {
display: block;
width:184px;
height:38px;
background: url("../side_nav/activities/whichanimals.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whichanimals {
background-position: 0px -39px;
}

a.countingyoureggs {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/countingyoureggs.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.countingyoureggs {
background-position: 0px -28px;
}

a.whyeat {
display: block;
width:184px;
height:38px;
background: url("../side_nav/activities/whyeat.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whyeat {
background-position: 0px -39px;
}

a.pancakeday {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/pancakeday.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.pancakeday {
background-position: 0px -28px;
}

a.jokes {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/jokes.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.jokes {
background-position: 0px -28px;
}

a.qthelion {
display: block;
width:184px;
height:28px;
background: url("../side_nav/activities/qthelion-nav.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.qthelion {
background-position: 0px -28px;
}


/*learning*/

a.puzzles {
display: block;
width:183px;
height:24px;
background: url("../side_nav/puzzles.gif") 0 0 no-repeat;
text-decoration: none;
margin-bottom: 3px;
}

a:hover.puzzles {
background-position: 0px -25px;
}

a.eggadverts {
display: block;
width:184px;
height:28px;
background: url("../side_nav/learning/eggadverts.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.eggadverts {
background-position: 0px -28px;
}

a.celeggbration {
display: block;
width:184px;
height:28px;
background: url("../side_nav/learning/celeggbration.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.celeggbration {
background-position: 0px -28px;
}

a.eggrecipesworld {
display: block;
width:184px;
height:38px;
background: url("../side_nav/learning/eggrecipesworld.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.eggrecipesworld {
background-position: 0px -39px;
}

a.cookingwitheggs {
display: block;
width:184px;
height:38px;
background: url("../side_nav/learning/cookingwitheggs.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.cookingwitheggs {
background-position: 0px -39px;
}

a.eggrecipes {
display: block;
width:184px;
height:28px;
background: url("../side_nav/learning/eggrecipes.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.eggrecipes {
background-position: 0px -28px;
}

a.faqs {
display: block;
width:184px;
height:28px;
background: url("../side_nav/learning/faqs.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.faqs {
background-position: 0px -28px;
}

/*science*/

a.cookingwith {
display: block;
width:183px;
height:24px;
background: url("../side_nav/cooking.gif") 0 0 no-repeat;
text-decoration: none;
margin-bottom: 3px;
}

a:hover.cookingwith {
background-position: 0px -25px;
}

a.world {
display: block;
width:183px;
height:24px;
background: url("../side_nav/world.gif") 0 0 no-repeat;
text-decoration: none;
margin-bottom: 3px;
}

a:hover.world {
background-position: 0px -25px;
}

a.balanceddiet {
display: block;
width:184px;
height:38px;
background: url("../side_nav/science/balanceddiet.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.balanceddiet {
background-position: 0px -39px;
}

a.cooking {
display: block;
width:184px;
height:28px;
background: url("../side_nav/science/cooking.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.cooking {
background-position: 0px -28px;
}

a.digestinganegg {
display: block;
width:184px;
height:28px;
background: url("../side_nav/science/digestinganegg.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.digestinganegg {
background-position: 0px -28px;
}

a.gooddiet {
display: block;
width:184px;
height:38px;
background: url("../side_nav/science/gooddiet.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.gooddiet {
background-position: 0px -39px;
}

a.healthydiet {
display: block;
width:184px;
height:38px;
background: url("../side_nav/science/healthydiet.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.healthydiet {
background-position: 0px -39px;
}

a.insidestory {
display: block;
width:184px;
height:28px;
background: url("../side_nav/science/insidestory.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.insidestory {
background-position: 0px -28px;
}

a.whyeateggs {
display: block;
width:184px;
height:28px;
background: url("../side_nav/science/whyeateggs.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whyeateggs {
background-position: 0px -28px;
}