body {
 background-color: #000000;
 color: #ffffff;
 font-family: arial, Helvetica, sans-serif;
 font-size: 12px;
}

A:link { color: #5050ff; }
A:visited { color: #3030ff; }
A:active { color: #8080ff; }

a {font-size: 12px;}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: yellow;
}

h1 {
 font-size: 24px;
}
h2 {
 font-size: 16px;
}

table {
padding: 0;
margin: 0;
border: 0;
}

tr {
padding: 0;
margin: 0;
border: 0;
}

td {
padding: 0;
margin: 0;
border: 0;
}

.listingtable {
width: 400px;
}

.dateheader {
 color: #6060ff;
 text-align: center;
 width: 400px;
 padding: 6px;
}

.datelisting {
vertical-align: text-top;
color: #8080ff;
text-align: left;
width: 20%;
padding: 6px;
}

.listing {
vertical-align: text-top;
color: #fff;
text-align: left;
width: 80%;
padding: 6px;
}

#header {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}

#header ul {
  display: block;
  padding:0px; 
  margin:0px;
  list-style-type: none; 
}

#header li {
  display: block;
  float: left;
  padding: 0 4px 0 4px;
  text-align: center;
  margin:0px;
  list-style-type: none;

}

#footer {
padding: 0 0 12px 0;
}

#footer  P {
 font-size: 10px;
}

#body {
  clear: both;
  position: relative;
  top: 12px;
}
#main {
 padding-left: 300px;
}

#intro {
 position: absolute;
 top: 0;
 left: 0;
 width: 254px;
 padding: 12px;
 border: medium solid #000050;
 text-align: center;
}
.rule {border-top-width: 2px;
       border-top-style: dotted;
       border-color: #303080; 
       margin: 0px 0px;}

.bigrule {border-top-width: 4px;
       border-top-style: dotted;
       border-color: #303080; 
       margin: 0px 0px;}