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

/**************************************************header**************************************************/
#header {background: url(../images/header-home-banner.jpg) no-repeat 0 100%; height: 355px; position: relative; z-index: 9999;}
#header h1 {top: 34px; left: 34px; position: absolute;}
#header ul#headerNav {width: 619px; height: 28px; top: 56px; left: 321px; 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: 89px; height: 28px; 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 -28px;}
#header ul#headerNav li#au a#aulnk {width: 89px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#sh {background: url(../images/headerNav-shlnk.gif) no-repeat; width: 89px; height: 28px; top: 0px; left: 89px; position: absolute; display: block;}
#header ul#headerNav li#sh:hover, #header ul#headerNav li#sh.hdrhover, .schools #header ul#headerNav li#sh {background-position: 0 -28px;}
#header ul#headerNav li#sh a#shlnk {width: 89px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#cl {background: url(../images/headerNav-cllnk.gif) no-repeat; width: 99px; height: 28px; top: 0px; left: 178px; position: absolute; display: block;}
#header ul#headerNav li#cl:hover, #header ul#headerNav li#cl.hdrhover, .calendar #header ul#headerNav li#cl {background-position: 0 -28px;}
#header ul#headerNav li#cl a#cllnk {width: 99px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#pt {background: url(../images/headerNav-ptlnk.gif) no-repeat; width: 68px; height: 28px; top: 0px; left: 277px; 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 -28px;}
#header ul#headerNav li#pt a#ptlnk {width: 68px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#st {background: url(../images/headerNav-stlnk.gif) no-repeat; width: 75px; height: 28px; top: 0px; left: 345px; position: absolute; display: block;}
#header ul#headerNav li#st:hover, #header ul#headerNav li#st.hdrhover, .students #header ul#headerNav li#st {background-position: 0 -28px;}
#header ul#headerNav li#st a#stlnk {width: 75px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#sf {background: url(../images/headerNav-sflnk.gif) no-repeat; width: 50px; height: 28px; top: 0px; left: 420px; position: absolute; display: block;}
#header ul#headerNav li#sf:hover, #header ul#headerNav li#sf.hdrhover, .staff #header ul#headerNav li#sf {background-position: 0 -28px;}
#header ul#headerNav li#sf a#sflnk {width: 50px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#cm {background: url(../images/headerNav-cmlnk.gif) no-repeat; width: 94px; height: 28px; top: 0px; left: 470px; position: absolute; display: block;}
#header ul#headerNav li#cm:hover, #header ul#headerNav li#cm.hdrhover, .community #header ul#headerNav li#cm {background-position: 0 -28px;}
#header ul#headerNav li#cm a#cmlnk {width: 94px; height: 28px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#vs {background: url(../images/headerNav-vslnk.gif) no-repeat; width: 55px; height: 28px; top: 0px; left: 564px; position: absolute; display: block;}
#header ul#headerNav li#vs:hover, #header ul#headerNav li#vs.hdrhover, .visitors #header ul#headerNav li#vs {background-position: 0 -28px;}
#header ul#headerNav li#vs a#vslnk {width: 55px; height: 28px; 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: 26px 0 0 0; padding: 2px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li#au ul {background: #eee url(../images/bg-headerNav-aulnk.gif) no-repeat;}
#header ul#headerNav li#sh ul {background: #eee url(../images/bg-headerNav-shlnk.gif) no-repeat;}
#header ul#headerNav li#cl ul {background: #eee url(../images/bg-headerNav-cllnk.gif) no-repeat;}
#header ul#headerNav li ul li a {background: #eee url(../images/headerNav-line.gif) no-repeat 0 center; 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 url(../images/headerNav-line.gif) no-repeat 0 center; 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#vs:hover ul, #header ul#headerNav li#vs.hdrhover ul {left: auto; right: 0px;}

#header #headerUtility {width: 223px; top: 0; right: 0; position: absolute;}
#header #headerUtility a#culnk {background: url(../images/header-culnk.gif) no-repeat; width: 70px; height: 8px; top: 13px; left: 0px; position: absolute; display: block;}
#header #headerUtility form input {color: #999; width: 100px; padding: 3px; top: 7px; right: 10px; 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: 9px; left: 85px; position: absolute; display: block;}

/* New Slideshow Styles - Replace Flash */
#header {background:none !important;}
#header #slideshow-wrap {bottom: 0; height: 237px; left: 0; position: absolute; width: 960px; z-index: 9; background:url(/images/district-slidewrap-bg.jpg) no-repeat;}
#header #slideshow-wrap #slideshow {position:absolute; top:0; left:0; width:960px; height:231px;}
#header #slideshow-wrap #slideshow li {display:none; list-style:none; margin:0; width:960px; height:231px; overflow:hidden;}
#header #slideshow-wrap #slideshow li:first-child {display:block;}
#header #slideshow-wrap #slideshow-nav {display:block; height:20px; width:120px; position:absolute; left:0; bottom:11px; background:url(/images/slideshow-nav-bg.png) no-repeat; padding:19px 38px 18px 14px; z-index:99;}
#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:962px; position:absolute; z-index:9999; bottom:0; left:-1px; background:url(/images/district-redbar.png) no-repeat;}
#header #slideshow-wrap .foreground2 {height:5px; width:960px; position:absolute; z-index:9999; top:0px; left:0px; background:url(../images/slideshow-whitebar.png) no-repeat;}

