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; z-index: 9999;}
#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#ot {background-image: url(../images/headerNav-otlnk.png); width: 103px; left: 72px;}
#header ul#headerNav li#ot a#otlnk {width: 103px;}
#header ul#headerNav li#os {background-image: url(../images/headerNav-oslnk.png); width: 107px; left: 213px;}
#header ul#headerNav li#os a#oslnk {width: 107px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 158px; left: 357px;}
#header ul#headerNav li#ps a#pslnk {width: 158px;}
#header ul#headerNav li#et {background-image: url(../images/headerNav-etlnk.png); width: 114px; left: 552px;}
#header ul#headerNav li#et a#etlnk {width: 114px;}
#header ul#headerNav li#cr {background-image: url(../images/headerNav-crlnk.png); width: 92px; left: 702px;}
#header ul#headerNav li#cr a#crlnk {width: 92px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.png); width: 61px; left: 828px;}
#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 #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; position: relative; z-index: 1;}/*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#titleDistrictNews {background: url(../images/title-district_news.gif) no-repeat; width: 495px; height: 25px; 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#districtNews {margin: 0 27px 20px 27px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ul#districtNews li {background: url(../images/divider.gif) no-repeat 0 100%; margin: 0 0 20px 0; list-style: none;}
#main ul#districtNews 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; margin-left: 0; position: relative; float: left;}
#sidebar ul#iAmInterestedIn {width: 267px; position: relative;}
#sidebar ul#iAmInterestedIn li {list-style: none; display: inline;}
#sidebar ul#iAmInterestedIn li:hover, #sidebar ul#iAmInterestedIn li.iehover {background-position: 0 -42px;}
#sidebar ul#iAmInterestedIn li a {background: transparent; height: 64px; margin: -9px 0 0 0; display: block; text-indent: -9999em; overflow: hidden;}
#sidebar ul#iAmInterestedIn li a:hover {text-decoration: none;}
#sidebar ul#iAmInterestedIn li#insb a#insblnk {background-image: url(../images/iAmInterestedIn-insblnk.png); width: 267px;}
/*1st level dropdown*/
#sidebar ul#iAmInterestedIn li ul {background: #fff3d3; margin: 0 16px 0 0; padding: 0 10px 20px 0; font-size: 1.2em; line-height: 1.17;}
#sidebar ul#iAmInterestedIn li ul li {color: #bbb; height: auto; top: auto; display: inline; position: relative; list-style: square;}
#sidebar ul#iAmInterestedIn li ul li a {background: url(../images/bullet-square.gif) no-repeat 29px 12px; color: #64a; height: auto; padding: 8px 10px 8px 42px; left: auto; font-size: 1em; position: relative; text-decoration: none; text-indent: 0;}
#sidebar ul#iAmInterestedIn li ul li a:hover {text-decoration: underline;}

#sidebar h2#titleAtAGlance {background: url(../images/title-at_a_glance.png) no-repeat; width: 261px; height: 49px; text-indent: -9999em;}
#sidebar .atAGlance {background: #fff3d3; 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 .atAGlance h3 {background: url(../images/line-sidebar-h3.gif) no-repeat 0 100%; color: #777; margin: 0 0 10px; padding: 0 0 5px; font-size: 1em;}
#sidebar .atAGlance ul {margin: 0 0 5px 0;}
#sidebar .atAGlance ul li {color: #bbb; margin: 0 0 15px 0; font-size: .75em; list-style: square;}
#sidebar .atAGlance ul li span {color: #555; font-size: 1.33em;}
#sidebar .atAGlance ul li a {color: #674ea1; font-size: 1.33em;}
#sidebar .atAGlance ul li a:hover {}

/**************************************************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;}