body { color: black; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; background-image: url("/Media/Template/backgroundGrey45.gif"); background-repeat: repeat; margin: 0; padding: 0 } a:link {color:blue;} a:visited {color: purple;} a:hover {color:red;} #backgroundFrame { background-color: #ccc; background-image: url("/Media/Template/borderTableBkgrnd.gif"); background-repeat: repeat-y; margin-right: auto; margin-left: auto; padding: 0 0 0; width: 830px } #mainFrame { background-color: #ccc; margin-right: auto; margin-left: auto; padding: 0; width: 800px } #headerFrame { background-color: #ccc; margin-right: auto; margin-left: auto; padding: 0; width: 800px } #headerEnclose { margin: 0; padding: 0; width: 638px; float: left } #headerColumnLeft { margin: 0; padding: 0; width: 91px; float: left } #headerColumnMain { margin: 0; padding: 0; width: 547px; float: right } #headerColumnRight { font-size: 12px; background-color: #ccc; text-align: center; width: 162px; height: 68px; float: right; vertical-align: middle } #date { background-color: #eee; font-size: 12px; text-align: center; margin: 2px; padding: 5px 3px 3px; height: 80%; border: solid 1px #444 } #headerBottom { background-color: #c00; text-align: left; width: 800px; clear: both; border-width: 0 } #contentWrapper { background-color: #ccc; margin: 0 auto; width: 804px; border-width: 0 } #sideMenuEnclose { background-color: #ccc; margin: 0; padding: 0; width: 166px; float: left; border-width: 0 } .smallBoxWrapper { font-size: 100%; background-color: transparent; width: 158px; overflow: auto } .smallBoxTop { background-image: url("/Media/Template/boxBackground/smallBoxTop.gif"); text-align: center; padding-top: 4px; padding-bottom: 1px } .smallBoxTop h2 { color: white; font-size: 14px; font-weight: bold; background-color: transparent; text-align: center; margin: 0; padding: 0 } /*; text-shadow: rgba(0,0,0,.4) 0px 2px 5px removed from end of smallBoxTop, homeBoxTop, ContentBoxTop*/ /* Show only to IE PC \*/* html .smallBoxTop h2 {height: 1%;} /* For IE 5 PC */ .smallBoxBody { background-color: transparent; background-image: url("/Media/Template/boxBackground/smallBoxBody.gif"); background-repeat: repeat-y; text-align: center; margin: 0 } .smallBoxBody h2 { color: black; font-size: 13px; font-weight: normal; text-align: left; margin: 0 8px 0; padding: 2px } .smallBoxBottom { background-color: transparent; text-align: center; margin: 0; padding: 0 } .contentBoxWrapper { font-size: 100%; background-color: transparent; padding-right: 5px; width: 620px; float: right } .contentBoxTop { background-color: transparent; background-image: url("/Media/Template/boxBackground/boxTop.gif"); text-align: center; margin: 0; padding: 14px 0 4px } .contentBoxTop h2 { color: white; font-size: 1.2em; font-weight: bold; line-height: 1em; background-color: transparent; text-align: center; margin: 0; padding: 0} /*; text-shadow: rgba(0,0,0,.4) 0px 2px 5px removed from end of smallBoxTop, homeBoxTop, ContentBoxTop*/ /* Show only to IE PC \*/* html .contentBoxTop h2 {height: 1%;} /* For IE 5 PC */ .contentBoxBody { background-color: transparent; background-image: url("/Media/Template/boxBackground/boxBody.gif"); background-repeat: repeat-y; text-align: left; margin: 0; padding: 5px 22px } .contentBoxBody h2 { color: red; font-size: 15px; font-weight: bold; margin: 0; padding: 10px 0 5px } .contentBoxBody ul { list-style-image: url(/Media/Template/bullet.gif); margin-top: 0; margin-bottom: 0; margin-left: 14px; padding: 0 0 0 14px;} .contentBoxLeft66Body { background-color: transparent; background-image: url("/Media/Template/boxBackground/boxBodyLeft.gif"); background-repeat: repeat-y; text-align: left; width: 60%; float: left; margin: 0; padding: 5px 0px 0px 0px } .contentBoxRight33Body { background-color: transparent; background-image: url("/Media/Template/boxBackground/boxBodyRight.gif"); background-repeat: repeat-y; text-align: right; width: 30%; float: left; margin: 0; padding: 5px 0px 0px 0px} .contentBoxBottom { background-color: transparent; text-align: center; margin: 0; padding: 0 } #footerWrapper { background-color: #ccc; margin-right: auto; margin-left: auto; padding-top: 0; width: 800px; clear: both; border-width: 0 } #footerNav { font-size: 12px; background-color: white; text-align: center; margin: 2px auto; padding: 3px; width: 788px; clear: both; border: solid 1px black } #footerNav h1 { color: #444; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0; border: solid 1px black } #bottom { background-color: #ccc; margin-right: auto; margin-left: auto; padding: 0 } /*On the home page only*/ #leftCenterEncloseHome { background-color: #ccc; margin: 0; padding: 0; width: 482px; float: left } #missionStatementText { text-align: left; margin: 2px; padding: 3px; width: 302px; float: right } #missionStatementText h1 { color: white; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0; border: solid 1px black } .homeBoxWrapper { font-size: 100%; background-color: transparent; padding-right: 0; padding-left: 0; width: 302px } .homeBoxTop { background-image: url("/Media/Template/boxBackground/homeBoxTop.gif"); text-align: center; padding-top: 4px; padding-bottom: 1px } .homeBoxTop h2 { color: white; font-size: 14px; font-weight: bold; background-color: transparent; text-align: center; margin: 0; padding: 0} /*; text-shadow: rgba(0,0,0,.4) 0px 2px 5px removed from end of smallBoxTop, homeBoxTop, ContentBoxTop*/ /* Show only to IE PC \*/* html .homeBoxTop h2 {height: 1%;} /* For IE 5 PC */ .homeBoxBody { background-color: transparent; background-image: url("/Media/Template/boxBackground/homeBoxBody.gif"); background-repeat: repeat-y; text-align: left; margin: 0; padding: 2px 11px } .homeBoxBody h2 { color: black; font-size: 13px; font-weight: normal; text-align: left; margin: 0 8px; padding: 2px } .homeBoxBottom { background-color: transparent; text-align: center; margin: 0; padding: 0 } #news { text-align: center; margin: 2px; padding: 3px; width: 302px; float: right } #news h1 { color: white; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0; border: solid 1px black } /*HomeBoxWrapper and top, body and bottom repeat*/ #images { text-align: center; margin: 2px; padding: 3px; width: 302px; float: right } #images h1 { color: white; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0; border: solid 1px black } /*HomeBoxWrapper and top, body and bottom repeat*/ #contentRight { text-align: center; margin: 2px; padding: 3px; width: 302px; float: right } #contentRight h1 { color: white; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0; border: solid 1px black } /*HomeBoxWrapper and top, body and bottom repeat*/ #ieSucksWrapper { margin-right: auto; margin-left: auto; padding-top: 0; width: 800px; border-width: 0 } #contactInfo { text-align: left; margin: 0; padding: 6px 0 0; float: left } #nds { background-color: transparent; text-align: left; margin: 0 2px 2px; padding: 0 3px 3px; width: 620px; float: right } #nds h1 { color: white; font-size: 14px; font-weight: 600; text-align: center; margin: 0 } #nds h2 { color: black; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: 400; text-align: left} /*General Purpose Items*/ #contentImageLeft { background-color: transparent; margin: 0 10px 10px 0; padding: 3px; float: left; clear: left; border: solid 1px black } #contentImageRight { background-color: transparent; margin: 0 10px 10px 0; padding: 3px; float: right; clear: right; border: solid 1px black } /*Used in the archives page to put a picture to the left or right with text to the other side*/ .contentSectionLeft { background-color: #CCCCCC; margin: 5px 3px 6px 12px; padding: 5px; width: 43em; float: right; clear: both; border: solid 1px red } .contentSectionLeft img { background-color: white; margin: 6px; padding: 5px; float: left; border: solid 1px black} .contentSectionRight { background-color: #CCCCCC; margin: 5px 3px 6px 12px; padding: 5px; width: 43em; float: right; overflow:auto; border: solid 1px red } .contentSectionRight img { background-color: white; margin: 0px; padding: 5px; float: right; overflow:auto; border: solid 1px black} /*Used in the teacherApp for the bottom navigation*/ .teacherBottomNav { background-color: #999; text-align: center; margin: 0px; padding: 6px; height: auto; width: 100%; border: solid 1px #000; } .teacherNav { background-color: #999; /*background-image: url("/Media/Template/teacherNavLines.jpg"); background-repeat: repeat-y;*/ text-align: left; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 6px; width: 152px; float: right; border-left: solid 1px #000; } /*Used in the site map page for it's unique setup*/ .contentBoxWrapperSiteMap { font-size: 100%; background-color: #ccc; padding-right: 5px; width: 620px } .contentBoxWrapperSiteMapBackground { font-size: 100%; background-color: #ccc; width: 100%; } /*used on the staff page for the top section*/ #contentSectionTextWrapper { background-color: #eee; margin: 0px; padding: 8px; width: 24.5em; float: left; overflow: auto; border: solid 1px red } #contentSectionTextWrapper ul { list-style-image: url(/Media/Template/bullet.gif); margin-top: 0; margin-bottom: 0; margin-left: 14px; padding: 0 0 0 14px; clear: both;} /*Only used in the honors and awards section as far as I can tell - need to fix the situation with the with of the ul elements*/ .columnSectionWrapper { background-color: #CCCCCC; margin: 5px 3px 6px 12px; padding: 4px; width: 43em; float: right; overflow: auto; border: solid 1px red } .column23Wrapper { background-color: transparent; margin: 0px; padding: 0px; width: 66%; float: right; } .columnSectionLeft { background-color: #fff; margin: 2px; padding: 5px; width: 12.5em; float: left; border: solid 1px #000 } .columnSectionLeft ul { list-style-image: url(/Media/Template/bullet.gif); margin-top: 0; margin-bottom: 0; margin-left: 14px; padding: 0 0 0 14px;} .columnSectionRight { background-color: #fff; margin: 2px; padding: 5px; width: 12.5em; float: right; border: solid 1px #000 } .columnSectionRight ul { list-style-image: url(/Media/Template/bullet.gif); margin-top: 0; margin-bottom: 0; margin-left: 14px; padding: 0 0 0 14px; } /*Only used in the booster club section*/ .boosterSectionLeft { background-color: #CCCCCC; margin: 5px 3px 6px 12px; padding: 5px; width: 43em; float: right; clear: both; border: solid 1px red } .boosterWrapper { background-color: #CCCCCC; margin: 5px 3px 6px 12px; padding: 5px; width: 43em; float: right; clear: both; border: solid 1px red } .boosterSectionWrapper { background-color: #CCCCCC; margin: 5px 3px 6px 12px; padding: 4px; width: 43em; float: right; overflow: auto; border: solid 1px red } .smallRightColumn { background-color: transparent; margin: 5px; padding: 2px; width: 25%; float: right; } .largeLeftColumn { background-color: transparent; margin: 5px; padding: 2px; width: 60%; float: left; } /*Could be removed from the style sheet as they are not used any more*/ #elea { background-color: white; text-align: center; margin-right: auto; margin-left: auto; padding: 0; width: 158px; border: solid 2px #444 } #elea h1 { color: white; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0 } #content { background-color: #eee; margin: 2px; padding: 3px; width: 620px; float: right; border: solid 1px black } #content h1 { color: white; font-size: 14px; font-weight: 600; background-color: #444; text-align: center; margin: 0; border: solid 1px black } #content h2 { color: red; font-size: 15px; font-weight: 600; text-align: left; margin-left: 0.5em } #content h3 { color: black; font-size: 13px; font-weight: 500; text-align: left; margin-left: 0.5em } #content ul { list-style-type: square; margin: 0.3em 0.3em 0.3em 2em; padding: 0.3em;}