body {
 background-color: #000000;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding-top: 15px;
}
h1 {
  font-size: 36px;
  display:inline;
  color: #cccccc;
  font: tahoma, helvetica, verdana, arial, sans-serif;
  margin:3px 3px;
  }
h3 {
 font-size: 14px;
 font-weight:bold;
 letter-spacing: 1px;
 text-decoration: underline;
}

img {
 border-style: none;
}

a {
 color: #333333;
 text-decoration: underline;
}
a:hover {
 color: #003399;
 text-decoration: underline;
}

#topnav {
 border: 1px solid #333333;
 background-color: #CCCCCC;
 vertical-align: top;
 text-align:center;
 padding: 3px 16px 3px 16px;
 font-weight: bold;
 font-size: 11px;
 letter-spacing: 1px;
 margin-top: 6px;
}

#topnav a:link, #topnav a:visited, #topnav a:active {
 text-transform: uppercase;
 text-decoration:none;
 background-color: #CCCCCC;
 padding: 3px 16px 3px 16px;
 text-decoration: none;
 color: #333333;
}

#topnav a:hover {
 background-color: #003399;
 border-left: 1px #333333 solid;
 border-right: 1px #333333 solid;
 text-decoration: none;
 color: #CCCCCC;
}

#container {
 border: 1px solid #333333;
 width: 800px;
 background-color: #003399;
 padding: 6px;
 height: 100%;
}

#header {
 border: 1px solid #333333;
 background-color: #003399;
 color: #FFFFFF;
 vertical-align: bottom;
 text-align: left;
 height: 40px;
 padding: 8px;
}
 
.contentblock {
 border: 1px solid #333333;
 background-color: #ffffff;
 vertical-align: top;
 text-align:left;
 padding: 2px 10px 2px 10px;
 margin-top: 6px;
 margin-bottom: 6px;
 margin-left: 1px;
}

#footer {
 margin-top: 6px;
 clear: both; 
 border: 1px solid #333333;
 background-color: #CCCCCC;
 color: #333333;
 vertical-align: top;
 text-align: right;
 padding: 4px;
 padding-right: 15px;
 font-size: 8px;
 letter-spacing: 1px;
}