/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*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;}
#content .right {float: right; margin: 0 20px 20px 20px;}

/**************************************************main column*********************************************/
#main {float: left; margin-left: 270px; width: 420px; position: relative;}/*see ie.css for fixes*/
#main h2 {background: url(../images/district-title-news-events.gif) no-repeat; width: 420px; 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; 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 23px 0; clear: both;}
#main ul {margin: 0 20px 10px 40px; line-height: 1.3; font-size: 1.1em;}
#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 {background: url(../images/bg-sidebar.gif) repeat-y; float: left; margin-left: -690px; width: 270px; position: relative;}
#sidebar h3 {background: url(../images/title-interested-in.gif) no-repeat; width: 231px; height: 25px; margin: 10px 0 0 17px; display: block;}
#sidebar ul#sidebarNav {margin: 23px 0 20px 21px;}
#sidebar ul#sidebarNav li {list-style: none; margin: 0 0 5px;}
#sidebar ul#sidebarNav li a {background: url(../images/sidebarNav-arrow.gif) no-repeat 0 center; color: #333; font-size: 1.1em; text-decoration: underline; padding: 0 0 0 11px;}
#sidebar ul#sidebarNav li a:hover {color: #c00;}

/**************************************************right column********************************************/
#main_2 {background: url(../images/bg-main_2.gif) repeat-y; float: left; width: 270px; position: relative;}
#main_2 #spotlight {background: url(../images/bg-spotlight.gif) repeat-y; height: 100%; padding: 10px 0 0 23px; position: relative; border-bottom: 1px solid #666;}
#main_2 #spotlight h2 {background: url(../images/title-spotlight.gif) no-repeat; width: 247px; height: 26px; margin: 0 0 20px 0;}
#main_2 #spotlight img {margin: 0 20px 10px 10px; float: right;}
#main_2 #spotlight h3 {font-weight: bold; font-size: 1.2em; margin: 0 20px 3px 0;}
#main_2 #spotlight h4 {font-style: italic; font-size: 1.1em; margin: 0 20px 3px 0;}
#main_2 #spotlight p {margin: 0 20px 10px 0; font-size: 1.1em; line-height: 1.3;}
#main_2 #spotlight p a.readmore {background: url(../images/button-read-more.gif) no-repeat; width: 75px; height: 14px; display: block; margin: 0 0 15px 0;}
#main_2 ul#main_2Nav {margin: 9px 0 0 18px;}
#main_2 ul#main_2Nav li {list-style: none;}
#main_2 ul#main_2Nav li a {width: 232px; margin: 0 0 8px 0; display: block;}
#main_2 ul#main_2Nav li a#golnk {background: url(../images/main_2-grades-online.gif) no-repeat; height: 36px;}
#main_2 ul#main_2Nav li a#golnk:hover {background-position: 0 -36px;}
#main_2 ul#main_2Nav li a#sclnk {background: url(../images/main_2-stay-connected.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#sclnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#uelnk {background: url(../images/main_2-upcoming-events.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#uelnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#dplnk {background: url(../images/main_2-drdamerall-podcast.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#dplnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#tclnk {background: url(../images/main_2-tax-calculators.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#tclnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#kslnk {background: url(../images/main_2-pioneer-store.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#kslnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#enlnk {background: url(../images/main_2-enews-signup.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#enlnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#velnk {background: url(../images/main_2-vote-november2.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#velnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#lelnk {background: url(../images/main_2-learn_about_unite.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#lelnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#k2lnk {background: url(../images/main_2-kindergarten_2012.gif) no-repeat; height: 39px;}
#main_2 ul#main_2Nav li a#k2lnk:hover {background-position: 0 -39px;}
#main_2 ul#main_2Nav li a#p1lnk {background: url(../images/main_2-prop1.gif) no-repeat; height: 78px;}
#main_2 ul#main_2Nav li a#p1lnk:hover {background-position: 0 -78px;}
#main_2 ul#main_2Nav li a#fklnk {background: url(../images/main_2-facebook.gif) no-repeat; height: 56px;}
#main_2 ul#main_2Nav li a#fklnk:hover {background-position: 0 0px;}
#main_2 ul#main_2Nav li a#mglnk {background: url(../images/main_2-media-gallery.jpg) no-repeat; height: 106px;}
#main_2 ul#main_2Nav li a#mglnk:hover {background-position: 0 -106px;}
#main_2 ul#main_2Nav li a#pylnk {background: url(../images/main_2-khs_pioneer_pathway.jpg) no-repeat; height: 157px;}
#main_2 ul#main_2Nav li a#pylnk:hover {background-position: 0 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 5px 0 5px; position: relative; font-size: 1em;}/*see ie.css for fixes*/
#footer {background: #989898; clear: both; position: relative;}
#footer ul#footerNav {width: 570px; padding: 25px 0 25px 20px;}
#footer ul#footerNav li {list-style: none; display: inline; padding: 0 10px 0 0;	}
#footer ul#footerNav li a {color: #ddd; text-decoration: underline;}
#footer ul#footerNav li a:hover {color: #fff;}
#footer address {color: #333; margin: 11px 15px 0 0; padding: 0 0 10px 0; top: 0px; right: 0px; position: absolute; text-align: right; display: block; font-style: normal;}
#footer p#copyright {background: #910000 url(../images/bg-copyright.gif) no-repeat; color: #e55; 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;}