body {background: #fff url(../images/bg-home-body.jpg) repeat-x; color: #555;}
div.solid {background: url(../images/bg-home-header.jpg) no-repeat; width: 960px; height: 338px; margin: 0 0 0 -480px; top: 32px; left: 50%; position: absolute; display: block;}
div.pattern {background: url(../images/bg-header-pattern.png); width: 100%; height: 338px; top: 32px; left: 0px; position: absolute; display: block;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 370px; margin: 0 0 2px 0; position: relative; z-index: 99;}
#header p#dateTime {color: #35281b; width: 340px; padding: 0 0 0 2.3em; float: left; line-height: 2.73;}
#header p#dateTime .day {margin: 0 .1em 0 0; padding: 0 .7em 0 0; border-right: 2px solid #7e1cbe; text-transform: uppercase;}
#header p#dateTime .month {text-transform: uppercase;}
#header p#dateTime .date {}
#header p#dateTime .weather {padding: 0 0 0 .5em;}
#header p#dateTime .weather .temperature {color: #539; font-size: 1.1em; font-weight: bold;}
#header p#dateTime .weather .condition {color: #327; font-size: 1.1em; font-weight: bold;}
#header ul#utilityNav {padding: 0 .3em 0 0; font-size: 1em; float: right;}
#header ul#utilityNav li {margin: 0 0 0 .6em; display: block; float: left;}
#header ul#utilityNav li a {color: #35281b; line-height: 3;}
#header ul#utilityNav li form {background: url(../images/bg-search.png) no-repeat; width: 160px; height: 18px; margin: 6px 0 0 0; position: relative;}
#header ul#utilityNav li form input#txtSearch {color: #538; width: 129px; height: 14px; padding: 0; top: 1px; left: 4px; position: absolute; font-size: 1em; line-height: 1.4; border: 1px solid #fff;}
#header ul#utilityNav li form button {width: 19px; height: 16px; top: 1px; left: 137px; position: absolute; display: block;}
#header ul#utilityNav li a#usd230Link {background: url(../images/logo-usd_230.png) no-repeat 100% 0; width: 26px; height: 25px; margin: 3px 0 0 0; padding: 0 130px 0 0; display: block; text-indent: -9999em; overflow: hidden;}
#header ul#headerNav {background: url(../images/bg-headerNav.png) no-repeat; width: 100%; height: 50px; top: 32px; left: 0; position: absolute; z-index: 999; clear: both;}
#header ul#headerNav li {height: 50px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -50px;}
#header ul#headerNav li a {background: transparent; height: 50px; left: 0; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#at {background-image: url(../images/headerNav-atlnk.png); width: 67px; left: 137px;}
#header ul#headerNav li#at a#atlnk {width: 67px;}
#header ul#headerNav li#as {background-image: url(../images/headerNav-aslnk.png); width: 107px; left: 223px;}
#header ul#headerNav li#as a#aslnk {width: 103px;}
#header ul#headerNav li#av {background-image: url(../images/headerNav-avlnk.png); width: 91px; left: 352px;}
#header ul#headerNav li#av a#avlnk {width: 91px;}
#header ul#headerNav li#al {background-image: url(../images/headerNav-allnk.png); width: 88px; left: 462px;}
#header ul#headerNav li#al a#allnk {width: 88px;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.png); width: 156px; left: 572px;}
#header ul#headerNav li#ss a#sslnk {width: 156px;}
#header ul#headerNav li#ai {background-image: url(../images/headerNav-ailnk.png); width: 71px; left: 752px;}
#header ul#headerNav li#ai a#ailnk {width: 71px;}
/*USD 230 sites link positioned in the utility nav*/
#header ul#headerNav li#us {background-image: url(../images/headerNav-uslnk.png); width: 108px; height: 18px; top: -26px; left: 806px;}
#header ul#headerNav li#us a#uslnk {width: 108px; height: 26px; cursor: default;}
#header ul#headerNav li#us:hover, #header ul#headerNav li#us.iehover {background-position: 0 -18px;}

/*1st level dropdown*/
#header ul#headerNav li ul {background: #ddc8e5 url(../images/bg-headerNav-ul.gif) repeat-x; color: #463321; width: 17.8em; height: auto; margin: 37px 0 0 0; padding: 8px 0; left: -9999em; position: absolute; z-index: 99; border-radius: 0 0 .5em .5em; -moz-border-radius: 0 0 .5em .5em; -webkit-border-bottom-left-radius: .5em; -webkit-border-bottom-right-radius: .5em;}
#header ul#headerNav li#us ul {margin: 26px 0 0 0;}
#header ul#headerNav li ul li {height: auto; top: auto; display: block; position: relative;}
#sidebar ul#sidebarNav li a,
#sidebar ul#banners li,
#sidebar .upcomingEvents h3 {zoom: 1;}
#header ul#headerNav li ul li a {background: url(../images/headerNav-line01.gif) no-repeat 12px 12px; color: #463321; height: auto; padding: 5px 10px 5px 22px; left: auto; font-size: 1.1em; position: relative; text-decoration: none; text-indent: 0;}
#header ul#headerNav li ul li a:hover {text-decoration: underline;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}
#header ul#headerNav li#ai:hover ul, #header ul#headerNav li#ai.iehover ul,#header ul#headerNav li#us:hover ul, #header ul#headerNav li#us.iehover ul {left: auto; right: 0;}
#header #flash-content {background: url(../swf/banner-flash-home.png) no-repeat; width: 960px; height: 338px; top: 32px; left: 0px; position: absolute;}
#header #flash {top: 32px; left: 0px; position: absolute;}

/**************************************************content area********************************************/
#content {margin: 0 18px 50px; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: #fff; width: 648px; min-height: 500px; margin: 0; padding: 10px 0 0; position: relative; float: left;}/*see ie.css for fixes*/
#main #announcements {background: url(../images/bg-announcements.gif) no-repeat; width: 620px; min-height: 65px; margin: 0 14px; padding: 50px 0 15px 0; font-size: 1.2em; line-height: 1.17;}
#main #announcements ul {margin: 0 30px 20px 60px;}
#main #announcements ul li {color: #988; margin: 0 0 3px;}
#main #announcements ul li span {color: #811; font-weight: bold;}
#main #contentContainer {margin: 0 30px; padding: 15px 0 0 0; font-size: 1.2em; line-height: 1.17;}
#main img.left {float: left; margin: 0 12px 20px 0;}
#main img.right {float: right; margin: 0 0 20px 12px;}
#main h2#titleHighSchoolNews {background: url(../images/title-high_school_news.gif) no-repeat; width: 495px; height: 30px; margin: 0 0 15px 0; text-indent: -9999em;}
#main h3 {color: #811; font-size: 1em;}
#main h3 a {color: #811;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ul#highSchoolNews {margin: 0 27px 20px 27px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ul#highSchoolNews li {background: url(../images/divider.gif) no-repeat 0 100%; margin: 0 0 20px 0; list-style: none;}
#main ul#highSchoolNews li:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main ol 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 dl {margin: 0 0 20px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 600px; margin: 0 0 20px 0; border: 1px solid #910000;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
.leftImageClear,.righttImageClear {display: none;}

/**************************************************left column*********************************************/
#sidebar {width: 261px; padding: 2px 0 0 0; position: relative; float: left;}
#sidebar ul#banners {width: 261px; margin: 0 0 1px 0; position: relative;}
#sidebar ul#banners li {list-style: none; display: inline;}
#sidebar ul#banners li a {width: 261px; height: 39px; margin: 0 0 2px 0; display: block; text-indent: -9999em; overflow: hidden;}
#sidebar ul#banners li a:hover {background-position: -261px 0;}
#sidebar ul#banners li a#ekBanner {background-image: url(../images/banner-hm-eklnk.jpg); }
#sidebar ul#banners li a#ssBanner {background-image: url(../images/banner-hm-sslnk.jpg); }
#sidebar ul#banners li a#fsBanner {background-image: url(../images/banner-hm-fslnk.jpg); }
#sidebar ul#banners li a#msBanner {background-image: url(../images/banner-hm-mslnk.jpg); }

#sidebar h2#titleUpcomingEvents {background: url(../images/title-upcoming_events.gif) no-repeat; width: 261px; height: 52px; text-indent: -9999em;}
#sidebar .upcomingEvents {background: #fcefc4; padding: 10px 20px 20px 30px; font-size: 1.2em; line-height: 1.17; border-bottom-right-radius: .83em; -moz-border-radius-bottomright: .83em; -webkit-border-bottom-right-radius: .83em;}
#sidebar .upcomingEvents h3 {background: url(../images/line-sidebar-h3.gif) no-repeat 0 100%; margin: 0 0 10px; padding: 0 0 5px; font-size: 1em;}
#sidebar .upcomingEvents ul {margin: 0 0 5px 0;}
#sidebar .upcomingEvents ul li {color: #bbb; margin: 0 0 15px 0; font-size: .75em; list-style: square;}
#sidebar .upcomingEvents ul li span {color: #555; font-size: 1.33em;}
#sidebar .upcomingEvents ul li a {color: #674ea1; font-size: 1.33em;}
#sidebar .upcomingEvents ul li a:hover {}

/**************************************************footer**************************************************/
#footerWrap {background: #ba9 url(../images/bg-footerWrap.jpg); min-height: 80px; position: relative; clear: both; border-top: 2px solid #ca81e3;}
#footer {color: #221; width: 910px; margin: 0 auto; padding: 15px 25px; position: relative; font-size: 1.2em; line-height: 1.5;}
#footer address {font-style: normal; display: inline;}
#footer ul#footerNav {width: 100%;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer a {color: #221;}