html {height: 100%; max-height: 100%; overflow-x: auto; overflow-y: hidden;}
body {height: 100%; max-height: 100%; background: #ccb;}
#wrap {display: block; overflow: auto; position: absolute; z-index: 3; top: 74px; bottom: 53px; width: 938px; margin-left: -470px; left: 50%; font-size: 1.1em; background: #ccb;}


/*header*/
#header {background: url(../images/bg-header.gif) no-repeat 0 15px; color: #333; width: 938px; min-width: 938px; height: 84px; top: 0; left: 50%; position: absolute; margin-left: -487px; z-index: 5;}
#header ul#headerNav li#hm {background: url(../images/headerNav-hmlnk.gif) no-repeat; width: 87px; height: 87px; top: 15px; left: 0px; position: absolute; display: block;}
#header ul#headerNav li#hm a#hmlnk {width: 310px; height: 69px; left: 0; position: absolute; display: block; background: transparent;}

/*content area*/
#content {background: #fff url(../images/bg-content.gif) repeat-y 904px 0; color: #333; padding: 0 0 40px 0; position: relative; overflow: hidden;/*This hides the excess padding in non-IE browsers*/}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content a {background: inherit; color: #333; font-weight: bold; text-decoration: none;}
#content a:hover {text-decoration: underline;}

/*center column*/
.threecol #main {background: url(../images/bg-main.jpg) no-repeat; float: left; margin-left: 172px; margin-right: 3px; width: 519px; position: relative;}/*see ie.css for fixes*/
#main h2 {color: #58b; margin: 34px 13px 0 30px; font-size: 2em; text-transform: uppercase; border-bottom: 2px solid;}
#main h3 {color: #369; margin: 13px 50px 0 30px; font-size: 1.3em;}
#main h4 {color: #369; margin: 13px 50px 0 0; font-size: 1.2em;}
#main h5 {color: #999; margin: 13px 50px 0 0; font-size: 1.1em;}
.calendars #main h5 { margin: 13px 0 0 0; border-top: 1px dotted #999; }
#main #updates {background: #e5eaef url(../images/bg-updates.jpg) no-repeat 0 -5px; color: #c60; width: 186px; float: right; margin: 3px 13px 13px 13px; padding: 0 0 20px 0;}/*see ie.css for fixes*/
#main #updates h4#intrntpdts {background: url(../images/ttl-updates.gif) no-repeat; width: 150px; height: 12px; margin: 20px 0 0 20px;}
#main #updates p {background: url(../images/updates-bullet.gif) no-repeat 0 7px; margin: 14px 20px 0 20px; font-size: 1em; padding: 0 0 0 7px;}
#main #updates p a {background: none; color: #c60; font-weight: normal;}
#main #updates p span {background: none; color: #666; font-weight: normal;}
#contentContainer {margin: 0 50px 0 30px;}
#main p {margin: 13px 0 0 0; line-height: 1.3; font-size: 1.1em;}
#main p a {background: inherit; color: #369; font-weight: bold;}
#main ul, #main ol {margin: 13px 0 0 20px;}
#main ul li a, #main ol li a {background: inherit; color: #333; font-weight: bold;}
#main table {margin: 13px 0 0 0; width:400px; border-collapse:collapse; border:1px dotted #aaa; font-size: 1em;}
#main td, #main th { padding:4px;}
#main th {text-align:left;background:#ddd; border-bottom:1px solid #ccc;}
#main tr.row2 td {background:#eee;}
#main .file {margin: 13px 0 0 0; clear: left;}
#main .file img {margin: 0 10px 0 0; display: block; float: left;}
#main .file a {margin: 0 0 0 25px; display: block;}

/*form styles*/
#main form {margin: 0 0 10px 0; position: relative;}
#main form .text h5#htxtCompetent {margin: 0 0 10px 160px; padding: 0;}
#main form .text label {display: block; float: left; width: 150px; padding: 0 10px 0 0;; margin: 5px 0 0 0; font-size: 1em; position: relative; text-align: right;}
#main form .text label#lblZipHome {display: inline; float: none; margin: 0 0 0 10px; top: -15px; position: relative; width: auto;}
#main form .text input {color: #036; margin: 0 0 15px 0; border: 1px inset #666;}
#main form .text select {color: #036; margin: 0 0 15px 0; border: 1px solid #666;}
#main form .text input#txtZipHome {width: 50px;}
#main form input.btnSubmit {clear: left; margin: 20px 20px 0 0; color: #036; border: 1px outset #666;}
#main br {clear: left;}
form label { font-weight:bold; cursor:pointer; display:block; padding-top:.5em; padding-bottom:.2em; }
form input[type=text], form input[type=password], form textarea[type=password] { border: 1px inset #333; font-size:1em; padding:2px;}
form button { border: 1px outset #333; background:#ccc; font-size:1em; font-weight:bold; padding:4px; }
form button.disabled { border: 1px outset #333; background: #ccc; color: #aaa; }
form button:active { border: 1px inset #333; }
form button:active.disabled { border: 1px outset #333; background: #ccc; color: #aaa; }
#main form { margin: 13px 0 0 0; /*border-left: 2px solid #aaa; padding: 10px 0 10px 30px;*/ }
form .message.error { font-weight:bold; color: red; }
form .message.notice { font-weight:bold; color:darkgreen; }
/*form errors*/
#main #error {margin: 0 0 10px 0; padding: 15px; border: 2px dashed red;}
#main #error h4 {color: red; margin: 0 0 10px 0; font-size: 1.2em;}
#main #error p {margin: 0; color: red;}
/*form verify page*/
#main dl#verifyList {margin: 13px 0 0 0;}
#main dl#verifyList dt {font-weight: bold; clear: left; float: left;}
#main dl#verifyList dd {margin: 0 0 5px 24em; min-height: 1.5em;}/*see ie.css for fixes*/
#main dl#verifyList h4 {background: #ccc; margin: 0 0 15px 0; padding: 5px 0; font-size: 1.1em;}

div.hr hr {display:none;}
div.hr { height:1px; background:#aaa; overflow:none; margin:1em 30px;}

/*homework hotline*/
#homeworkTeam.nav { position:relative; left:300px; font-size:.9em;}
table.homeworkListing td { vertical-align:top; font-size:1em;}
table.homeworkListing td.date { color: #999; width:100px;}
table.homeworkListing td.homework p { margin:0 0 1em 0 !important; padding:0; }
#getHomework {background: url(/images/btn-homework.gif) no-repeat; width: 133px; height: 17px; display: block; border: none;}
#getStudents {background: url(/images/btn-students.gif) no-repeat; width: 117px; height: 17px; display: block; border: none;}

/*left column*/
.threecol #sidebar {background: url(../images/bg-sidebar.jpg) repeat-y; float: left; margin-left: -694px; width: 172px; position: relative;}
#sidebar ul#sidebarNav {margin: 26px 0 0 17px; padding: 21px 0 0 0;}
#sidebar ul#sidebarNav li {list-style: none;}
#sidebar ul#sidebarNav li a {background: transparent url(../images/sidebar-bullet.gif) no-repeat 0px 10px; color: #fff; font-size: 1.1em; font-weight: bold; display: block; padding: 5px 0 5px 7px; font-family: Arial, Helvetica, sans-serif;}/*see ie.css for fixes*/
#sidebar ul#sidebarNav li ul li a {margin: 0 5px; font-weight: normal; background: url(../images/sidebar-line.gif) no-repeat 0 10px;}
#sidebar ul#sidebarNav li ul li ul li a {margin: 0 10px; background: none;}
#sidebar ul#sidebarNav li ul li ul li ul li a {margin: 0 20px;}
#sidebar ul#sidebarNav li ul li ul li ul li ul li a {margin: 0 30px;}
#sidebar ul#sidebarNav li ul li ul li ul li ul li ul li a {margin: 0 40px;}
#sidebar ul#sidebarNav li ul li ul li ul li ul li ul li ul li a {margin: 0 50px;}
#sidebar ul#sidebarNav li ul li ul li ul li ul li ul li ul li ul li a {margin: 0 60px;}
#sidebar ul#sidebarNav li ul li ul li ul li ul li ul li ul li ul li ul li a {margin: 0 70px;}
#sidebar ul#sidebarNav li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {margin: 0 80px;}
#sidebar h3 {background: transparent; color: #fff; font-size: 1.4em; font-weight: bold; margin: 40px 0 0 17px;}
#sidebar .vcard {background: transparent; color: #fff; margin: 50px 0 0 17px; line-height: 1.3;}
#sidebar p {background: transparent; color: #fff; margin: 10px 0 0 17px; line-height: 1.3;}
#sidebar ul#phoneExtensions {background: transparent; color: #fff; margin: 10px 0 0 30px; }
#sidebar ul#pagesNav {margin: 10px 0 0 17px; padding: 0;}
#sidebar ul#pagesNav li {list-style: none;}
#sidebar ul#pagesNav li a {background: transparent url(../images/sidebar-bullet.gif) no-repeat 0px 10px; color: #fff; font-size: 1.1em; font-weight: bold; display: block; padding: 5px 0 5px 7px; font-family: Arial, Helvetica, sans-serif;}/*see ie.css for fixes*/
#sidebar ul#pagesNav li ul li a {margin: 0 5px; font-weight: normal; background: url(../images/sidebar-line.gif) no-repeat 0 10px; font-size:1em;}
#sidebar ul#pagesNav li ul li ul li a {margin: 0 10px; background: none; font-size:1em;}
#sidebar ul#pagesNav li ul li ul li ul li a {margin: 0 20px;}
#sidebar ul#pagesNav li ul li ul li ul li ul li a {margin: 0 30px;}

/*right column*/
#main_2 {background:#ccc; color: #fff; float: left; width: 206px; position: relative;}
#main_2 h3#upcmngevnts {background: url(../images/ttl-upcoming-events.gif) no-repeat; width: 206px; height: 21px; margin: 46px 0 0 0; position: relative;}
#main_2 h3#clndr {background: url(../images/ttl-main_2-calendar.gif) no-repeat; width: 206px; height: 21px; margin: 46px 0 0 0; position: relative;}
#main_2 h3 a {background: none; width: 51px; height: 14px; top: 0; right: 5px; position: absolute;}
.homeworkhotline h3 {margin: 75px 0 0 0; padding: 0 10px; font-size: 1.2em;}
#main_2 ul {}
#main_2 ul li {background: inherit; color: #c60; list-style: none; font-weight: bold; font-size: .9em; padding: 4px 0 4px 12px;}
#main_2 ul li.row1 {background: url(../images/main_2-bg-row1.jpg) repeat-y;}
#main_2 ul li.row2 {background: transparent;}
#main_2 ul li.row1 a {background: transparent; color: #999; padding: 0 0 0 5px;}
#main_2 ul li.row2 a {background: transparent; color: #fff; padding: 0 0 0 5px;}
#main_2 p {margin: 10px 15px 0 15px; line-height: 1.7;}

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

/*footer*/
#footer {background: transparent url(../images/bg-footer.gif) no-repeat left top; color: #fff; width: 923px; min-width: 923px; height: 62px; bottom: 0; left: 50%; position: absolute; margin-left: -470px; z-index: 5;}
#footer ul#footerNav {margin: 20px 0 0 15px;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {background: inherit; color: #fff; font-size: 1.1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 2px; text-decoration: none;}
#footer ul#footerNav li a:hover {text-decoration: underline;}


/********************************************************
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
********************************************************/
* > form {position: relative; z-index: 1000;}