body{margin: 0; padding: 0; color: inherit; background: #666;}

div#container {margin: 0;}

div#header {display: block; color: inherit; background: #999;}
h1#topheader {height: 50px; width: auto; margin: 0; font: 200% bold verdana,arial,sans-serif; font-style: oblique;}
code {font-size: 50%; vertical-align: top;}

div#navbar {margin: auto; padding: 1px; color: #fff; background: #333;}

ul#navbar li {display: inline; color: #FFF; font: 900 small-caps 80% arial,verdana,sans-serif; vertical-align: middle; background: transparent; text-decoration: none;}
ul#navbar li a {color: #fff; width: 13%; text-align: center; margin: auto 1em; padding: 3px 1em; border-bottom: dashed 2px white; background: transparent; text-decoration: none;}
ul#navbar li  > a {  /* to correct width in firefox */ width: auto;}
ul#navbar li a:hover {color: maroon; background: transparent; border-bottom: solid 2px; border-color: transparent;}

div#main {background: #999; color: inherit; height: 100%;}
div#main > #menuLeft {height: auto;  /* to correct in firefox */ }

div#leftnav {float: left; clear: left; margin-top: .5em; width: 10em; height: 100%; /* for IE */}

.leftnavheader{display: block; text-align: center; font: bold small-caps 80% verdana,arial,sans-serif;}

ul.leftnav li {list-style-type: none; color: #333; margin-left: -2em;}
ul.leftnav li a {width: 100%; color: #000; margin: 3px; padding: .5em; text-decoration: none;}
ul.leftnav li a:visited {color: #333; text-decoration: none;}
ul.leftnav li a:hover {color: #333; text-decoration: underline;}
ul.leftnav li a:active {color: #333; text-decoration: none;}

div#center {margin: auto 0 0 10.2em; padding: 0px 20px 10px 7px; background: #fff; border-left: solid 1px #000; font: 100% arial,verdana,sans-serif; min-height: 23em;}
div#center a {width: 100%; color: #000; margin: 3px; padding: .5em; text-decoration: none;}
div#center a:visited {color: #333; text-decoration: none;}
div#center a:hover {color: #333; text-decoration: underline;}
div#center a:active {color: #333; text-decoration: none;}
div#center li {margin-left: 2em;}

div#content h1 {font: 100 150% arial,verdana,sans-serif; color: #000; background: transparent; margin: 0 auto 5px auto; text-transform: lowercase;}
h2,h3,h4,h5,h6 {font-family: verdana,arial,sans-serif; display: block; margin: auto;}
h2 {font: 100 105% verdana,arial,sans-serif; margin: auto; background: maroon; color: #fff; text-indent: 1%; padding: 5px 0;}
h3 {margin: 10px auto auto auto; font: bold 98% verdana,arial,sans-serif;}

p {line-height: 150%;}

span.error {color: #FF0000; font-weight: bold;}
span.warning {color: #FF0000; font-weight: bold;}

div#footer {clear: both; padding: 5px 6px; border-top: solid 1px black; background: #999; font: 80% arial,verdana,sans-serif;}
div#footer {list-style-type: none; color: #333; text-align: center;}
div#footer a {width: 100%; color: #000; margin: 3px; padding: .5em; text-decoration: none;}
div#footer a:visited {color: #333; text-decoration: none;}
div#footer a:hover {color: #333; text-decoration: underline;}
div#footer a:active {color: #333; text-decoration: none;}

.noDisplay {display: none;}