html, body, pre {background: #fff; font-family:verdana; font-size:10pt; margin: 0;}

a, a:visited {color:#BA7;}
a:hover {color: #BA7; text-decoration:none}

#page {border: #999 1px solid; margin: 0px auto; width: 800px; /*border: solid #808080 1px; */ line-height:1.5em; color: #606060; background: #fff;}

#header {background-color:#BA7; color: #fff; padding-top: 10px;}
#header h2 {font-size: 16pt;}
#header h3 {font-size: 12pt;}
.title {float: left; padding: 10px 0 0 20px; }
.title a {color: #ccc; text-decoration: none; font-size: 24pt;}
.title a:hover {color: #fff; text-decoration: none;}
/*.banner {clear: both;}*/
.date {float: right; margin: 5px 20px; text-align: right;}
.subtitle {height:25px; padding: 5px 0; font-size: 10pt; background-color:#BA7; color: #fff; font-weight: bold; text-align: center;}

#content {float:right; width: 600px; text-align: justify; padding: 10px;}
.heading {font-size:14pt; font-weight:bold; color:#258;}
.subheading {font-size:12pt; font-weight:bold; color:#258;}

#menu {float:left; width:180px; padding: 1px 0; text-decoration:none}
#menu ul {margin: 0px 0; padding: 0; background: #BA7;}
#menu ul li {width: 180px; list-style: none; margin:0; color: #fff; border-bottom: 1px solid #fff;}
#menu ul li a, 
#menu ul li a:visited {display: block; background: #BA7; color:#fff; text-decoration:none; padding: 5px 0 5px 10px;}
#menu ul li a:hover {display: block; background: #258; color:#ccc; padding: 5px 0 5px 10px;}

#footer {clear: both; text-align:center; border-top: 1px dotted #999;}

#validator {float: right; padding-top: 60px;}

#date {float: right; font-weight: bold}
.latest {border: 1px solid #f00; padding-right: 10px; font-weight: bold; text-align: left;}