/* For all of the subpages */ body { background-color:#767A7D; text-align: center; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; } #container { position: relative; background-color: #fff; width: 730px; margin: 15px auto; padding: 10px; text-align: left; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #4D5152; border-right-color: #4D5152; border-bottom-color: #4D5152; border-left-color: #4D5152; } * html #container{ \width: 753px; w\idth: 730px; } #banner {display: block;} #content, #lessonmaterial { background-color: #fff; border-top-width: 0px; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #16182D; border-right-color: #16182D; border-bottom-color: #16182D; border-left-color: #16182D; display: none; } #lessonmaterial {display: block; text-align: justify; padding: 1em 5px;} #lessonmaterial h2{margin: .5em 0 0;} body.material #content {display: block;} #notesholder {float:right;} #notes {border: 1px solid #A4A8AD; margin-right: 10px;} #slidenumber {display: block;} #slidenumberholder {padding: 15px 0 0 15px;} #currentslide {display: block; margin-left: 15px; border: 1px solid #16182D;} /* #C8CACE */ #slidelinks {padding: 0 15px 5px; background-color: #DFE1E3;} #slidelinks img{display: block;} #slidelinks a{color:#242748;} #slidelinks a:hover{background-color:#242748; color:#DFE1E3;} #slidepreviousnext { background-image: url(../images/bg_slidepreviousnext.gif); background-repeat: no-repeat; position: relative; height: 30px; } /*#prevSlideButton{visibility: hidden;} #prevSlideButton img{padding: 3px 3px 3px 0; margin-left: 174px;} #nextSlideButton img{padding: 3px 0 3px 3px;}*/ #prevSlideButton{display:none;} #prevSlideButton{position: absolute; top: 3px; left: 177px;} #nextSlideButton{position: absolute; left:259px; top: 3px;} /* Navigation */ #navHoverIntroduction, #navHoverOverview, #navHoverDomestic, #navHoverCommunity, #navHoverIntelligence, #navHoverInternational, #navHoverIndicators, #navHoverWordapp, #navHoverBeforeafter, #navHoverSafety {text-decoration: none; position: absolute; width:256px; height: 24px; overflow:hidden;} #navHoverHome {text-decoration: none; position: absolute; width:256px; height: 30px; overflow:hidden;} #navHoverMaterial {text-decoration: none; position: absolute; width:256px; height: 26px; overflow:hidden;} #navToggle {visibility: visible; text-decoration: none; position: absolute; top: 236px; left: 580px; width:153px; height: 21px; overflow:hidden;} /* #navToggleB {visibility: hidden; text-decoration: none; position: absolute; top: 236px; left: 580px; width:153px; height: 21px; overflow:hidden;} */ #navHoverHome { top: 10px; background-position: 0px -30px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_home.jpg); } #navHoverIntroduction {background-position: 0px -30px; top: 40px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_introduction.jpg);} #navHoverOverview {background-position: 0px -30px; top: 64px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_overview.jpg);} #navHoverDomestic {background-position: 0px -30px; top: 88px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_domestic.jpg);} #navHoverIntelligence {background-position: 0px -30px; top: 112px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_intelligence.jpg);} #navHoverCommunity {background-position: 0px -30px; top: 136px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_community.jpg);} #navHoverInternational {background-position: 0px -30px; top: 160px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_international.jpg);} #navHoverIndicators {background-position: 0px -30px; top: 184px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_indicators.jpg);} #navHoverSafety {background-position: 0px -30px; top: 208px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_safety.jpg);} #navHoverMaterial {background-position: 0px -30px; top: 232px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_coursematerials.jpg);} #navHoverWordapp {background-position: 0px -30px; top: 232px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_wordapp.jpg);} #navHoverBeforeafter {background-position: 0px -30px; top: 208px; background-repeat: no-repeat; background-image: url(../images/hover_states/hover_beforeafter.jpg);} a#navHoverHome:hover, a#navHoverIntroduction:hover, a#navHoverOverview:hover, a#navHoverDomestic:hover, a#navHoverCommunity:hover, a#navHoverIntelligence:hover, a#navHoverInternational:hover, a#navHoverIndicators:hover, a#navHoverSafety:hover, a#navHoverMaterial:hover, a#navHoverWordapp:hover, a#navHoverBeforeafter:hover {background-position: 0px 0px;} /* Override the hovers for the page you are already on */ body.introduction a#navHoverIntroduction:hover, body.overview a#navHoverOverview:hover, body.domestic a#navHoverDomestic:hover, body.community a#navHoverCommunity:hover, body.intelligence a#navHoverIntelligence:hover, body.international a#navHoverInternational:hover, body.indicators a#navHoverIndicators:hover, body.safety a#navHoverSafety:hover, body.material a#navHoverMaterial:hover, body.wordapp a#navHoverWordapp:hover, body.beforeafter a#navHoverBeforeafter:hover {background-position: 0px -30px;} body.material #content {color: #fff; background-color:#16182D;} body.material #content a{color: #fff;} img{border: none;} h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 1em;} ul {margin: .5em 0 0 2em; padding: 0; padding-bottom: .5em;} .nobr {white-space:nowrap;} body.material h3 {margin-bottom: 0;} li.lipdf {list-style-image: url(../images/bullet_pdf.gif); padding-bottom: .5em;} li.liword {list-style-image: url(../images/bullet_msword.gif); padding-bottom: .5em;} #lessonmaterial ul{margin: 0; padding: .5em 0; list-style: none;} #lessonmaterial li{ padding: .5em 0 .5em 25px; background-image: url(../images/bullet_pdf.gif); background-repeat: no-repeat; background-position: 0 0.5em; height: 1%; /* otherwise the bg images appear and disappear in IE */ }