.window { position: relative; z-index: 2; margin: 3px; }
.window .background { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }
.window .background * { position: absolute; overflow: hidden; background-repeat: no-repeat; }
.window .background .top { left: 0; top: 0; right: 0; }
.window .background .middle { left: 0; right: 0; height: auto; background-repeat: repeat-y; }
.window .background .bottom { left: 0; bottom: 0; right: 0; background-position: 0 100%; }

html { background: #2c3c57 url(../images/background.jpg) repeat; margin: 0; text-align: center; }
body { font: 12px Arial, sans-serif; margin: auto; text-align: left; width: 1000px; }
body * { margin: 0; padding: 0; }
hr { margin: 20px 0; }
.pdfs { list-style-image: url(../images/pdf.gif); list-style-position: inside; }
.contact_toll_free { float: right; margin-top: 10px; margin-right: 21px; }
#content a { font-weight: bold; font-size: 12px; text-decoration: none; color: #ff8101; }
#content a:hover { text-decoration: underline; }

#content .alert p { margin-left: 45px; }
#wrapper { float: left; background: url(../images/glow.jpg) no-repeat top center; }
#header { z-index: 100; position: relative; height: 135px; }
#header a img { float: left; border: none; }

#menu { float: right; margin-top: 30px; width: 620px; }
#menu li#home { }

#menu li#our_products { margin-left: 20px; }
#menu li#our_products, #menu li#our_products li, #menu li#our_products li ul { width: 115px; }
#menu li#our_products li a { width: 105px; }

#menu li#correlations { margin-left: 0; }
#menu li#correlations, #menu li#correlations li, #menu li#correlations li ul { width: 115px; }
#menu li#correlations li a { width: 105px; }

#menu li#research_and_development { margin-left: 0; }
#menu li#research_and_development, #menu li#research_and_development li, #menu li#research_and_development ul { width: 170px; }
#menu li#research_and_development li a { width: 160px; }

#menu li#for_teachers { margin-left: 20px; }
#menu li#for_teachers, #menu li#for_teachers li, #menu li#for_teachers ul { width: 100px; }
#menu li#for_teachers li a { width: 90px; } 

#menu ul li, 
#submenu ul li { list-style: none; font-size: 11px; text-transform: uppercase; display: inline; font-weight: bold; }
#menu ul li a, #submenu ul li a { color: white; text-decoration: none; display: block; margin-top: 1px; padding: 5px; text-align: left; }
#menu li { float:left; }

#menu li ul { /* second-level lists */ position: absolute; left: -1000%; /* using left instead of display to hide menus because display: none isn't read by screen readers */ z-index: 1000; margin: 0; }
#menu li ul li { z-index: 1000; clear: both; }
#menu li:hover ul, #menu li.sfhover ul, #menu li.sfhover ul * { left: auto; z-index: 1000; margin: 0; }
#menu li.sfhover, #menu .header_hover { background-color: #78740c; }
#menu ul li ul li a { background-color: #78740c; border-top: solid 1px #5d5a17; margin-top: 0px; }
#submenu ul li { margin-right: 45px; }
#submenu ul li a:hover, #menu a:hover { background-color: #b0ad5e; }

a.pdf { padding:0 0 1px 20px; background-image:url(../images/pdf2.gif); background-position:0px 1px; background-repeat:no-repeat; font-size:12px; color:#ed7200; }

#content { font-family: Arial, sans-serif; float: right; margin-top: -35px; width: 787px; z-index: 3; }
#content * { font-size: 14px; color: #6d6c6c; }
#content h1, #content h1 * { font-size: 22px; color: #719406; margin-top: 10px; }
#content h2, #content h2 * { font-size: 20px; color: #9cac06; }
#content h3 { font-size: 18px; margin: 10px 0; }
#content h4 { font-size: 16px; }
#content h5 { margin-left: 10px; font-size: 15px; }
#content p { font-size: 14px; margin: 10px 0; }
#content ul { font-size: 14px; margin-left: 25px; }
#content object { margin-top: -50px; }
#content object.cavs_math_flash { margin: -29px 0pt 0pt 0px; }
#content object.math_elevations_flash { margin: -20px 0pt 0pt 0px; }
#content .window { width: 787px; }
#content .window .content { _height: 450px; min-height: 400px; padding: 70px 50px 70px 50px; }
#content .window .background * { width: 787px; height: 100px; }
#content .window .background .top { height: 102px; background-image: url(../images/content_background_top.png); }
#content .window .background .middle { top: 102px; bottom: 360px; background-image: url(../images/content_background_middle_slice.png); height: auto; }
#content .window .background .bottom { height: 360px; background-image: url(../images/content_background_bottom.png); }
#submenu { float: left; clear: left; z-index: 2; margin-top: -45px; }
#submenu .window { width: 300px; margin-right: -100px; }
#submenu ul li { list-style: none; margin: 0; }
#submenu ul li a { background: #93903d; }
#submenu ul li a { background: #93903d; }
#submenu ul li a.child { padding-left:20px; }
#submenu ul li a.active { background: #5d5a17; }
#submenu .window .content { _height: 149px; min-height: 149px; padding: 100px 50px 327px 100px; }
#submenu .window .background * { width: 500px; height: 100px; }
#submenu .window .background .top { height: 91px; background-image: url(../images/submenu_background_top.png); }
#submenu .window .background .middle { top: 91px; bottom: 327px; background-image: url(../images/submenu_background_middle_slice.png); height: auto; }
#submenu .window .background .bottom { height: 327px; background-image: url(../images/submenu_background_bottom.png); }
#footer { color: white; clear: both; text-align: center; }
#footer a, #footer a:link, #footer a:visited { font-size: 11px; color: white; text-transform: uppercase; text-decoration: none; padding: 0 10px; }
#footer p { color: gray; font-size: 10px; }
.left { float: left; }
.right { float: right; }
.overview { width: 48%; }
#flash_placeholder { padding-right: 150px; }
#flash_placeholder .overview h1 { font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 5px; width: 95%; }
#flash_placeholder .overview sup { font-size: 8px; }
#flash_placeholder .overview p, #flash_placeholder .overview li { width: 90%; font-size: 12px; }
#flash_placeholder .left p { margin-bottom: 58px; }
#flash_placeholder .overview img { border: none; }
#content .left { border-right: 1px solid #e4ded2; }
#flash_placeholder hr { clear: both; margin: 0; padding: 0; visibility: hidden; }

#teacherappreciation { position:absolute; top:-457px; left:370px; width:380px; font-size:12px; } 
#teacherappreciation p.intro { line-height:20px; }
#teacherappreciation p { margin-bottom:11px; }
#teacherappreciation ul { margin-left:10px; }
#teacherappreciation ul li { padding:0 0 6px 10px; list-style-type:none; line-height:15px; background-image: url(../images/icon-dot.gif); background-repeat:no-repeat; background-position:3px 5px;  }

thead tr td { font-weight: bold; text-decoration: underline; }
tbody tr td { padding: 2px 5px; }

#content span.status { font-family: Verdana; font-weight: bold; display: block; width: 650px; clear: both; padding: 5px; margin: 5px 0; }
#content span.success { border: 1px solid #549b00; background: #d5ffa4; }
#content span.error { border: 1px solid #b03326; background: #ffe7e7; }
#content span.alert { background: yellow; border: 1px solid orange; }

* html #content a.button { width: 1px; }
#content a.button:hover { text-decoration: none; }

#content a.button { display:block; background: transparent url(../images/button_background_left.png) top left no-repeat; float: left; height: 24px; padding-left: 6px; margin-right: 5px; }

#content a.button span { display:block; font-family: "Lucida Grande" ,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; color: white; background: url(../images/button_background_right.png) top right no-repeat; padding: 4px 6px 4px 0; }
.districts_table { border: none; margin-top: 10px; width: 685px; table-layout: fixed; }
.districts_table tbody tr td, .districts_table tbody tr th { border: none; padding: 2px; }
.districts_table .even { background: #f3fbff; }
.district_updated_at { width: 75px; table-layout: fixed; }
.district_blacklines { width: 75px; }
.district_name, .district_username, .district_password { overflow: hidden; }
#content .district_commands { padding: 2px 0; margin: 0; }
#content .district_commands, .district_blacklines { text-align: center; padding-bottom: 3px; }
.district_name input, .district_username input, .district_password input { width: 100px; }
.district_role { display: none; }

.pages_table {width: 100%; }
.page_content_form input[type=text] { width: 80%; display: block; margin-bottom: 10px;  }
.page_content_form .actions { margin-top: 10px; }
.page_content_form .actions a { line-height: 20px; }
.page_content_form .actions a.button { line-height: inherit; }

#content input, #content select { color: Black; font-family: Verdana; font-size: 12px; }
#content input.text { background: #FFFFFF url(../images/inputpencil_bkgd.gif) no-repeat scroll right center; }
#content .checklist input { margin-right: 7px; }
#content .checlist label { margin-top: 2px; }

#content .validation { font-weight: bold; font-family: Verdana; font-size: 10px; }
#content fieldset { background: #fbf9f6; }

#content fieldset legend { font-weight: bold; margin-left: 8px; }
.logout { font-family: Verdana; font-size: 10px; color: White; display: block; margin: 5px 0 0 35px; text-decoration: none; }
.logout:hover { text-decoration: underline; }
#content .rule { width: 100%; text-align: center; border-top: 1px solid #ccc; border-bottom: none; visibility: visible; margin: 15px 0; }

div.conference { width: 48%; }
.leftside { float: left; }
#flash_placeholder .conference h1 { font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 5px; width: 95%; }
#flash_placeholder .conference sup { font-size: 8px; }
#flash_placeholder .conference p, #flash_placeholder .conference li { width: 90%; font-size: 12px; }
#content h3.conference {margin: 0px; font-size:14px;}
.conference h2 {padding:18px 0 0 0;}

#submenu ul.doc_list li a { padding-right: 25px; }