html { height: 100%;} * { margin: 0; padding: 0;} body { font: .80em Arial, Helvetica, sans-serif; background: #EEE; color: #5D5D5D;} p { padding: 0 0 20px 0; line-height: 1.7em;} img { border: 0;} h1 { font: 165% Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 14px 0; padding: 10px 0 5px 0;} h2 { font: 165% Arial, Helvetica, sans-serif; color: #B60000;} h3 { font: 165% Arial, Helvetica, sans-serif;} h4 { margin: 0; padding: 0 0 5px 0; font-family: 120% arial, sans-serif; color: #B60000;} h5 { font: italic 95% arial, sans-serif; color: #888;} h6 { color: #362C20;} .left { float: left; width: auto; margin-right: 10px;} .right { float: right; width: auto; margin-left: 10px;} .center { display: block; text-align: center; margin: 20px auto;} blockquote { margin: 20px 0; padding: 10px 20px 0 20px; border: 1px solid #E5E5DB; background: #FFF;} ul { margin: 2px 0 22px 17px;} ul li { list-style-type: circle; margin: 0 0 6px 0; padding: 0 0 4px 5px;} ol { margin: 8px 0 22px 20px;} ol li { margin: 0 0 11px 0;} #main, #logo, #menubar, #site_content, #footer { margin-left: auto; margin-right: auto;} #main { padding-bottom: 20px;} #header { background: transparent; height: 170;} #logo { width: 860px; position: relative; height: 134px;} #logo h1, #logo h2 { font: normal 300% Arial, Helvetica, sans-serif;} #logo h1 { padding: 24px 0 0 0; margin: 0; color: #000000;} #logo h1 .logo_colour { color: #B60000;} #logo h2 { font-size: 120%; padding: 4px 0 0 0; color: #A8AA94;} #menubar { height: 24px; width: 900px;} ul#menu { float: right; margin: 0; padding: 0;} ul#menu li { float: left; padding: 0; list-style: none; margin: 5px 2px 0 0;} ul#menu li a { font: normal 100% 'trebuchet ms', sans-serif; display: block; float: left; height: 20px; padding: 6px 20px 5px 20px; text-align: center; color: #000; text-decoration: none; background: #E0E0E0;} ul#menu li.selected a, ul#menu li.selected a:hover { background: #FFF; color: #B60000;} ul#menu li a:hover { color: #B60000;} #site_content { width: 858px; overflow: hidden; margin: 0 auto 0 auto; padding: 10px 20px 20px 20px; background: #F6F6F0 url(back.png) repeat-y; border: 15px solid #FFF;} .sidebar { float: right; width: 190px; padding: 0 15px 20px 15px;} .sidebar ul { width: 178px; padding: 4px 0 0 0; margin: 4px 0 30px 0;} .sidebar li { list-style: none; padding: 0 0 7px 0; } .sidebar li a, .sidebar li a:hover { padding: 0 0 0 25px; display: block; background: transparent url(link.png) no-repeat left center;} .sidebar li a.selected { color: #444; text-decoration: none;} #content { text-align: left; width: 613px; padding: 0;} #footer { width: 916px; font-family: sans-serif; font-size: 90%; height: 28px; padding: 20px 0 5px 0; text-align: center; background: transparent; color: #111; text-transform: uppercase; letter-spacing: 0.1em;} #footer a, #footer a:hover { color: #111; text-decoration: underline;} #footer a:hover { text-decoration: none;} #footer p { line-height: 22px; padding: 0;} .search { color: #555; border: 1px solid #DDD; width: 134px; padding: 5px;} .form_settings { margin: 15px 0 0 0;} .form_settings p { padding: 0 0 4px 0;} .form_settings span { float: left; width: 200px; text-align: left;} .form_settings input, .form_settings textarea { padding: 5px; width: 299px; font: 100% arial; border: 1px solid #E5E5DB; background: #FFF; color: #47433F;} .form_settings .submit { font: 100% arial; border: 0; width: 99px; margin: 0 0 0 212px; height: 33px; padding: 2px 0 3px 0; cursor: pointer; background: #3B3B3B; color: #FFF;} .form_settings textarea, .form_settings select { font: 100% arial; width: 299px;} .form_settings select { width: 310px;} .form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px; border: 0; background: none;} .separator { width: 100%; height: 0; border-top: 1px solid #D9D5CF; border-bottom: 1px solid #FFF; margin: 0 0 20px 0;} table { margin: 10px 0 30px 0;} table tr th, table tr td { background: #3B3B3B; color: #FFF; padding: 7px 4px; text-align: left;} table tr td { background: #E5E5DB; color: #47433F; border-top: 1px solid #FFF;}