body {background: #fff url(../images/bg-body.jpg) repeat-x; color: #333;}
div.solid {background: url(../images/bg-header-burst.jpg) no-repeat; width: 960px; height: 189px; 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: 189px; top: 32px; left: 0px; position: absolute; display: block;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background-image: url(../images/bg-header.png); background-repeat: no-repeat; background-position: 0 32px; height: 223px; position: relative; z-index: 2;}
/*about headers*/
.about #header {background-image: url(../images/about/bg-header.png);}
.about.principalsmessage #header {background-image: url(../images/about/bg-header-principalsmessage.png);}
.about.schoolprofile #header {background-image: url(../images/about/bg-header-schoolprofile.png);}
.about.achievements #header {background-image: url(../images/about/bg-header-achievements.png);}
.about.handbook #header {background-image: url(../images/about/bg-header-handbook.png);}
.about.facilities #header {background-image: url(../images/about/bg-header-facilities.png);}
.about.news #header {background-image: url(../images/about/bg-header-news.png);}
/*academics*/
.academics #header {background-image: url(../images/academics/bg-header.png);}
.academics.courses #header {background-image: url(../images/academics/bg-header-courses.png);}
.academics.facultywebsites #header {background-image: url(../images/academics/bg-header-facultywebsites.png);}
.academics.counselorscorner #header {background-image: url(../images/academics/bg-header-counselorscorner.png);}
.academics.mediacenter #header {background-image: url(../images/academics/bg-header-mediacenter.png);}
.academics.technology #header {background-image: url(../images/academics/bg-header-technology.png);}
/*activities*/
.activities #header {background-image: url(../images/activities/bg-header.png);}
.activities.activitieshandbook #header {background-image: url(../images/activities/bg-header-activitieshandbook.png);}
.activities.academiccompetition #header {background-image: url(../images/activities/bg-header-academiccompetition.png);}
.activities.band #header {background-image: url(../images/activities/bg-header-band.png);}
.activities.choir #header {background-image: url(../images/activities/bg-header-choir.png);}
.activities.newspaper #header {background-image: url(../images/activities/bg-header-newspaper.png);}
.activities.orchestra #header {background-image: url(../images/activities/bg-header-orchestra.png);}
.activities.studentadvisorycouncil #header {background-image: url(../images/activities/bg-header-studentadvisorycouncil.png);}
.activities.yearbook #header {background-image: url(../images/activities/bg-header-yearbook.png);}
#SHMS8thgradeplay.activities #header {background-image: url(../images/activities/bg-header-8thgradeplay.png);}
.activities.moreactivities #header {background-image: url(../images/activities/bg-header-moreactivities.png);}
/*athletics*/
.athletics #header {background-image: url(../images/athletics/bg-header.png);}
.athletics.fallsports #header {background-image: url(../images/athletics/bg-header-fallsports.png);}
.athletics.wintersports #header {background-image: url(../images/athletics/bg-header-wintersports.png);}
.athletics.springsports #header {background-image: url(../images/athletics/bg-header-springsports.png);}
.athletics.contactus #header {background-image: url(../images/athletics/bg-header-contactus.png);}
/*students & parents*/
.studentsparents #header {background-image: url(../images/studentsparents/bg-header.png);}
.studentsparents.announcements #header {background-image: url(../images/studentsparents/bg-header-announcements.png);}
.studentsparents.ebackpack #header {background-image: url(../images/studentsparents/bg-header-ebackpack.png);}
.studentsparents.newsletter #header {background-image: url(../images/studentsparents/bg-header-newsletter.png);}
.studentsparents.mealmenu #header {background-image: url(../images/studentsparents/bg-header-mealmenu.png);}
.studentsparents.pto #header {background-image: url(../images/studentsparents/bg-header-pto.png);}
.studentsparents.registration #header {background-image: url(../images/studentsparents/bg-header-registration.png);}
.studentsparents.skyward #header {background-image: url(../images/studentsparents/bg-header-skyward.png);}
.studentsparents.studentresources #header {background-image: url(../images/studentsparents/bg-header-studentresources.png);}
.studentsparents.schoolsupplies #header {background-image: url(../images/studentsparents/bg-header-schoolsupplies.png);}
.studentsparents.handbook #header {background-image: url(../images/studentsparents/bg-header-handbook.png);}
.studentsparents.sitecouncil #header {background-image: url(../images/studentsparents/bg-header-sitecouncil.png);}
/*utility*/
.directory #header {background-image: url(../images/directory/bg-header.png);}
.calendar #header {background-image: url(../images/calendar/bg-header.png);}
.contactus #header {background-image: url(../images/contactus/bg-header.png);}
#header h1 a {width: 275px; height: 100px; top: 102px; left: 180px; position: absolute; display: block;}
#header h2 {background: url(../images/title-section.png); background-repeat: no-repeat; width: 61px; height: 325px; top: 230px; left: 12px; position: absolute; text-indent: -9999em; z-index: 9999;}
.about #header h2 {background-image: url(../images/about/title-section.png);}
.academics #header h2 {background-image: url(../images/academics/title-section.png);}
.activities #header h2 {background-image: url(../images/activities/title-section.png);}
.athletics #header h2 {background-image: url(../images/athletics/title-section.png);}
.studentsparents #header h2 {background-image: url(../images/studentsparents/title-section.png);}
.directory #header h2 {background-image: url(../images/directory/title-section.png);}
.calendar #header h2 {background-image: url(../images/calendar/title-section.png);}
.contactus #header h2 {background-image: url(../images/contactus/title-section.png);}
.search #header h2 {background-image: url(../images/search/title-section.png);}
.privacypolicy #header h2 {background-image: url(../images/privacypolicy/title-section.png);}
#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 #539; 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: #237; 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#he {background-image: url(../images/headerNav-helnk.png); width: 71px; left: 127px;}
#header ul#headerNav li#he a#helnk {width: 71px;}
#header ul#headerNav li#at {background-image: url(../images/headerNav-atlnk.png); width: 67px; left: 220px;}
.about #header ul#headerNav li#at {background-position: 0 -50px;}
#header ul#headerNav li#at a#atlnk {width: 67px;}
#header ul#headerNav li#as {background-image: url(../images/headerNav-aslnk.png); width: 107px; left: 312px;}
.academics #header ul#headerNav li#as {background-position: 0 -50px;}
#header ul#headerNav li#as a#aslnk {width: 107px;}
#header ul#headerNav li#av {background-image: url(../images/headerNav-avlnk.png); width: 91px; left: 444px;}
.activities #header ul#headerNav li#av {background-position: 0 -50px;}
#header ul#headerNav li#av a#avlnk {width: 91px;}
#header ul#headerNav li#al {background-image: url(../images/headerNav-allnk.png); width: 88px; left: 559px;}
.athletics #header ul#headerNav li#al {background-position: 0 -50px;}
#header ul#headerNav li#al a#allnk {width: 88px;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.png); width: 156px; left: 673px;}
.studentsparents #header ul#headerNav li#ss {background-position: 0 -50px;}
#header ul#headerNav li#ss a#sslnk {width: 156px;}
/*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;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.gif) no-repeat; margin: 0 25px; padding: 0 0 50px; position: relative; z-index: 1;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 696px; min-height: 500px; margin-left: 214px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul#breadcrumbs {margin: 11px 45px 20px 35px;}
#main ul#breadcrumbs li {color: #999; list-style: none; display: inline; font-size: 1.2em; line-height: 1.5; font-style: italic;}
#main ul#breadcrumbs li a {color: #999;}
#main ul#breadcrumbs li a:hover {}
#main #contentContainer {margin: 0 45px 0 35px; font-size: 1.2em; line-height: 1.5;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3.pageTitle {color: #74a; margin: 0 0 15px 0; font-weight: bold; font-size: 1.5em; line-height: 1.11; text-transform: uppercase;}
#main h3 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.25em;}
#main h4 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.08em;}
#main h5 {margin: 0 0 5px 0; font-weight: bold; font-size: 1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#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: auto; margin: 0 0 20px 0; border: 1px solid #64a;}
#main table thead tr th, #main table tfoot tr td {background: #64a; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #64a; vertical-align: middle;}
a.grunt-file-pdf,a.filepdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc,a.filedoc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt,a.fileppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls,a.filexls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt,a.filetxt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*athletics*/
.athletics #main {width: 465px;}
.athletics #main h3.featured {color: #333; font-size: 1.17em; text-transform: uppercase;}
.athletics #main h4 {color: #74a; margin: 0 0 8px; font-size: 1.25em; line-height: 1.1em;}
.athletics #main h4.moreNews {color: #333; margin: 0 0 8px; font-size: 1em; line-height: 1.5em; clear: both;}
.athletics #main h4 a {color: #74a;}
.athletics #main h5 {color: #74a; margin: 0 0 3px; font-size: 1em; line-height: 1.5em;}
.athletics #main h5 a {color: #74a;}
.athletics #main ul.moreNewsListing {margin: 0 0 20px;}
.athletics #main ul.moreNewsListing li {list-style: none; border-bottom: 1px solid #acd;}
.athletics #main ul.moreNewsListing {}
#main p.dateModified {clear: both;}
div.meta {color: #555; margin: 0 0 10px 0; font-size: .92em;}
div.meta .sport {text-transform: uppercase;}
#main #cancellations {background: url(../images/athletics/bg-cancellation.gif) no-repeat 0 100%; width: 425px; margin: 0 0 20px -15px; padding: 0 0 13px 0;}
#main #cancellations h3 {background: url(../images/athletics/title-cancellation_notice.gif) no-repeat; width: 425px; height: 42px; margin: 0; display: block; text-indent: -9999em;}
#main #cancellations ul {background: url(../images/athletics/bg-cancellation-ul.gif) repeat-y; margin: 0; padding: 0 0 5px 0;}
#main #cancellations ul li {color: #eee; margin: 0 0 10px 0; padding: 0 30px; font-size: .92em; list-style: none; display: block;}
#main p.teamInfo {margin: 0 0 5px; text-transform: uppercase;}
#main p.teamInfo a.selected {color: #333; font-weight: bold;}
#main ul.coachesRecord {background: #4e70b1 url(../images/athletics/bg-coachesRecord.gif) repeat-x 0 100%; color: #fff; margin: 0 0 15px -15px; padding: 15px 15px 0; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;}
#main ul.coachesRecord:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main ul.coachesRecord li {width: 45%; list-style: none;}
#main ul.coachesRecord li.leftcol {float: left;}
#main ul.coachesRecord li.rightcol {float: right; text-align: right;}
#main ul.coachesRecord li h4 {color: #fff; margin: 0 0 5px; display: inline-block; font-weight: normal; font-size: 1.17em; text-transform: uppercase; border-bottom: 1px solid #fff;}
#main ul.coachesRecord li p.record {color: #9cf; margin: 0; font-size: 1.5em; font-weight: bold;}
#main ul.coachesRecord li ul {margin: 0;}
#main ul.coachesRecord li ul li {width: auto; margin: 0;}
#main p.archives {color: #555; text-transform: uppercase; font-size: .92em;}
#main p.archives a {color: #555; text-decoration: underline;}
#main p.archives a:hover {color: #333;}
#main table.rosterTable {width: 95%; border-width: 1px 0 0;}
#main table.rosterTable tr.alt {background-color: #eee;}

/**************************************************right column********************************************/
#main_2 {background: url(../images/athletics/bg-main_2.gif) repeat-y; width: 231px; margin: 18px 0 0 0; padding: 5px 0; position: relative; font-size: 1.2em; line-height: 1.5; float: left; border-top-left-radius: .83em; border-bottom-left-radius: .83em; -moz-border-radius-topleft: .83em; -moz-border-radius-bottomleft: .83em; -webkit-border-top-left-radius: .83em; -webkit-border-bottom-left-radius: .83em;}
#main_2 h3.titleSchedule {background: url(../images/athletics/bg-schedule-top.png) no-repeat; color: #74a; padding: 19px 0 0 24px; font-size: 1em;}
#main_2 .schedule {background: url(../images/athletics/bg-schedule-bottom.png) no-repeat 0 100%; width: 183px; margin: 0 0 20px; padding: 10px 24px 24px 24px; position: relative;}
#main_2 .schedule table {}
#main_2 .schedule table {color: #666; width: auto; margin: 0 0 10px 0; font-size: .83em;}
#main_2 .schedule table tbody tr.home {font-weight: bold;}
#main_2 .schedule table tbody tr td {padding: 5px; vertical-align: top;}
#main_2 .schedule table tbody tr td.col1 {padding: 0 5px 0 0;}
#main_2 .schedule table tbody tr td.col2 {padding: 0 5px;}
#main_2 .schedule table tbody tr td.col3 {padding: 0 5px 0 0;}
#main_2 p.note {color: #666; margin: 0 0 5px 0; font-size: .83em;}
#main_2 .schedule ul#icons {}
#main_2 .schedule ul#icons li {list-style: none; display: inline;}
#main_2 .schedule ul#icons li a {background-repeat: no-repeat; padding: 0 0 0 24px; display: block;}
#main_2 .schedule ul#icons li a#peicon {background-image: url(../images/athletics/icon-print.gif);}
#main_2 .schedule ul#icons li a#tsicon {background-image: url(../images/athletics/icon-email.gif);}
#main_2 .schedule ul#icons li a#rsicon {background-image: url(../images/athletics/icon-rss.gif);}
#main_2 ul#noticesList {margin: 0 15px 15px 35px; font-size: .83em;}
#main_2 ul#noticesList li {margin: 0 0 5px 0;}
#main_2 ul#noticesList li h3 {color: #64a; font-size: 1em;}
#main_2 ul#noticesList li p {}

/**************************************************left column*********************************************/
#sidebar {width: 214px; margin-left: -910px; position: relative; float: left;}
#sidebar ul#sidebarNav {background: #f8f8f8; min-height: 275px; margin: 0 0 0 7px; padding: 25px 20px 25px 42px; font-size: 1.2em; line-height: 1.67; border: 1px solid #eee; border-bottom-right-radius: .83em; -moz-border-radius-bottomright: .83em; -webkit-border-bottom-right-radius: .83em;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {color: #888; display: block;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {color: #9b5102; text-decoration: none;}
/*level 2*/
#sidebar ul#sidebarNav li ul {margin: 0;}
#sidebar ul#sidebarNav li ul li {}
#sidebar ul#sidebarNav li ul li a {background: url(../images/line-sidebarNav01.gif) no-repeat 0 10px; padding: 0 0 0 8px;}
#sidebar ul#sidebarNav li ul li a:hover,#sidebar ul#sidebarNav li ul li a.seleceted {background: url(../images/line-sidebarNav02.gif) no-repeat 0 10px;}
/*level 3*/
#sidebar ul#sidebarNav li ul li ul {margin: 0 0 0 8px;}
#sidebar ul#sidebarNav li ul li ul li {}
#sidebar ul#sidebarNav li ul li ul li a {background: url(../images/bullet-sidebarNav01.gif) no-repeat 0 9px; padding: 0 0 0 8px;}
#sidebar ul#sidebarNav li ul li ul li a:hover,#sidebar ul#sidebarNav li ul li ul li a.selected {background: url(../images/bullet-sidebarNav02.gif) no-repeat 0 9px;}
/*level 4*/
#sidebar ul#sidebarNav li ul li ul li ul {}
#sidebar ul#sidebarNav li ul li ul li ul li {}
#sidebar ul#sidebarNav li ul li ul li ul li a {background: url(../images/line-sidebarNav01.gif) no-repeat 0 10px; padding: 0 0 0 8px;}
#sidebar ul#sidebarNav li ul li ul li ul li a:hover,#sidebar ul#sidebarNav li ul li ul li ul li a.selected {background: url(../images/line-sidebarNav02.gif) no-repeat 0 10px;}

/**************************************************footer**************************************************/
#footerWrap {background: #4f3118 url(../images/bg-footerWrap.jpg); min-height: 80px; position: relative; clear: both; border-top: 2px solid #379;}
#footer {color: #fff; 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: #fff;}