/* CSS Document 
::amaro - 07.31.08 - anthony_maro@discovery.com
::the following css applies to the homework help pages within school.discoveryeducation.com
*/

html {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;}/*for dev only*/

.textHead {font-size:12px; font-weight:bold; color:#414242; margin:10px 0 0 6px;}
/*:::::::::::::::::::::::::::::::::*/
/*TOP BLUE/GRAY HEADER*/
#hhHeadMath {position:relative; width:990px; height:81px; background:URL(/images/homeworkHelp/bg_hhHead.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadScience {position:relative; width:990px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadScience.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadSocial {position:relative; width:990px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadSocial.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadEnglish {position:relative; width:990px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadEnglish.png) no-repeat;behavior: url(/css/iepngfix.htc);}

#hhHeadWorld {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadWorld.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadHealth {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadHealth.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadVisual {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadVisual.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadResearch {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadResearch.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadReference {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadReference.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadStories {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadStories.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadTech {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadTech.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadSearch {position:relative; width:665px; height:81px; background:URL(/images/homeworkHelp/bg_hhHeadSearch.png) no-repeat;behavior: url(/css/iepngfix.htc);}
#hhHeadOther {position:relative; width:150px; height:25px; background:URL(/images/homeworkHelp/bg_hhOTHER.png) no-repeat;behavior: url(/css/iepngfix.htc);}


.hhHead h1 {position:absolute; bottom:5px; left:14px; font-size:14px; color:#6bccf5; font-weight:bold; margin:0; padding:0;}

.hhHead h1 a{font-size:14px; color:#6bccf5; font-weight:bold; text-decoration:underline;}
.hhHead h1 a:hover{font-size:14px; color:#9bdaf5; font-weight:bold; text-decoration:none;}


/*:::::::::::::::::::::::::::::::::*/
/*BASE ELEMENT, WRAPS ALL CONTENT UNDER/ABOVER HEADER/FOOTER*/
#hhBase {width:988px; background:#fff; border-left:1px #7d7d7d solid; border-right:1px #7d7d7d solid; border-bottom:1px #7d7d7d solid; position:relative;}
#hhBase a {font-size:12px; color:#3e7eb3; text-decoration:underline; font-weight:bold;}
#hhBase a:hover {color:#478fcb; text-decoration:none;}

#hhBase a.sub {font-size:11px; color:#3e7eb3; text-decoration:underline; font-weight:normal;}
#hhBase a.sub:hover {color:#478fcb; text-decoration:none;}

#hhBase a.big {font-size:14px; color:#3e7eb3; text-decoration:underline; font-weight:bold;}
#hhBase a.big:hover {color:#478fcb; text-decoration:none;}

#hhBase a.small {padding:1px 0 2px 0; font-size:10px; text-decoration:underline; font-weight:bold;}
#hhBase a.small:hover {text-decoration:none;}



/*:::::::::::::::::::::::::::::::::*/
/*SUMMARY ELEMENT*/
#hhSum {width:986px; margin-left:1px; background:#efefef URL(/images/homeworkHelp/bg_hhSum.jpg) bottom left repeat-x;}
#hhSum h3 {padding:0; margin:0; font-size:13px; font-weight:bold; color:#13749e;}
#hhSum span {margin:0; padding:16px 90px 20px 16px; display:block; color:#5d5d5d; }


/*:::::::::::::::::::::::::::::::::*/
/*BUILD COLUMNS AND LISTS*/
.hhCol {float:left; margin:34px 0 0 16px; width:226px;}
.hhCol h1 {margin:0; padding:0; font-size:16px; font-weight:bold; color:#0e5a7a; text-transform:uppercase;}
.hhCol ul,li {list-style-type:none; margin:0; padding:0;}
.hhCol li {margin:14px 0 0 0; color:#a0a0a0; text-transform:uppercase; overflow:hidden; height:100%;} 
.hhCol li img.thumbs {float:left; border:1px #d7d7d7 solid; margin-right:5px; cursor:pointer;width:80px;}
.hhCol li img.thumbs:hover {border:1px #000 solid;}
.hhCol li a {padding:1px 0 2px 0; text-transform:none;}


/*:::::::::::::::::::::::::::::::::*/
/*GRAY BOX STYLES*/
.wrBox {position:relative; width:950px; border:3px solid #e0e0e0; background:#eaeaea; margin:22px 0 0 16px; }
.wrBox h1 {margin:0; padding:0; font-size:16px; font-weight:bold; color:#0e5a7a;}
.wrBox div.con {margin:8px 10px 10px 10px;}
.wrBox div.moreLink { text-align:right; margin:14px 6px 0 0;}
.wrCol {float:left; margin:13px 0 0 0; width:270px;font-size:11px;font-weight:normal;}
.wrCol ul,li {list-style-type:none; margin:0; padding:0;}

.addtnlBox {position:relative; width:950px; border:3px solid #e0e0e0; background:#eaeaea; margin:22px 0 0 16px; }
.addtnlBox h1 {margin:0; padding:0; font-size:16px; font-weight:bold; color:#0e5a7a;}
.addtnlBox div.con {margin:8px 10px 10px 9px;}
.addtnlBox div.moreLink { text-align:right; margin:14px 6px 0 0;}
.addtnlBox .addCol {float:left; margin:8px 0 0 0px; width:216px;}
.addtnlBox .addCol h1 {margin:0; padding:0 0 0 8px; font-size:12px; font-weight:bold; color:#414242;}
.addtnlBox .addCol ul,li {list-style-type:none; margin:0; padding:0;}
.addtnlBox .addCol li {margin:14px 0 0 0; color:#a0a0a0; overflow:hidden; height:100%;} 
.addtnlBox .addCol li img.thumbs {float:left; border:1px #d7d7d7 solid; margin:0 5px 15px 0; cursor:pointer;}
.addtnlBox .addCol li img.thumbs:hover {border:1px #000 solid;}
img.thumbsHover {float:left;border:1px #707070 solid; margin-right:5px; cursor:pointer;}/*for ie*/

.boxTL {position:absolute; display:block; top:-3px; left:-3px; width:11px; height:11px; overflow:hidden; background:URL(/images/homeworkHelp/boxCorners.jpg);}
.boxTR {position:absolute; display:block; top:-3px; right:-3px; width:11px; height:11px; overflow:hidden; background:URL(/images/homeworkHelp/boxCorners.jpg) right 0px;}
.boxBL {position:absolute; display:block; bottom:-3px; left:-3px; width:11px; height:11px; overflow:hidden; background:URL(/images/homeworkHelp/boxCorners.jpg) left 11px;}
.boxBR {position:absolute; display:block; bottom:-3px; right:-3px; width:11px; height:11px; overflow:hidden; background:URL(/images/homeworkHelp/boxCorners.jpg) right -11px;}
*html .boxBL {bottom:-4px;}
*html .boxBR {bottom:-4px;}

/*:::::::::::::::::::::::::::::::::*/
/*SPONSORED LINKS BOX AND STYLES (if needed)*/
#sponsored {width:953px; margin:0 0 22px 17px; border:1px #bdbdbd solid;font-weight:100;}
#spHead {width:955px; height:24px; margin:22px 0 0 17px;background:#3e7eb3;}
h6 {margin:0; padding:2px 0 0px 4px; font-weight:normal; font-size:14px; color:#fff;}
#sponsoredText {margin:14px 0 0 14px;font-size:11px; color:#000000; overflow:hidden; height:100%;font-weight:normal;}
#sponsoredText a {font-size:11px; color:#3979df; text-decoration:underline;}
#sponsoredText a:hover {text-decoration:none;}
.spCol {float:left; width:218px; margin:0 12px 14px 0;}



/*:::::::::::::::::::::::::::::::::*/
/*FOLLOWING STYLES ARE APPLIED TO THE 3 COLUMN LAYOUT PAGES (science, social studies, englis)*/
#colWrap {margin:22px 0 0 15px; position:relative;}
*html #colWrap {height:0;}
.col123 {position:relative; width:301px; float:left; border:1px #ccc solid;margin:27px 0 14px 0;}
.botCap {position:absolute; bottom:-14px; left:-1px; background:url(/images/homeworkHelp/col_bot.jpg) no-repeat; width:303px; height:15px;}


#col1 {margin-right:23px; position:relative;}
#col2 {margin-right:23px; position:relative;}
#col3 {position:relative;}

#col1 div.head { position:absolute; top:-27px; left:-1px; background:url(/images/homeworkHelp/head_blue.jpg) no-repeat; width:303px; height:28px;}
#col2 div.head { position:absolute; top:-27px; left:-1px; background:url(/images/homeworkHelp/head_orange.jpg) no-repeat; width:303px; height:28px;}
#col3 div.head { position:absolute; top:-27px; left:-1px; background:url(/images/homeworkHelp/head_green.jpg) no-repeat; width:303px; height:28px;}

div.sshead { position:absolute; top:-27px; left:-1px; background:url(/images/homeworkHelp/head_ss.jpg) no-repeat; width:303px; height:28px;}
.sshead h2 {margin:0; padding:6px 0 2px 10px; color:#fff; font-size:14px; font-weight:bold;}
.head h2 {margin:0; padding:6px 0 2px 10px; color:#fff; font-size:14px; font-weight:bold;}


.col123 ul {margin:0; padding:0 5px 10px 4px;}
.col123 li {margin:0; padding:0 5px 10px 4px;}

.col123 li {margin:14px 0 0 0; color:#a0a0a0; text-transform:uppercase; overflow:hidden;} 
*html .col123 li {height:100%;}
.col123 li img.thumbs {float:left; border:1px #d7d7d7 solid; margin:0 5px 15px 0; cursor:pointer;width:80px;}
.col123 li img.thumbs:hover {border:1px #000 solid;}
.col123 li a {padding:1px 0 2px 0; text-transform:none;}
.col123 li span {text-size:11px; color:#323232; text-transform:none;}


/*:::::::::::::::::::::::::::::::::*/
/*"OTHER" STYLES*/
#hhOtherWrap {width:990px;overflow:hidden;height:100%;}
#hhOtherNav {width:150px; position:relative;float:left;}
#hhOtherNavContent {width:148px; background:#fff; border-left:1px #7d7d7d solid; border-right:1px #7d7d7d solid; border-bottom:1px #7d7d7d solid;padding: 5px 0 8px 0;line-height:20px;}
#hhOtherNavContent a {padding:0 0 6px 6px;color:#298ab1;font-size:12px;}
#hhOtherNavContent a:hover {color:#32a1cd;}


#hhOtherContent {width:665px;position:relative;float:left;margin:0 0 0 5px;}
#hhTower {width:160px;position:relative;float:right;margin:0 0 0 5px;}
.hhContentTable{width:100%;padding:0 0 25px 0;background:#fff; border-left:1px #7d7d7d solid; border-right:1px #7d7d7d solid; border-bottom:1px #7d7d7d solid;color:#666666;}

.hhContentTable td{padding:8px 10px 0 10px;}

.hhContentTable td.tsLinks{padding:2px 10px 8px 10px;}

a.smallStore {font-size:10px; text-decoration:underline;color:#FF0000;font-weight:normal;}
a.smallStore:hover {text-decoration:none;}


.hhContentTable td.categories {color:#666666;font-size:16px;font-weight:bold;padding-top:16px;}


.hhContentTable a {font-size:12px; color:#3e7eb3; text-decoration:underline; font-weight:bold;}
.hhContentTable a:hover {color:#478fcb; text-decoration:none;}

.hhContentTable a.storeLinks {font-size:11px; color:#3e7eb3; text-decoration:underline; font-weight:normal;}
.hhContentTable a.storeLinks:hover {color:#478fcb; text-decoration:none;}

.hhContentTable a.big {font-size:14px; color:#3e7eb3; text-decoration:underline; font-weight:bold;}
.hhContentTable a.big:hover {color:#478fcb; text-decoration:none;}






/*:::::::::::::::::::::::::::::::::*/
/*GENERAL CLASS TO CLEAR FLOATS*/
.clear {clear:both;}