body {background: #ccb; color: #333;}/*see ie.css for fixes*/
#wrap {width: 960px; margin: 0 auto; position: relative; font-size: 1em;}/*see ie.css for fixes*/

/**************************************************header**************************************************/
#header {height: 295px; position: relative; z-index: 9999;}
#header h1 {background: url(../images/logo-home.gif) no-repeat; width: 227px; height: 272px; top: 29px; left: 0; position: absolute;}
#header a#ksdlnk {background: url(../images/logo-ksdlnk.gif) no-repeat; width: 197px; height: 24px; top: 6px; right: 13px; position: absolute;}
#header a#ksdlnk:hover {background-position: 0 -24px;}
#header ul#headerNav {background: #fff; width: 733px; height: 38px; top: 263px; right: 0; position: absolute; z-index: 999;}
#header ul#headerNav li {list-style: none; display: inline;}
#header ul#headerNav li#op {background: url(../images/headerNav-hm-oplnk.gif) no-repeat; width: 142px; height: 38px; top: 0px; left: 0px; position: absolute; display: block;}
#header ul#headerNav li#op:hover, #header ul#headerNav li#op.hdrhover, .programs #header ul#headerNav li#op {background-position: 0 -38px;}
#header ul#headerNav li#op a#oplnk {width: 138px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#fp {background: url(../images/headerNav-hm-fplnk.gif) no-repeat; width: 142px; height: 38px; top: 0px; left: 142px; position: absolute; display: block;}
#header ul#headerNav li#fp:hover, #header ul#headerNav li#fp.hdrhover, .parents #header ul#headerNav li#fp {background-position: 0 -38px;}
#header ul#headerNav li#fp a#fplnk {width: 142px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ju {background: url(../images/headerNav-hm-julnk.gif) no-repeat; width: 74px; height: 38px; top: 0px; left: 284px; position: absolute; display: block;}
#header ul#headerNav li#ju:hover, #header ul#headerNav li#ju.hdrhover, .joinus #header ul#headerNav li#ju {background-position: 0 -38px;}
#header ul#headerNav li#ju a#julnk {width: 74px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#pt {background: url(../images/headerNav-hm-ptlnk.gif) no-repeat; width: 166px; height: 38px; top: 0px; left: 358px; position: absolute; display: block;}
#header ul#headerNav li#pt:hover, #header ul#headerNav li#pt.hdrhover, .teachers #header ul#headerNav li#pt {background-position: 0 -38px;}
#header ul#headerNav li#pt a#ptlnk {width: 166px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#cl {background: url(../images/headerNav-hm-cllnk.gif) no-repeat; width: 88px; height: 38px; top: 0px; left: 524px; 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 -38px;}
#header ul#headerNav li#cl a#cllnk {width: 88px; height: 38px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#cu {background: url(../images/headerNav-hm-culnk.gif) no-repeat; width: 121px; height: 38px; top: 0px; left: 612px; position: absolute; display: block;}
#header ul#headerNav li#cu:hover, #header ul#headerNav li#cu.hdrhover, .contactus #header ul#headerNav li#cu {background-position: 0 -38px;}
#header ul#headerNav li#cu a#culnk {width: 121px; 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: 0; left: -9999px; position: absolute; z-index: 99;}
#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#cu:hover ul, #header ul#headerNav li#cu.hdrhover ul {left: auto; right: 0;}

#header #flashcontent {background: url(../images/header-home-banner.jpg) no-repeat; width: 733px; height: 234px; top: 29px; left: 227px; position: absolute; z-index: 9;}
#header #flashcontent #flash {width: 733px; height: 234px;}
#header .flasherror {background: #fff; color: red; border: 5px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}

/**************************************************content area********************************************/
#content {background: #ffe url(../images/title-news.gif) no-repeat; 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 .leftImg, #content .left {float: left; margin: 0 20px 20px 27px; border: 2px solid #cdcdcd;}
#content .rightImg, #content .right {float: right; margin: 0 27px 20px 20px; border: 2px solid #cdcdcd;}

/**************************************************main column*********************************************/
#main {float: left; margin-top: 79px; margin-left: 215px; width: 513px; min-height: 400px; position: relative;}/*see ie.css for fixes*/
#main h3 {font-weight: bold; font-size: 1.2em; margin: 0 20px 3px 38px;}
#main h4 {font-style: italic; font-size: 1.1em; font-weight: normal; margin: 0 23px 3px 38px;}
#main p {margin: 0 23px 10px 38px; 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: 463px; border: none; border-bottom: 1px solid #d2d3de; margin: 0 23px 20px 38px; clear: both;}
#main ul {margin: 0 23px 10px 58px; font-size: 1.1em; line-height: 1.3;}

/**************************************************left column*********************************************/
#sidebar {background: #eed; float: left; margin-top: 53px; margin-left: -728px; width: 214px; position: relative; border-right: 1px solid #987;}
#sidebar #address {background: url(../images/sidebar-address.gif) no-repeat; width: 214px; height: 53px; margin: 30px 0 0 0; display: block;}
#sidebar #enroll {background: url(../images/sidebar-enroll.gif) no-repeat; width: 214px; height: 33px; margin: 30px 0 0 0; display: block;}
#sidebar #subscribe a {background: url(../images/sidebar-subscribe.gif) no-repeat; width: 214px; height: 33px; margin: 30px 0 0 0; display: block;}
#sidebar #voteNovember a {background: url(../images/sidebar-vote-november2.gif) no-repeat; width: 214px; height: 33px; margin: 30px 0 0 0; display: block;}
#sidebar #media a {background: url(../images/sidebar-media.jpg) no-repeat; width: 214px; height: 101px; margin: 30px 0 0 0; display: block;}
#sidebar #media a:hover {background-position: 0 -101px;}

/**************************************************right column********************************************/
#main_2 {background: #ffe; float: left; width: 231px; margin: 80px 0 25px 0; position: relative; border-left: 1px solid #987;}
#main_2 h2 {margin: 12px 0 20px 20px; font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
#main_2  ul {margin: 0 20px;}
#main_2  ul li {margin: 0 0 20px 0; list-style: none;}
#main_2  ul li h3 {font-weight: bold; font-size: 1em;}
#main_2  ul li h4 {font-weight: normal; font-style: italic; font-size: 1em;}

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

/**************************************************footer**************************************************/
#footer {background: #db0000; clear: both; position: relative;}
#footer ul#footerNav {width: 400px; padding: 10px 0 30px 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; white-space: nowrap;}
#footer ul#footerNav 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: #ccb 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;}

/* New Slideshow Styles - Replace Flash */
#header {height:301px;}
#header h1 {background: url(/images/kecc-logo.png) no-repeat scroll 0 0 transparent; height: 272px; left:0; position: absolute; bottom:0; width: 245px; z-index:99;}
#header #slideshow-wrap {top:29px; height: 234px; left: 227px; position: absolute; width: 733px; z-index: 9; background:url(/images/kecc-default-slide.jpg)}
#header #slideshow-wrap #slideshow {position:absolute; top:0; left:0; width:733px; height:234px;}
#header #slideshow-wrap #slideshow li {display:none; list-style:none; margin:0; width:733px; height:234px; overflow:hidden;}
#header #slideshow-wrap #slideshow li:first-child {display:block;}
#header #slideshow-wrap #slideshow-nav {display:block; height:31px; width:145px; position:absolute; left:0; bottom:0px; background:url(/images/kecc-slideshow-nav.png) no-repeat; z-index:99; padding:19px 0 0 28px;}
#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;}

#content {background:url(/images/title-news.gif) no-repeat scroll 0 0 #FFFFEE;}