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-banner.jpg) no-repeat 0 100%; height: 296px; position: relative; z-index: 9999;}
.aboutus #header {background: url(../aboutus/images/header-banner.jpg) no-repeat 0 100%;}
.academics #header {background: url(../academics/images/header-banner.jpg) no-repeat 0 100%;}
.alumni #header {background: url(../alumni/images/header-banner.jpg) no-repeat 0 100%;}
.arts #header {background: url(../arts/images/header-banner.jpg) no-repeat 0 100%;}
.athletics #header {background: url(../athletics2/images/header-banner.jpg) no-repeat 0 100%;}
.guidance #header {background: url(../guidance/images/header-banner.jpg) no-repeat 0 100%;}
.parents #header {background: url(../parents/images/header-banner.jpg) no-repeat 0 100%;}
.studentlife #header {background: url(../studentlife/images/header-banner.jpg) no-repeat 0 100%;}
#header h1 {background: url(../images/logo.gif) no-repeat; width: 961px; height: 96px; display: block;}
#header a#khslnk {width: 240px; height: 70px; top: 10px; left: 105px; position: absolute;}
#header a#ksdlnk {width: 190px; height: 70px; top: 10px; right: 20px; position: absolute;}
#header ul#headerNav {width: 961px; height: 38px; top: 96px; 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 url(../images/headerNav-curve.gif) no-repeat; 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.gif) no-repeat; width: 175px; height: 163px; top: 134px; right: 0; position: absolute;}
#header #headerUtility form input {color: #999; width: 125px; 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: 175px; display: block;}
#header #headerUtility ul li a#culnk {background: url(../images/headerUtilNav-culnk.gif) no-repeat; height: 20px;}
#header #headerUtility ul li a#culnk:hover {background-position: -175px 0;}
#header #headerUtility ul li a#anlnk {background: url(../images/headerUtilNav-anlnk.gif) no-repeat; height: 20px;}
#header #headerUtility ul li a#anlnk:hover {background-position: -175px 0;}
#header #headerUtility ul li a#cllnk {background: url(../images/headerUtilNav-cllnk.gif) no-repeat; height: 20px;}
#header #headerUtility ul li a#cllnk:hover {background-position: -175px 0;}
#header #headerUtility ul li a#kdlnk {background: url(../images/headerUtilNav-kdlnk.gif) no-repeat; height: 22px;}
#header #headerUtility ul li a#kdlnk:hover {background-position: -175px 0;}
#header #headerUtility ul li a#hmlnk {background: url(../images/headerUtilNav-hmlnk.gif) no-repeat; height: 42px;}
#header #headerUtility ul li a#hmlnk:hover {background-position: -175px 0;}

#banner-wrap {width:786px; height:162px; position:absolute; bottom:0; left:0px; z-index:1;}
#banner-wrap #banner {width:786px; height:162px; overflow:hidden; background:url(/khs/images/highschool-internal-banner.png) no-repeat;}
#banner-wrap #banner img {display:block;}
#banner-wrap .foreground {width:786px; height:162px; position:absolute; top:0px; left:0px; background:url(/khs/images/highschool-internal-banner-fg.png) no-repeat;}

