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;}
/*our district headers*/
.ourdistrict #header {background-image: url(../images/ourdistrict/bg-header.png);}
.ourdistrict.profile #header {background-image: url(../images/ourdistrict/bg-header-profile.png);}
.ourdistrict.boardofeducation #header {background-image: url(../images/ourdistrict/bg-header-boardofeducation.png);}
.ourdistrict.budget #header {background-image: url(../images/ourdistrict/bg-header-budget.png);}
.ourdistrict.officesdepartments #header {background-image: url(../images/ourdistrict/bg-header-officesdepartments.png);}
.ourdistrict.districtcurriculum #header {background-image: url(../images/ourdistrict/bg-header-districtcurriculum.png);}
.ourdistrict.mapslocations #header {background-image: url(../images/ourdistrict/bg-header-mapslocations.png);}
.ourdistrict.educationfoundation #header {background-image: url(../images/ourdistrict/bg-header-educationfoundation.png);}
.ourdistrict.staffresources #header {background-image: url(../images/ourdistrict/bg-header-staffresources.png);}
/*our schools*/
.ourschools #header {background-image: url(../images/ourschools/bg-header.png);}
.ourschools.insightschoolofkansas #header {background-image: url(../images/ourschools/bg-header-insightschoolofkansas.png);}
/*parents and students*/
.parentsstudents #header {background-image: url(../images/parentsstudents/bg-header.png);}
.parentsstudents.skywardfamilyaccess #header {background-image: url(../images/parentsstudents/bg-header-skywardfamilyaccess.png);}
.parentsstudents.enrollment #header {background-image: url(../images/parentsstudents/bg-header-enrollment.png);}
.parentsstudents.studentsafety #header {background-image: url(../images/parentsstudents/bg-header-studentsafety.png);}
.parentsstudents.schoolclosings #header {background-image: url(../images/parentsstudents/bg-header-schoolclosings.png);}
.parentsstudents.studentachievements #header {background-image: url(../images/parentsstudents/bg-header-studentachievements.png);}
.parentsstudents.transportation #header {background-image: url(../images/parentsstudents/bg-header-transportation.png);}
.parentsstudents.earlylearningservices #header {background-image: url(../images/parentsstudents/bg-header-earlylearningservices.png);}
.parentsstudents.activitiesathletics #header {background-image: url(../images/parentsstudents/bg-header-activitiesathletics.png);}
.parentsstudents.foodservices #header {background-image: url(../images/parentsstudents/bg-header-foodservices.png);}
.parentsstudents.communityresources #header {background-image: url(../images/parentsstudents/bg-header-communityresources.png);}
/*employment*/
.employment #header {background-image: url(../images/employment/bg-header.png);}
/*calendar*/
.calendar #header {background-image: url(../images/calendar/bg-header.png);}
/*news*/
.news #header {background-image: url(../images/news/bg-header.png);}
/*utility pages*/
.directory #header {background-image: url(../images/directory/bg-header.png);}
.contactus #header {background-image: url(../images/contactus/bg-header.png);}
#header h1 a {width: 317px; height: 91px; top: 102px; left: 38px; 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;}
.ourdistrict #header h2 {background-image: url(../images/ourdistrict/title-section.png);}
.ourschools #header h2 {background-image: url(../images/ourschools/title-section.png);}
.parentsstudents #header h2 {background-image: url(../images/parentsstudents/title-section.png);}
.employment #header h2 {background-image: url(../images/employment/title-section.png);}
.calendar #header h2 {background-image: url(../images/calendar/title-section.png);}
.news #header h2 {background-image: url(../images/news/title-section.png);}
.directory #header h2 {background-image: url(../images/directory/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 #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 2.3em 0 0; font-size: 1em; float: right;}
#header ul#utilityNav li {margin: 0 0 0 2em; 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: 181px; height: 18px; margin: 6px 0 0 0; position: relative;}
#header ul#utilityNav li form input#txtSearch {color: #538; width: 150px; 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: 159px; position: absolute; display: block;}
#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: 63px; left: 50px;}
#header ul#headerNav li#he a#helnk {width: 63px;}
#header ul#headerNav li#ot {background-image: url(../images/headerNav-otlnk.png); width: 103px; left: 142px;}
.ourdistrict #header ul#headerNav li#ot {background-position: 0 -50px;}
#header ul#headerNav li#ot a#otlnk {width: 103px;}
#header ul#headerNav li#os {background-image: url(../images/headerNav-oslnk.png); width: 107px; left: 273px;}
.ourschools #header ul#headerNav li#os {background-position: 0 -50px;}
#header ul#headerNav li#os a#oslnk {width: 107px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 158px; left: 408px;}
.parentsstudents #header ul#headerNav li#ps {background-position: 0 -50px;}
#header ul#headerNav li#ps a#pslnk {width: 158px;}
#header ul#headerNav li#et {background-image: url(../images/headerNav-etlnk.png); width: 114px; left: 592px;}
.employment #header ul#headerNav li#et {background-position: 0 -50px;}
#header ul#headerNav li#et a#etlnk {width: 114px;}
#header ul#headerNav li#cr {background-image: url(../images/headerNav-crlnk.png); width: 92px; left: 732px;}
.calendar #header ul#headerNav li#cr {background-position: 0 -50px;}
#header ul#headerNav li#cr a#crlnk {width: 92px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.png); width: 61px; left: 849px;}
.news #header ul#headerNav li#ns {background-position: 0 -50px;}
#header ul#headerNav li#ns a#nslnk {width: 61px;}

/*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 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#ns:hover ul, #header ul#headerNav li#ns.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; margin-left: 214px; position: relative; float: left;}/*see ie.css for fixes*/
.directory #main {width: 880px; margin-left: 30px; float: left;}
#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 {min-height: 400px; 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 form {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;}
#main table tbody tr td.phone {white-space: nowrap;}
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;}
iframe {margin: 0 0 20px;}

/**************************************************left column*********************************************/
#sidebar {width: 214px; margin-left: -910px; position: relative; float: left;}
.directory #sidebar {display: none;}
#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: #ba9 url(../images/bg-footerWrap.jpg); min-height: 80px; position: relative; clear: both; border-top: 2px solid #ea0;}
#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;}