#wrap, [dummy] {background: url(../images/bg-wrap.png) repeat-y;}/*see ie.css for fixes*/
#wrap {width: 940px; margin: 0 auto; padding: 0 10px;}

/**************************************************header**************************************************/
#header {width: 940px; height: 240px; position: relative;}
#header h1 {background: url(../images/KSD-topbar.jpg) no-repeat; width: 940px; height: 60px; position: relative;}
.kecc #header h1 {background: url(../images/KSD-topbar-kecc.jpg) no-repeat;}
.keysor #header h1 {background: url(../images/KSD-topbar-keysor.jpg) no-repeat;}
.khs #header h1 {background: url(../images/KSD-topbar-khs.jpg) no-repeat;}
.ksd #header h1 {background: url(../images/KSD-topbar-ksd.jpg) no-repeat;}
.nipher #header h1 {background: url(../images/KSD-topbar-nipher.jpg) no-repeat;}
.nkms #header h1 {background: url(../images/KSD-topbar-nkms.jpg) no-repeat;}
.northglendale #header h1 {background: url(../images/KSD-topbar-northglendale.jpg) no-repeat;}
.robinson #header h1 {background: url(../images/KSD-topbar-robinson.jpg) no-repeat;}
.tillman #header h1 {background: url(../images/KSD-topbar-tillman.jpg) no-repeat;}
.westchester #header h1 {background: url(../images/KSD-topbar-westchester.jpg) no-repeat;}
#header h1 a#ksdlnk {width: 250px; height: 60px; top: 0px; left: 0px; position: absolute;}
#header h1 a#schoollnk {width: 500px; height: 60px; top: 0px; right: 0px; position: absolute;}
#header h2 {width: 940px; height: 31px; padding: 9px 0 0 20px; bottom: 0px; position: absolute; text-transform: uppercase;}
#header form select {top: 150px; left: 710px; position: absolute;}

/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 710px; min-height: 1400px; margin-left: 230px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul#breadcrumbs {margin: 10px 25px; 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#pageoptions {margin: 10px 30px 0 0; float: right;}
#main ul#pageoptions li {list-style: none; display: inline;}
#main ul#pageoptions li a#ptplnk {background: url(../images/button-print-page.gif) no-repeat; width: 95px; height: 11px; display: block; float: left;}
#main .left {float: left; margin: 0 13px 13px 0;}
#main .right {float: right; margin: 0 0 13px 13px;}
#main h3 {margin: 0 25px 20px 25px; font-weight: bold; text-transform: uppercase;}
#main p {margin: 0 25px 20px 25px;}
#main div.articleMetadata {margin: 0 25px 20px 25px; font-size: .95em;}
#main ul {margin: 0 25px 20px 45px; line-height: 1.3; font-size: 1.1em;}
#main ol {margin: 0 25px 20px 65px; line-height: 1.3; font-size: 1.1em;}
#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 20px; list-style: decimal;}
#main .file {margin: 0 25px 20px 25px;}
#main .file img {margin: 0 10px 0 0;}
#main table {width: 660px; margin: 0 25px 20px 25px; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
#main #contentContainer {margin: 0 25px;}
#main #contentContainer p {margin: 0 0 20px 0;}
#main #contentContainer div.articleMetadata {margin: 0 0 20px 0;}
#main #contentContainer ul {margin: 0 0 20px 20px;}
#main #contentContainer ol {margin: 0 0 20px 40px;}
#main #contentContainer ul li {margin: 0 0 10px 0;}
#main #contentContainer ol li {margin: 0 0 10px 0;}
#main #contentContainer ol li ul, #main #contentContainer ul li ul {margin: 10px 0 0 20px;}
#main #contentContainer ol li ol, #main #contentContainer ul li ol {margin: 10px 0 0 20px;}
#main #contentContainer .file {margin: 0 0 20px 0;}
#main #contentContainer table {margin: 0 0 20px 0;}
#main p#requiredMessage {font-size: .9em;}
#main #error {color: red; font-weight: bold;}
#main #kirknotes {font-size: .9em;}
#main #kirknotes form label {color: #555; }
#main #kirknotes form input, #main #kirknotes form select {margin: 0 0 15px 0; width: 200px;}
#main #kirknotes form input#save {width: auto; margin: 0 0 50px 0;}

#main #contact-info {width:668px; background:url(../images/bg-contact_info_foot.jpg) bottom left no-repeat; margin:40px 0px 30px 20px; position:relative;}
#main #contact-info #contactInner {padding:30px 0px 50px 30px; width:638px; background:url(../images/bg-contact_info_top.jpg) top left no-repeat;}

#main #contact-info h4 {margin:2px 0px 10px 0px; width:280px; font-size:14px;}
#main #contact-info p {margin:0 0; padding:0 0; width:280px;}
#main #contact-info ul {display:block; margin:0 0; padding:0 0; position:absolute; left:344px; top:22px;}
#main #contact-info ul li {margin:0 0; padding:0 0; list-style:none; width:290px; border-bottom:1px solid #e5e5e5; padding:4px 0px;}
#main #contact-info ul li.last {border:none;}
#main #contact-info ul li.last a {width:205px; float:left; word-wrap: break-word;}
#main #contact-info ul li span {width:74px; display:inline-block; font-weight:bold; float:left;}

/**************************************************left column*********************************************/
#sidebar {width: 230px; min-height: 400px; margin-left: -100%; position: relative; float: left;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {padding: 6px 20px; font-size: 1.2em; font-weight: bold; display: block; text-transform: uppercase;}
#sidebar ul#sidebarNav li a.parent {border: none;}
#sidebar ul#sidebarNav li ul li a {padding: 0 20px 0 33px; font-size: 1.1em; text-transform: none; border: none;}
#sidebar ul#sidebarNav li ul li ul {margin: 5px 0 0 0; border: none;}
#sidebar ul#sidebarNav li ul li ul li a {padding: 0 20px 0 45px; font-weight: normal;}
#sidebar ul#sidebarNav li ul li ul li ul {margin: 5px 0;}
#sidebar ul#sidebarNav li ul li ul li ul li a {padding: 0 20px 0 59px; }
#sidebar a#mediaGalleryLink {background: url(../images/medialink.gif) no-repeat; width: 136px; height: 50px; margin: 50px 0 0 35px; display: block;}
#sidebar a#mediaGalleryLink:hover {background-position: 0 -50px;}
#sidebar a#calendarLink {background: url(../images/calendarlink.gif) no-repeat; width: 136px; height: 50px; margin: 20px 0 0 35px; display: block;}
#sidebar a#calendarLink:hover {background-position: 0 -50px;}
#sidebar a#kirknotesLink {background: url(../images/kirknotes-callout01.png) no-repeat; width: 218px; height: 48px; margin: 10px 0 0 0px; display: block;}
#sidebar a#kirknotesLink:hover {background: url(../images/kirknotes-callout02.png) no-repeat;}

#main, #sidebar {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footerWrap, [dummy] {background: url(../images/bg-footerWrap.png) no-repeat;}/*see ie.css for fixes*/
#footerWrap {width: 940px; height: 60px; margin: 0 auto; padding: 0 10px; font-size: 1em; clear: both;}
#footer {height: 50px; 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;}
#footer p#modified {position:absolute; top:80px; left:20px; color: #333; background:url(/images/lastmodified.png) 0px 1px no-repeat; padding:0 0 0 95px;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}