html { height: 100%;} 
* { margin: 0; padding: 0;} 
body { font: normal .80em 'trebuchet ms', arial, sans-serif; background: #FFF; color: #555;}
p { padding: 0 0 20px 0; line-height: 1.7em;} 
p#credit { padding: 0 0 20px 0; color: #888888; line-height: 1.7em;} 
div#question { background: #eeeeff; color: #000000;} 
#question { background: #eeeeff; color: #000000;} 
img { border: 0;} 
img#shield { float: right;} 
h1, h2, h3, h4, h5, h6 { color: #362C20; letter-spacing: 0em; padding: 0 0 5px 0;} 
h1, h2, h3 {font: normal 170% 'century gothic', arial; margin: 0 0 15px 0; padding: 15px 0 5px 0; color: #000;}
h2     { font-size: 160%; padding: 9px 0 5px 0; color: #00a;} 
h3     { font-size: 140%; padding: 5px 0 0 0;} 
h4, h6 { color: #00a; padding: 0 0 5px 0; font: normal 110% arial; text-transform: uppercase;} 
h5, h6 { color: #00a; font: normal 95% arial; letter-spacing: normal; padding: 0 0 15px 0;} 
a, a:hover { outline: none; text-decoration: underline; color: #7ba2cb;} 
a:hover { text-decoration: none;} 
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; line-height: 1.5em;}
ol    { margin: 8px 0 22px 20px;} 
ol li { margin: 0 0 11px 0;} 
.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;}
#main, #logo, #menubar, #site_content, #footer { margin-left: auto; margin-right: auto;}
#header { background: #29456d; border-bottom: 1px solid #3d3d3d; height: 186px;}
#banner {  background: transparent url(banner.jpg) no-repeat; width: "860px";
  height: 180px; margin-bottom: 20px; border: 10px solid #DDD;} 
#logo { width: 880px; position: relative; height: 140px; background: #081325;}
#logo #logo_text { position: absolute; top: 10px; left: 0;}
#logo h1, #logo h2 { font: normal 300% 'century gothic', arial, sans-serif; 
  border-bottom: 0; text-transform: none; margin: 0 0 0 9px;}
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { padding: 22px 0 0 0; color: #FFF; 
  letter-spacing: 0.1em; text-decoration: none;}
#logo_text h1 a .logo_colour { color: #ddddff;} 
#logo_text a:hover .logo_colour { color: #ffffff;} 
#logo_text h2 { font-size: 120%; padding: 4px 0 0 0; color: #a5c8e4;} 
#menubar { width: 872px; height: 45px; padding-right: 8px; background: #85a7cc; border-top: 1px solid #fffff;} 
ul#menu { float: right; margin: 0;}
ul#menu li { float: left; padding: 0 0 0 9px; list-style: none; margin: 8px 4px 0 4px;}
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: #fff; text-decoration: none; background: #362f25;} 
ul#menu li.selected a { height: 20px; padding: 6px 20px 5px 11px;}
ul#menu li.selected { margin: 8px 4px 0 13px; background: #2e251c;}
ul#menu li.selected a, ul#menu li.selected a:hover { background: #355f77; color: #FFF;}
ul#menu li a:hover { color: #B48A7C;}
#site_content { width: 880px; overflow: hidden; margin: 20px auto 0 auto; padding: 0 0 10px 0;} 
#sidebar_container { float: left; width: 224px;} 
.sidebar_top { width: 222px; height: 14px; background: transparent url(side_top.png) no-repeat;} 
.sidebar_base { width: 222px; height: 14px; background: url(side_base.png) no-repeat;} 
.sidebar { float: right; width: 222px; padding: 0; margin: 0 0 16px 0;}
.sidebar_item { background: url(side_back.png) repeat-y; padding: 0 15px; width: 192px;}
.sidebar li a.selected { color: #444;} 
.sidebar ul { margin: 0;} 
#content { text-align: left; width: 620px; padding: 0 0 0 5px; float: right;}
#content ul { margin: 2px 0 22px 0px;} 
#content ul li, .sidebar ul li { list-style-type: none; background: url(bullet.png) no-repeat;
   margin: 0 0 0 0; padding: 0 0 4px 25px; line-height: 1.5em;}
#footer { width: 100%; font-family: 'trebuchet ms', sans-serif; font-size: 100%;
  height: 80px; padding: 28px 0 5px 0; text-align: center; background: #000;
  border-top: 2px solid #2D2D2D; color: #FFF;} 
#footer p { line-height: 1.7em; padding: 0 0 10px 0;}
#footer a { color: #FFF; text-decoration: none;} 
#footer a:hover { color: #B48A7C; text-decoration: none;} 
.search { color: #5D5D5D; border: 1px solid #BBB; width: 184px; padding: 4px; font: 100% arial, sans-serif;}
.form_settings { margin: 15px 0 0 0;}
.form_settings p { padding: 0 0 4px 0;}
.form_settings span { float: left; width: 300px; 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.menu tr th { background: #eeeeff; color: #006; padding: 7px 4px; text-align: left;}
table.menu tr td { background: #eeeeff; color: #000; border-top: 1px solid #fff;}
table tr th { background: #ffffff; color: #000; padding: 7px 4px; text-align: left;}
table tr td { background: #ffffff; color: #000; padding: 7px 4px; text-align: left;}

label {
    display: inline-block; background-color: #ddd; padding: 10px 20px; 
    font-family: sans-serif, Arial; font-size: 16px; border: 2px solid #444; border-radius: 4px;
}

input[type=radio] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}