#wrap {background: url(../images/bg-wrap.png); width: 940px; margin: 0 auto; padding: 0 10px;}

/**************************************************header**************************************************/
#header {width: 940px; height: 240px; position: relative;}
#header h1 {background: url(../images/bg-h1.jpg) no-repeat; width: 940px; height: 60px; position: relative;}
#header h1 a#ksdlnk {width: 250px; height: 60px; top: 0px; left: 0px; position: absolute;}
#header h1 a#schoollnk {width: 660px; height: 60px; top: 0px; right: 25px; position: absolute;}
.springhillhighschool #header h1 a#schoollnk {background: url(../images/bg-h1-spring_hill_high_school.png) no-repeat;}
.springhillmiddleschool #header h1 a#schoollnk {background: url(../images/bg-h1-spring_hill_middle_school.png) no-repeat;}
.springhillintermediateschool #header h1 a#schoollnk {background: url(../images/bg-h1-spring_hill_intermediate_school.png) no-repeat;}
.springhillelementaryschool #header h1 a#schoollnk {background: url(../images/bg-h1-spring_hill_elementary_school.png) no-repeat;}
.prairiecreekelementaryschool #header h1 a#schoollnk {background: url(../images/bg-h1-prairie_creek_elementary_school.png) no-repeat;}
#header h2 {width: 940px; height: 31px; padding: 9px 0 0 20px; bottom: 0px; position: absolute; text-transform: uppercase;}
#header ul#pageoptions {top: 211px; left: 575px; position: absolute;}
#header ul#pageoptions li {list-style: none; display: inline;}
#header ul#pageoptions li a#returnToSite {background: url(../images/button-return_to_site.png) no-repeat; width: 116px; height: 18px; display: block; float: left;}
#header select {width: 210px; top: 211px; left: 710px; position: absolute;}

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

/**************************************************center column*******************************************/
#main {width: 710px; min-height: 500px; margin-left: 230px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul#breadcrumbs {top: 10px; right: 25px; position: absolute; line-height: normal; font-size: 1em; text-align: right;}
#main ul#breadcrumbs li {list-style: none; display: inline;}
#main ul#breadcrumbs li a {font-weight: normal;}
#main ul#breadcrumbs li a:hover {text-decoration: underline;}
#main #contentContainer {margin: 35px 25px 0; 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 {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;}
#main table thead tr th, #main table tfoot tr td {padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; vertical-align: middle;}
#main blockquote {margin: 0 0 20px; padding: 0 50px; text-align: center; font-style: italic;}
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;}

/**************************************************left column*********************************************/
#sidebar {width: 214px; margin-left: -940px; position: relative; float: left;}
#sidebar ul#sidebarNav {background: #f8f8f8; min-height: 275px; margin: 0 0 25px;  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 {display: block;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {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;}
#sidebar p#viewMyGallery a {background: url(../images/callout-view_my_gallery.gif) no-repeat; width: 207px; height: 65px; display: block; text-indent: -9999em; overflow: hidden;}

/**************************************************footer**************************************************/
#footerWrap {background: url(../images/bg-footerWrap.png) no-repeat; width: 940px; height: 60px; margin: 0 auto; padding: 0 10px; font-size: 1em; clear: both;}
#footer {background-repeat: no-repeat; background-position: 0 10px; height: 50px !important; position: relative;}
#footer p {margin: 20px 20px 0 0; float: right; font-size: .9em; font-weight: bold;}
#footer p#copyright {margin: 20px 0 0 20px; float: left;}