/**************************************************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, #content .leftImg {float: left; margin: 0 30px 20px 30px; border: 2px solid #cdcdcd;}
#content .right, #content .rightImg {float: right; margin: 0 30px 20px 30px; border: 2px solid #cdcdcd;}
#content .center {margin: 0 30px 20px 30px; border: 2px solid #cdcdcd;}

/**************************************************main column*********************************************/
#main {background: url(../images/bg-main.gif) no-repeat; float: left; width: 785px; min-height: 400px; position: relative; border-left: 1px solid #626262;}/*see ie.css for fixes*/
#main a {text-decoration: underline;}
#main h2 {height: 39px; margin: 0 0 5px 0; padding: 12px 0 0 53px; font-size: 1.6em; font-weight: normal;}
#main h2 .parent {text-transform: uppercase;}
#main ul#pageoptions {top: 20px; right: 30px; position: absolute;}
#main ul#pageoptions li {list-style: none; display: inline;}
#main ul#pageoptions li a#ptplnk {background: url(../images/button-print-page.gif) no-repeat; width: 95px; height: 11px; display: block; float: left;}
#main ul#pageoptions li a#etplnk {background: url(../images/button-email-page.gif) no-repeat; width: 98px; height: 10px; display: block; float: left; margin: 0 0 0 20px;}
#main ul#breadcrumbs {margin: 0 30px 35px 0; text-align: right;}
#main ul#breadcrumbs li {color: #888; list-style: none; display: inline;}
#main ul#breadcrumbs li a {color: #888; text-decoration: none;}
#main ul#breadcrumbs li a:hover {text-decoration: underline;}
#main h3 {font-weight: bold; font-size: 1.2em; margin: 0 30px 3px 30px;}
#main h4 {font-style: italic; font-size: 1.1em; font-weight: normal; margin: 0 30px 3px 30px;}
#main p {margin: 0 30px 20px 30px; font-size: 1.1em; line-height: 1.3;}
#main div.articleMetadata { margin: 0 30px 20px 30px; color:#999; font-size:.95em;}
#main ul, #main ol {margin: 0 30px 20px 50px; line-height: 1.3; font-size: 1.1em;}
#main ol li, #main ul li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main .file {margin: 0 30px 20px 30px;}
#main .file img {margin: 0 10px 0 0;}
#main table {width: auto; margin: 0 30px 20px 30px; border: 1px solid #910000; display: table; font-size: 1.1em; border-collapse: collapse;}
#main table.table10column {width: 725px;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
#main table.table10column thead tr th, #main table.table10column tbody tr td {width: 10%;}
#main table.table10column tbody tr td.curriculumday {background: #ccc;}
#main table tbody tr td h4 {color: #910000; margin: 0; text-align: center;}
#main form {margin: 0 30px 20px 30px;}
#main form label {width: 150px; display: block; float: left;}
#main form input {margin: 0 0 10px 0;}
#main form br {clear: both;}
#main form h3 {color: #999; margin: 0 0 10px 0; font-weight: bold; font-size: 1.1em; text-transform: uppercase;}
#main form .checkboxes {margin: 0 0 15px 0;}
#main form .checkboxes label {width: 160px; margin: 0 0 10px 0; float: left;}
#main form .checkboxes input {margin: 0 5px 0 0; float: left;}
iframe {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0 50px 0 50px; padding: 0; text-decoration: none; vertical-align: baseline;}
/* directory search */
#main #browse {width: 600px; margin: 0 30px 20px 30px;}
#main #browse p {margin: 0 0 20px 0;}
#main #browse form {background: #eee; margin: 0; padding: 6px; border: 1px solid #ccc; position: relative; clear: left;}
#main #browse form:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #browse form input {margin: 0 1em 0 0; font-size: 1em; float: left; display: block;}
#main #browse form input#searchButton {background: #ccc; margin: 0; padding: 3px; top: 4px; right: 6px; position: absolute; font-size: 1em; font-weight: bold; border: 1px outset #999;}
#main #browse form select {width: 200px; margin: 0 1em 0 0; font-size: 1em; float: left; display: block;}
/* end directory search */
#main #contentContainer {margin: 0 30px;}
#main #contentContainer h3 {margin: 0 0 3px 0;}
#main #contentContainer h4 {margin: 0 0 3px 0;}
#main #contentContainer h5 {margin: 0 0 3px 0;}
#main #contentContainer p {margin: 0 0 20px 0;}
#main #contentContainer ul {margin: 0 0 20px 20px;}
#main #contentContainer ol {margin: 0 0 20px 30px;}
#main #contentContainer ol li ul, #main #contentContainer ul li ul {margin: 10px 0 0 20px;}
#main #contentContainer ol li ol, #main #contentContainer ul li ol {margin: 10px 0 0 30px;}
#main #contentContainer ol li ol li, #main #contentContainer ul li ol li {list-style: decimal;}
#main #contentContainer .file {margin: 0 0 20px 0;}
#main #contentContainer table {margin: 0 0 20px 0;}
#main #contentContainer form {margin: 0 0 20px 0;}
#main #contentContainer.twocol {float: left; width: 23%; margin: 0 0 0 1%;}
#main #contentContainer.twocol table {margin: 0; width: 100%}
#main #athleticsContainer{float: left; width: 73%; margin: 0 1% 10px 1%; overflow: auto;}
#main #athleticsContainer iframe,.athletics #main #contentContainer iframe {margin: 0; width: 100%; min-height: 1493px;}

#main #flashVarsityValor {width: 290px; height: 24px; margin: 0 0 10px 0; z-index: 9;}
#main #flashVarsityValor #varsityValor {width: 290px; height: 24px;}
#main #flashHailKHS {width: 290px; height: 24px; margin: 0 0 10px 0; z-index: 9;}
#main #flashHailKHS #hailKHS {width: 290px; height: 24px;}

