/**************** Style Resets **********************/ td {margin:0; padding:0;} th {margin:0; padding:0;} blockquote {margin:0; padding:0;} p {margin:0; padding:0;} input {margin:0; padding:0;} fieldset {margin:0; padding:0;} form {margin:0; padding:0;} pre {margin:0; padding:0;} h6 {margin:0; padding:0;} h5 {margin:0; padding:0;} h4 {margin:0; padding:0;} h3 {margin:0; padding:0;} h2 {margin:0; padding:0;} h1 {margin:0; padding:0;} li {margin:0; padding:0;} ol {margin:0; padding:0;} ul {margin:0; padding:0;} dd {margin:0; padding:0;} dt {margin:0; padding:0;} dl {margin:0; padding:0;} div {margin:0; padding:0;} body {margin:0; padding:0;} address {margin:0.8em 0;} dl {margin:0.8em 0;} ol {margin:0.8em 0;} ul {margin:0.8em 0;} blockquote {margin:0.8em 0;} pre {margin:0.8em 0;} p {margin:0.8em 0;} h6 {margin:0.8em 0;} h5 {margin:0.8em 0;} h4 {margin:0.8em 0;} h3 {margin:0.8em 0;} h2 {margin:0.8em 0;} h1 {margin:0.8em 0;} blockquote {margin-left:1em;} dd {margin-left:1em;} li {margin-left:1em;} fieldset {font:100.1%/120% Arial, Verdana, Helvetica, sans-serif;} body {font:100.1%/120% Arial, Verdana, Helvetica, sans-serif;} html {font:100.1%/120% Arial, Verdana, Helvetica, sans-serif;} textarea {font-size:100.1%;} select {font-size:100.1%;} input {font-size:100.1%;} h6 {font-size:100%;} h5 {font-size:100%;} h4 {font-size:100%;} h3 {font-size:100%;} h2 {font-size:100%;} h1 {font-size:100%;} form label{cursor:pointer;} img{border:none;} fieldset{border:none;} table{border-collapse:collapse; border-spacing:0;} ul li {list-style-type:square;} hr {height: 2px; background-color: #ae1313; color: #ae1313; border: none; padding: 0; margin: 1em 1em;} /**************** General rules *********************/ body{ height:100%; margin:0; padding:0; text-align:center;} html{ height:100%; margin:0; padding:0; text-align:center;} body {height:101%; line-height:150%; color: #555; text-align: center; background-color:#ccc;} #container{width:98%; max-width:1200px; min-width:755px;margin: 1em auto;font-size:76%;background:#fff url(../images/greyback.gif) left top repeat-y;border:6px solid #fff;text-align:left; } #header{height:120px; position:relative;min-width:756px;border-top:1px solid #fff; background:#e96c1a url(../images/yellowback.jpg) left top repeat-x;color: #79B30B; width:100%;} #header img {float:left;margin:18px 5px 0 5px;} #header img.printlogo {display:none;} #skip {font-size:90%; text-align:right; color:white; margin:0;position:absolute;top:0;right:0.5em;z-index:10;} #skip li {float:left;width:11em; list-style-type: none; padding: 0 0 0 0.5em; font-weight:bold; margin:0;} #skip li a:visited {border:none; color:#ae1313; padding:5px; } #skip li a:link {border:none; color:#ae1313; padding:5px; } #skip li a:active { border:none;color:#fff; background-color:#e96c1a; padding:5px;border-top:1px solid white;} #skip li a:hover { border:none;color:#fff; background-color:#e96c1a; padding:5px;border-top:1px solid white;} #skip li a:focus { border:none;color:#fff; background-color:#e96c1a; padding:5px;border-top:1px solid white;} #wrapper {clear:both;} #sidebar {width:20%;float:left;margin:0;padding:0 0 10px 0;display:inline;} #sidebar h3 {font-size:110%; font-weight:bold; margin:10px 0 0 10px;clear:both;} #sidebar p {margin-left:10px;} #inner{width:79%;float:right;background:#fff url(../images/graduate.jpg) 110% 100% no-repeat; display:inline;} #extra{width:24%; float:left; padding-bottom:295px;} #extra p {margin: 5px 10px 8px 10px;font-size:90%;line-height:150%;} #extra h3 {font-weight:bold; font-size:110%;margin-top:10px;} .info {background:white url(../images/greyfade.jpg) left bottom repeat-x;margin-right:10px;border-bottom:10px solid #e1e3e2;} .info h3 {background-color:#ae1313;background-image:url(../images/redback.jpg);background-position: left top;background-repeat: repeat-x;display:block;margin:0;padding:0 0 0 10px;color:white;} #hcard {margin: 0 0 0 10px; padding: 0;width:90%; } #hcard dl { margin: 0; padding: 0; } #hcard dt { font-weight: bold; margin: 0.3em 0 0 0;float:left;width:4em;clear:left;} #hcard dd { padding: 0; margin: 0.3em 0 0 2px; float:left;width:11em;} #hcard dd.first {float:none; width:98%;} #hcard dt.first {float:none; width:98%;} #content ul {margin:0 0 0 10px;padding:0px;} #content ul li {list-style-type:square;padding-left:15px;} #content{background-color: #fff; float: left; display:inline; width:74%; } br {margin-left:20px;margin-right:10px;} ol {margin-left:20px;margin-right:10px;} ul {margin-left:20px;margin-right:10px;} p {margin-left:20px;margin-right:10px;} h4 {margin-left:20px;margin-right:10px;} h3 {margin-left:20px;margin-right:10px;} h2 {margin-left:20px;margin-right:10px;} #content h1 {margin-left:20px;margin-right:10px;} #content h2 {margin-top:10px;} /********************** Use on 2 column pages ******************/ #lcolumn{float: left; width: 48%; margin-right: 5px;} #rcolumn{float: left; width: 48%; margin-left: 5px;} /*******************Board Members Photo on Bio Page*********************/ #bio_photo {float: right; margin: 0px 5px 4px 15px;} /************************Center text, movie and images**********************/ .center { text-align: center; } .photoCenter img { display: block; margin-left: auto; margin-right: auto; } /****************************************************************/ #footer{height:3em; background: #ae1313;color: #FFF;clear:both; } #footer p{margin:0;padding:5px 10px} #footer a{display:inline;padding:0;color: #C6D5FD} /**************** General Links ***********************************/ a:link {color: #b21a21; text-decoration:none ;border-bottom:1px solid #b21a21;} a:visited { color: #b21a21; text-decoration: none;border-bottom:1px solid #b21a21;} a:active {color: #000; text-decoration: underline; border-bottom:1px solid #000;} a:hover {color: #000; text-decoration: underline; border-bottom:1px solid #000;} a:focus {color: #000; text-decoration: underline; border-bottom:1px solid #000;} /********************** Secondary Navigation ******************/ #navlist{margin:0;} #navlist li{display:block;list-style: none;border-bottom:1px solid #dbdbdb;padding:0;} #navlist a {font-weight:bold;color:#267166;display:block;text-decoration:none;border-bottom:none;width:100%; } #navlist li a { display:block;text-decoration: none; } #navlist a:visited {padding:0; color:#6b6868;border-bottom:none;} #navlist a:link {padding:0; color:#6b6868;border-bottom:none;} #navlist a:visited {color:#333;} #navlist a:active {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #navlist a:focus {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #navlist a:hover {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #navlist ul {margin:0 0 0 1em;} #navlist ul ul {margin:0 0 0 2em;border-top:1px solid #efefef;} /* border-top to fix IE7/6 issue - no idea why it worked */ #navlist li li {margin:0;padding:0;border-bottom:none;background: url(../images/arrow.gif) 0 0.7em no-repeat;padding-left:10px;} #access #nav-1 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #teacher #nav-2 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #programs #nav-10 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #federal #nav-9a {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #community #nav-9c {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #extended #nav-9e {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #laws #nav-8 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #forms #nav-6 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #homeless #nav-14 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #prek #nav-15 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #rti #nav-12a {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #nclb #nav-12b {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #disability #nav-12c {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #ahsge #nav-7 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #transcript #nav-6 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #student_forms #nav-5 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #cheerleading #nav-4 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #menu #nav-3 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #calendar #nav-2 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #handbook #nav-1 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #map #nav-4 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #transportation #nav-3 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #maintenance #nav-2 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #directory #nav-1 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #home #nav-1 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #board #nav-2 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #superintendent #nav-3 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #mission #nav-4 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #policy #nav-5 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #overview #nav-6 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #organization #nav-7 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #check #nav-8 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #finances #nav-2 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #minutes #nav-3 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #accountability #nav-5 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #schools #nav-1 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #opportunities #nav-1 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #employ_directions #nav-2 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #substitute #nav-4 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #salary #nav-5 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #ehandbook #nav-6 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #bschedule #nav-4 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} #sir #nav-7 {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #b21a21;} /* the above rule works by taking the id from the body tag and the id from the nav link and giving it the current styling */ /***************** Headings ********************/ h1 {font-size:210%; color: #fff; font-weight:normal;margin:25px 0 0 10px;} h2 {font-size:150%; color: #e96c1a; font-weight:normal;margin-top:0;font-family:verdana, arial, Helvetica, sans-serif;} h3 {font-size:140%; color:#e96c1a;font-weight:normal;font-family:verdana, arial, Helvetica, sans-serif;} h4 {font-size:120%; color:#e96c1a;font-weight:normal;font-family:verdana,arial, Helvetica, sans-serif; } /***************** Image Replacement ****************/ /* This method doesn't link the logo to the homepage */ h1 {float:left;color:white;margin-left:0px; margin-bottom:0;margin-top:0px;padding:0; position:relative; width:389px; height:120px; overflow:hidden; } h1 span {display:block;position:absolute; left:0; top:0; z-index:1;width:398px; height:120px; margin:0; padding:0; background:url(../images/logo.jpg) top left no-repeat;} /***************** Hacks? Me? NO! Well ok maybe *****************/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /*************** Other bits *************/ /*************** Forms ******************/ /* This is my general styling for forms - I'll leave it in just in case otherwise ignore it! */ #contactform {font-size:100%; color:#000; margin-left:20px;width:90%; } #contactform fieldset { border:none; } #contactform legend { display:none;} #contactform input {background:#fff; border:1px solid #777; width:70%; padding:5px 3px 5px 3px; vertical-align:middle; margin:0 0 5px 0; } #contactform textarea { background:#FFF; border:1px solid #777; width:70%; margin-left:0; font-size:110%; padding:3px ; vertical-align:middle; } #contactform input.button { border:1px solid #fff;clear:both; color:white; font-size:100%; width:30%; margin:10px 0 20px 0; font-weight:bold; background:#59cacb url(../images/aquaback.jpg) left top repeat-x; } #contactform textarea:hover { border:1px solid #000;background-color:#efefef; } #contactform input:hover { border:1px solid #000;background-color:#efefef; } #contactform input.button:active { clear:both; color:white; font-size:100%; width:30%; margin:10px 0 20px 0; font-weight:bold; background-color:#ce071e; } #contactform input.button:hover { clear:both; color:white; font-size:100%; width:30%; margin:10px 0 20px 0; font-weight:bold; background-color:#ce071e; } #contactform input.button:focus { clear:both; color:white; font-size:100%; width:30%; margin:10px 0 20px 0; font-weight:bold; background-color:#ce071e; } .required { color:#c2537a; font-weight:normal; margin-left:10px; } .validationerrors ol {color:#000; margin-left:15px; padding-left:10px; margin-bottom:10px; } #enquiryErrorID a:active { background-color:#538b37; color:white; } #enquiryErrorID a:hover { background-color:#538b37; color:white; } #enquiryErrorID a:focus { background-color:#538b37; color:white; } /************* Append document icons to links *********/ /* this is cool - it appends any link with .pdf or word files with the correct icon! */ a[href $='.pdf'] {padding-left: 15px; background: transparent url(../images/icon_pdf.gif) no-repeat center left;border-bottom:none;} a[href $='.doc'] {padding-left: 15px; background: transparent url(../images/icon_word.gif) no-repeat center left;border-bottom:none;} a[href $='.zip'] {padding-left: 15px; background: transparent url(../images/icon_download.gif) no-repeat center left;border-bottom:none;} /************** Tables ********************/ /* Currently these styles will apply to any table within the content div. If you need to do another table but don't want orange text then give it an id and make a rule for the exception */ #content table {margin:0 auto 10px auto;width:94%;} #content th {border:1px solid #ccc;background-color:#ccc;font-weight:bold;text-align:center;} #content td {border:1px solid #ccc;vertical-align:top;font-weight:bold;font-size:110%;color:#e96c1a;text-align:center;padding-bottom:5px;} #content td ul li {font-weight:normal;text-align:left;list-style-type:none;margin:0 5px;padding:0;} #content td ul {list-style-type:none;font-size:90%;color:#555;margin:0 0;padding:0;list-style-position:outside;} #content tr.roweven td {background-color:white;} #content tr.rowodd td {background-color:#efefef;} #content table caption {font-size:120%; color:#e96c1a;font-weight:bold;font-family:verdana, arial, Helvetica, sans-serif;text-align:left;margin-left:20px;} /* Currently these styles will apply to any table within the content div. If you need to do another table but don't want orange text then give it an id and make a rule for the exception as follows*/ #content table#example {color:#555; text-align:left;} /************** FS Menu dropdowns ***********/ /* Everything else beneath this is for the dropdown menu */ #listMenuRoot {width:100%; background:#ae1313 url(../images/redback.jpg) left top repeat-x; font-weight:bold;height:2.5em;margin:0px;border-top:4px solid #ff9900;} /* All