body {background: #9a9a9a; color: #333;}/*see ie.css for fixes*/
#wrap {background: url(../images/bg-wrap.gif) repeat-y; width: 961px; margin: 0 auto; padding: 0 4px 0 3px; position: relative; font-size: 1em;}/*see ie.css for fixes*/

/**************************************************header**************************************************/
#header {background: url(../images/header-home-banner.jpg) no-repeat 0 100%; height: 415px; position: relative; z-index: 9999;}
#header h1 {background: url(../images/logo-home.gif) no-repeat; width: 961px; height: 111px;}
#header a#ksdlnk {width: 190px; height: 40px; top: 40px; right: 20px; position: absolute;}

#header {background:url(/images/highschool-slideshow-bg.png) 0 100% no-repeat;}
#header #slideshow-wrap {bottom: 0; height: 266px; left: 0; position: absolute; width: 790px; z-index: 9; background:url(/images/highschool-default-slide.png)}
#header #slideshow-wrap #slideshow {position:absolute; top:0; left:0; width:790px; height:260px;}
#header #slideshow-wrap #slideshow li {display:none; list-style:none; margin:0; width:790px; height:260px; overflow:hidden;}
#header #slideshow-wrap #slideshow li:first-child {display:block;}
#header #slideshow-wrap #slideshow-nav {display:block; height:37px; width:145px; position:absolute; left:0; bottom:11px; background:url(/images/highschool-slideshow-nav.png) no-repeat; z-index:99; padding:19px 0 0 17px;}
#header #slideshow-wrap #slideshow-nav li {display:inline; margin:0; padding:0; list-style:none; float:left;}
#header #slideshow-wrap #slideshow-nav li a {display:block; margin:0; padding:0; height:20px; width:20px; background:url(/images/slideshow-nav-icon.png) no-repeat; text-indent:-999em; overflow:hidden;}
#header #slideshow-wrap #slideshow-nav li a:hover, #header #slideshow-wrap #slideshow-nav li.activeSlide a {background-position:top right;}
#header #slideshow-wrap .foreground {height:21px; width:779px; position:absolute; z-index:9999; bottom:0; left:0; background:url(/images/highschool-redbar.png) no-repeat;}
#header #slideshow-wrap .foreground2 {height:23px; width:779px; position:absolute; z-index:9999; top:0; left:0; background:url(/images/highschool-whitebar.png) no-repeat;}
#header #slideshow-wrap .foreground3 {height:266px; width:11px; position:absolute; z-index:9999; bottom:0; right:0; background:url(/images/highschool-foreground.png) no-repeat;}

#header ul#headerNav {width: 961px; height: 38px; top: 111px; left: 0px; position: absolute; z-index: 999;}
#header ul#headerNav li {list-style: none; display: inline;}
#header ul#headerNav li#au {background: url(../images/headerNav-aulnk.gif) no-repeat; width: 143px; height: 38px; top: 0px; left: 0px; position: absolute; display: block;}
#header ul#headerNav li#au:hover, #header ul#headerNav li#au.hdrhover, .aboutus #header ul#headerNav li#au {background-position: 0 -38px;}
#header ul#headerNav li#au a#aulnk {width: 143px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ad {background: url(../images/headerNav-adlnk.gif) no-repeat; width: 116px; height: 38px; top: 0px; left: 143px; position: absolute; display: block;}
#header ul#headerNav li#ad:hover, #header ul#headerNav li#ad.hdrhover, .academics #header ul#headerNav li#ad {background-position: 0 -38px;}
#header ul#headerNav li#ad a#adlnk {width: 116px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#gc {background: url(../images/headerNav-gclnk.gif) no-repeat; width: 208px; height: 38px; top: 0px; left: 259px; position: absolute; display: block;}
#header ul#headerNav li#gc:hover, #header ul#headerNav li#gc.hdrhover, .guidance #header ul#headerNav li#gc {background-position: 0 -38px;}
#header ul#headerNav li#gc a#gclnk {width: 208px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ar {background: url(../images/headerNav-arlnk.gif) no-repeat; width: 68px; height: 38px; top: 0px; left: 467px; position: absolute; display: block;}
#header ul#headerNav li#ar:hover, #header ul#headerNav li#ar.hdrhover, .arts #header ul#headerNav li#ar {background-position: 0 -38px;}
#header ul#headerNav li#ar a#arlnk {width: 68px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#at {background: url(../images/headerNav-atlnk.gif) no-repeat; width: 98px; height: 38px; top: 0px; left: 535px; position: absolute; display: block;}
#header ul#headerNav li#at:hover, #header ul#headerNav li#at.hdrhover, .athletics #header ul#headerNav li#at {background-position: 0 -38px;}
#header ul#headerNav li#at a#atlnk {width: 98px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#al {background: url(../images/headerNav-allnk.gif) no-repeat; width: 86px; height: 38px; top: 0px; left: 633px; position: absolute; display: block;}
#header ul#headerNav li#al:hover, #header ul#headerNav li#al.hdrhover, .alumni #header ul#headerNav li#al {background-position: 0 -38px;}
#header ul#headerNav li#al a#allnk {width: 86px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#pt {background: url(../images/headerNav-ptlnk.gif) no-repeat; width: 86px; height: 38px; top: 0px; left: 719px; position: absolute; display: block;}
#header ul#headerNav li#pt:hover, #header ul#headerNav li#pt.hdrhover, .parents #header ul#headerNav li#pt {background-position: 0 -38px;}
#header ul#headerNav li#pt a#ptlnk {width: 86px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#sl {background: url(../images/headerNav-sllnk.gif) no-repeat; width: 156px; height: 38px; top: 0px; left: 805px; position: absolute; display: block;}
#header ul#headerNav li#sl:hover, #header ul#headerNav li#sl.hdrhover, .studentlife #header ul#headerNav li#sl {background-position: 0 -38px;}
#header ul#headerNav li#sl a#sllnk {width: 156px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}

/*1st level dropdown*/
#header ul#headerNav li ul {background: #eee; color: #555; width: 17.5em; height: auto; margin: 38px 0 0 0; padding: 5px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li#gc ul {width: 19.8em;}
#header ul#headerNav li#al ul {width: 15.3em;}
#header ul#headerNav li ul li a {background: #eee; color: #555; padding: 5px 0 5px 22px; font-size: 1em; line-height: 1.1em; display: block;}
#header ul#headerNav li ul li a:hover {background: #b00; color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.hdrhover ul {left: 0;}
#header ul#headerNav li#au:hover ul, #header ul#headerNav li#au.hdrhover ul {background-position: -43px 0; left: 43px;}
#header ul#headerNav li#ad:hover ul, #header ul#headerNav li#ad.hdrhover ul {background-position: -143px 0;}
#header ul#headerNav li#gc:hover ul, #header ul#headerNav li#gc.hdrhover ul {background-position: -259px 0;}
#header ul#headerNav li#ar:hover ul, #header ul#headerNav li#ar.hdrhover ul {background-position: -467px 0;}
#header ul#headerNav li#at:hover ul, #header ul#headerNav li#at.hdrhover ul {background-position: -535px 0;}
#header ul#headerNav li#al:hover ul, #header ul#headerNav li#al.hdrhover ul {background-position: -633px 0;}
#header ul#headerNav li#pt:hover ul, #header ul#headerNav li#pt.hdrhover ul {background-position: -719px 0;}
#header ul#headerNav li#sl:hover ul, #header ul#headerNav li#sl.hdrhover ul {background-position: 100% 0; left: auto; right: 43px;}

#header #headerUtility {background: #bbb url(../images/bg-headerUtilNav-hm.gif) no-repeat; width: 171px; height: 266px; top: 149px; right: 0; position: absolute;}
#header #headerUtility form input {color: #333; width: 100px; padding: 3px; top: 12px; left: 30px; position: absolute; font-size: 1em; border: 1px inset #cbcbcb;}
#header #headerUtility button {background: url(../images/button-magnifying-glass.gif) no-repeat; width: 11px; height: 19px; top: 12px; left: 11px; position: absolute;}
#header #headerUtility ul {margin: 39px 0 0 0;}
#header #headerUtility ul li {list-style: none; display: inline;}
#header #headerUtility ul li a {width: 171px; display: block;}
#header #headerUtility ul li a#culnk {background: url(../images/headerUtilNav-hm-culnk.gif) no-repeat; height: 40px;}
#header #headerUtility ul li a#culnk:hover {background-position: -171px 0;}
#header #headerUtility ul li a#anlnk {background: url(../images/headerUtilNav-hm-anlnk.gif) no-repeat; height: 40px;}
#header #headerUtility ul li a#anlnk:hover {background-position: -171px 0;}
#header #headerUtility ul li a#cllnk {background: url(../images/headerUtilNav-hm-cllnk.gif) no-repeat; height: 40px;}
#header #headerUtility ul li a#cllnk:hover {background-position: -171px 0;}
#header #headerUtility ul li a#kdlnk {background: url(../images/headerUtilNav-hm-kdlnk.gif) no-repeat; height: 41px;}
#header #headerUtility ul li a#kdlnk:hover {background-position: -171px 0;}
#header #headerUtility ul li a#pslnk {background: url(../images/headerUtilNav-hm-pslnk.gif) no-repeat; height: 66px;}
#header #headerUtility ul li a#pslnk:hover {background-position: -171px 0;}

/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative; z-index: 999;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content .left {float: left; margin: 0 20px 20px 20px; border: 2px solid #cdcdcd;}
#content .right {float: right; margin: 0 20px 20px 20px; border: 2px solid #cdcdcd;}

/**************************************************main column*********************************************/
#main {float: left; margin-left: 266px; width: 520px; position: relative;}/*see ie.css for fixes*/
#main h2 {background: url(../images/title-khs-news.gif) no-repeat; width: 520px; height: 52px; margin: 0 0 35px 0;}
#main h3 {font-weight: bold; font-size: 1.1em; margin: 0 20px 3px 20px;}
#main h4 {font-style: italic; font-weight: normal; margin: 0 20px 3px 20px; font-size: 1.1em;}
#main p {margin: 0 20px 10px 20px; font-size: 1.1em; line-height: 1.3;}
#main p a.readmore {background: url(../images/button-read-more.gif) no-repeat; width: 75px; height: 14px; display: block; margin: 0 0 20px 0; clear: both;}
#main hr {width: 480px; border: none; border-bottom: 1px solid #d2d3de; margin: 0 20px 20px 20px; clear: both;}
#main ul {margin: 0 20px 10px 40px; font-size: 1.1em; line-height: 1.3;}
#main #flashaudio {width: 290px; height: 24px; margin: 0 0 10px 20px; z-index: 9;}
#main #flashaudio #audioplayer1 {width: 290px; height: 24px;}
#main .flasherror {display: none; background: #fff; color: red; border: 5px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px;}

/**************************************************left column*********************************************/
#sidebar {float: left; margin-left: -786px; width: 265px; position: relative; border-left: 1px solid #444;}
#sidebar h3 {background: url(../images/title-today-khs.gif) no-repeat; width: 265px; height: 45px; margin: 18px 0 0 1px; display: block; position: relative;}
#sidebar h3 .weekday {color: #333; font-size: 2em; font-weight: normal; top: 8px; left: 164px; position: absolute;}
#sidebar h3 .month {color: #b00; top: 7px; left: 221px; position: absolute;}
#sidebar h3 .day {color: #b00; font-size: 1.4em; top: 17px; left: 224px; position: absolute;}
#sidebar dl {background: url(../images/bg-home-sidebar.gif) no-repeat 1px 100%; width: 216px; margin: 0 0 25px 0; padding: 25px 13px 25px 34px; font-size: 1.1em;}
#sidebar dl dt {font-weight: bold;}
#sidebar dl dd {padding: 0 0 1em 0;}

/**************************************************right column********************************************/
#main_2 {background: url(../images/bg-main_2.gif) repeat-y; float: left; width: 175px; position: relative;}
#main_2 ul#main_2Nav {margin: 0px 0 0 4px;}
#main_2 ul#main_2Nav li {list-style: none;}
#main_2 ul#main_2Nav li a {width: 171px; display: block;}
#main_2 ul#main_2Nav li a#golnk {background: url(../images/main_2Nav-grades-online.gif) no-repeat; height: 62px;}
#main_2 ul#main_2Nav li a#golnk:hover {background-position: -171px 0;}
#main_2 ul#main_2Nav li a#bplnk {background: url(../images/main_2Nav-become-pioneer.gif) no-repeat; height: 65px;}
#main_2 ul#main_2Nav li a#bplnk:hover {background-position: -171px 0;}
#main_2 ul#main_2Nav li a#selnk {background: url(../images/main_2Nav-subscribe-enews.gif) no-repeat; height: 65px;}
#main_2 ul#main_2Nav li a#selnk:hover {background-position: -171px 0;}
#main_2 ul#main_2Nav li a#velnk {background: url(../images/main_2Nav-vote-november2.gif) no-repeat; height: 65px;}
#main_2 ul#main_2Nav li a#velnk:hover {background-position: -171px 0;}
#main_2 ul#main_2Nav li a#p1lnk {background: url(../images/main_2Nav-prop1.gif) no-repeat; height: 65px;}
#main_2 ul#main_2Nav li a#p1lnk:hover {background-position: -171px 0;}
#main_2 ul#main_2Nav li a#mglnk {background: url(../images/sidebarUtilNav-mglnk.jpg) no-repeat; width: 151px; height: 94px;}
#main_2 ul#main_2Nav li a#mglnk:hover {background-position: 0 -94px;}
#main_2 ul#main_2Nav li a#twlnk {background: url(../images/main_2Nav-teacher-websites.gif) no-repeat; height: 62px;}
#main_2 ul#main_2Nav li a#twlnk:hover {background-position: -171px 0;}

#main, #sidebar, #main_2 {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footerWrap {background: url(../images/bg-footerWrap.gif) no-repeat; width: 960px; margin: 0 auto; padding: 5px 4px 0 4px; position: relative; font-size: 1em;}/*see ie.css for fixes*/
#footer {background: #db0000; clear: both; position: relative;}
#footer ul#footerNav {width: 405px; padding: 10px 0 0 20px;}
#footer ul#footerNav li {list-style: none; display: inline; padding: 0 5px 0 0;	}
#footer ul#footerNav li a {color: #ebb; text-decoration: underline; text-transform: uppercase;}
#footer ul#footerNav li a:hover {color: #fff;}
#footer ul#footerUtilNav {width: 500px; padding: 0 0 10px 20px;}
#footer ul#footerUtilNav li {list-style: none; display: inline; padding: 0 5px 0 0;	}
#footer ul#footerUtilNav li a {color: #ebb; text-decoration: underline; text-transform: lowercase;}
#footer ul#footerUtilNav li a.uppercase {text-transform: uppercase;}
#footer ul#footerUtilNav li a:hover {color: #fff;}
#footer img#ksdlogo {top: 13px; left: 550px; position: absolute;}
#footer address {color: #300; margin: 11px 15px 0 0; padding: 0 0 10px 0; top: 0px; right: 0px; position: absolute; display: block; font-style: normal;}
#footer p#copyright {background: #9a9a9a url(../images/bg-copyright.gif) no-repeat; color: #333; padding: 20px 15px 20px 0; text-align: right;}
#footer p#modified {position:absolute; top:80px; left:20px; color: #333; background:url(/images/lastmodified.png) 0px 1px no-repeat; padding:0 0 0 95px;}
/********************************************************
Safari needs this - otherwise the ghost overflow, though
painted correctly obscures links and form elements that 
by rights should be above it. An unintended side-effect 
is that it cause such elements to vanish in IE 5.01 and
5.5, hence the child selector hack
********************************************************/
* > #footer, * > form {position: relative; z-index: 1000;}