/*academics three column styles*/
#contentcopy {margin: 0 0 25px 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#contentcopy:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #copy {width: 584px; float: left;}
#main #copy hr {width: 524px; border: none; border-bottom: 1px solid #d2d3de; margin: 0 30px 20px 30px; clear: both;}
#main #resources {}
#main #resources h3 {}
#main #resources ul {}
#main #resources ul li {margin: 0; list-style: none; font-style: italic; font-size: .9em;}
#main #resources ul li a {font-style: normal; text-decoration: underline; font-size: 1.3em;}
#main #classinfo {width: 200px; float: left; border-left: 1px solid #cecece;}
#main #classinfo ul {margin: 0 0 25px 0;}
#main #classinfo ul li {color: #333; font-size: 1.1em; font-weight: bold; list-style: none; margin: 0 0 5px 0;}
#main #classinfo ul li a {background: url(../academics/images/contact-arrow.gif) no-repeat 0 center; color: #666; margin: 0 0 0 10px; padding: 0 0 0 15px;}
#main #classinfo #contact {background: url(../academics/images/bg-contact.gif) no-repeat 0 100%; padding: 0 0 15px 0;}
#main #classinfo #contact h3 {background: url(../academics/images/title-teacher-contact.gif) no-repeat; width: 172px; height: 20px; margin: 0; padding: 0 0 15px 0;}
#main #classinfo #contact ul {margin: 0;}
#main #classinfo #contact ul li {font-weight: normal; margin: 0 0 15px 15px;}
#main #classinfo #contact ul li a {background: none; color: #b00; margin: 0; padding: 0; text-decoration: underline;}
#copy, #classinfo {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}
/*end academics three column styles*/

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.gif) repeat-y; float: left; width: 175px; position: relative;}
#sidebar h3 {background: url(../images/sidebar-title.gif) no-repeat; width: 171px; height: 43px; margin: 0 0 0 4px; display: block;}
.aboutus #sidebar h3 {background: url(../aboutus/images/sidebar-title.gif) no-repeat 0 100%;}
.academics #sidebar h3 {background: url(../academics/images/sidebar-title.gif) no-repeat 0 100%;}
.alumni #sidebar h3 {background: url(../alumni/images/sidebar-title.gif) no-repeat 0 100%;}
.arts #sidebar h3 {background: url(../arts/images/sidebar-title.gif) no-repeat 0 100%;}
.athletics #sidebar h3 {background: url(../athletics2/images/sidebar-title.gif) no-repeat 0 100%;}
.guidance #sidebar h3 {background: url(../guidance/images/sidebar-title.gif) no-repeat 0 100%;}
.parents #sidebar h3 {background: url(../parents/images/sidebar-title.gif) no-repeat 0 100%;}
.studentlife #sidebar h3 {background: url(../studentlife/images/sidebar-title.gif) no-repeat 0 100%;}
#sidebar ul#sidebarNav {min-height: 110px; margin: 0 0 15px 0; padding: 15px 10px 20px 10px;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {color: #666; padding: 5px 0 5px 5px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block;}
#sidebar ul#sidebarNav li a:hover, #sidebar ul#sidebarNav li a.selected {background: url(../images/sidebarNav-line.gif) no-repeat 0 center; color: #d00;}
#sidebar ul#sidebarNav li ul {margin: 0 0 0 10px; padding: 0 10px 0 0;}
#sidebar ul#sidebarNav li ul li a {background: url(../images/sidebarNav-line2.gif) no-repeat 0 center; padding: 2px 0 2px 8px; font-weight: normal; text-transform: none;}
#sidebar ul#sidebarNav li ul li a:hover, #sidebar ul#sidebarNav li ul li a.selected {background: url(../images/sidebarNav-line2.gif) no-repeat 0 center; color: #666; text-decoration: underline;}
#sidebar ul#sidebarUtilNav {margin: 0 0 20px 10px;}
#sidebar ul#sidebarUtilNav li {list-style: none;}
#sidebar ul#sidebarUtilNav a {margin: 0 0 10px 0;}
#sidebar ul#sidebarUtilNav a#mglnk {background: url(../images/sidebarUtilNav-mglnk.jpg) no-repeat; width: 151px; height: 94px; display: block;}
#sidebar ul#sidebarUtilNav a#mglnk:hover {background-position: 0 -94px;}

#main, #sidebar {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;}