a:link { color: #ff0000; }
a:visited { color: #00cc00; }
a:hover { background-color: #ffffbf;  color: #00cc00; }
a:active { color: #ff0000; }
a.big { color: #ff0000; font-size: 15px; }
body { 
     background: url(graphics/bgcolor.gif);
     bgcolor: #000000;
     color: #ffffff;
     margin-left: 10%; 
     margin-right: 10%; 
     font-family: sans-serif
}
.addmargtop
{
     text-align: center;
     margin-top: 1cm
}
.bold
{
     font-weight: bold;
}
.cent
{
     text-align: center;
}
.centbold
{
     text-align: center;
     font-weight: bold;
}
.cent table
{
     margin-left: auto;
     margin-right: auto;
     text-align: left
}
.centbold table
{
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     font-weight: bold;
}
.changed {
     padding-left: 0.2em;
     border-left: solid;
     border-top: none;
     border-bottom: none;
     border-right: none;
     border-left-width: thin;
     border-color: red;
}
.contentHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana,  helvetica, arial;
}
.head1 { text-align: center; color: #ff0000 }
.head2 { text-align: center; color: #0000ff }
.head3 { 
     text-align: center; 
     font-style: italic; 
     color: #ff0000 
}
.head4 { 
     text-align: center; 
     font-style: italic; 
     color: #0000ff 
}
.sub1 {
     color: #ff0000
}
.sub2 {
     color: #0000ff
}
.sub3 {
     font-weight: bold;
     color: #ff0000
}
.sub4 {
     font-weight: bold;
     color: #0000ff
}
pre {
     font-weight: bold;
     white-space: pre;
     font-family: monospace;
}
tt { color: green }
em { font-style: italic; font-weight: bold }
strong { font-weight: bold }
.navbar { text-align: center }
div.box { border: solid; border-width: thin; width: 100%; padding: 0.2em; }
div.color {
     background-color: rgb(204,204,255);
     padding: 0.5em;
     border: none;
     width: 100%;
}
pre.bad { color: rgb(192, 101, 101) }
p.changed {
     padding-left: 0.2em;
     border-left: solid;
     border-top: none;
     border-bottom: none;
     border-right: none;
     border-left-width: thin;
     border-color: red;
}
.dropcap {
     float: left;
     font: bold 1.4em "Times New Roman", serif;
     color: rgb(51, 0, 102);
     background: rgb(255, 255, 153);
}
.highlight {
     background-color: #FFFF00;
}
.lowlight {
     background-color: #80FF80;
}
table {
    font-family: sans-serif;
    font-size: 80%;
    background: white;
    border-width: 2;
    border-color: white;
}
table.games {
     background-color: #FFFFFF;
     border-collapse: collapse;
     border-spacing: 0px;
     border: 1px #808080 solid;
     font-size: 90%;
     font-family: Ariel, sans-serif;
     font-weight: bold;
}
td {
     font-family: sans-serif;
     color: #000000;
}
td.bold {
     font-family: sans-serif;
     font-size: 100%;
     font-weight: bold;
 }
td.bio {
     background-color: #ffffff;
     font-family: sans-serif;
     font-weight: bold;
     color: #ff0000;
     font-size: 100%;
}
td.greenHeader {
     background-color: #003300;
     text-align: center;
     font-family: sans-serif;
     font-weight: bold;
     color: #ffffff;
     font-size: 90%;
}
td.greyCell {
     background-color: #969696;
     text-align: left;
     font-family: sans-serif;
     font-weight: bold;
     color: #ffffff;
     font-size: 90%;
}
td.lightblueCell {
     background-color: #666699;
     text-align: left;
     font-family: sans-serif;
     font-weight: bold;
     color: #ffffff;
     font-size: 90%;
}
td.black {
    font-family: sans-serif;
     color: #000000;
     font-weight: bold;
     font-size: 80%;
}
td.games {
     font-size: 90%;
     font-family: Ariel, sans-serif;
     border: 1px #808080 solid;
}
td.titlebar {
     background-color: #C0C0C0;
     color: #000000;
     border: 1px #808080 solid;
     font-size: 90%;
     font-family: Ariel, sans-serif;
     font-weight: bold;
}
td.shaded { background: rgb(255, 255, 153) }
th.shaded { background: rgb(204, 204, 153) }
.bodyHeader {
color: #ff000000;
font-weight: bold;
}
.bodyNormal {
color: #ffffff;
}
.tinyBlack {
color: #000000;
font-size: 75%;
}
.tinyWhite {
color: #ffffff;
font-size: 75%;
}
.clsTextBoxBorder{
     BORDER-RIGHT: 1px outset #858BFD;
     BORDER-LEFT: 1px outset #858BFD;
     BORDER-TOP: 1px outset #858BFD;
     BORDER-BOTTOM: 1px outset #858BFD
}
.clsTextAreaBorder{
     BORDER-RIGHT: 1px outset #858BFD;
     BORDER-LEFT: 1px outset #858BFD;
     BORDER-TOP: 1px outset #858BFD;
     BORDER-BOTTOM: 1px outset #858BFD;
     scrollbar-base-color: #858BFD;
     scrollbar-arrow-color: #000000;
     scrollbar-DarkShadow-Color: #000000;
     scrollbar-Track-Color: #858BFD;
     scrollbar-highlight-color: #CCCCCC
}
li.inline{
     display: inline;
     padding-left: 3px;
     padding-right: 4px;
     border-right: 1px dotted #066;
     font-size: 80%;
     font-weight: bold;
}
li.last{
     display: inline;
     padding-left: 3px;
     padding-right: 4px;
     border-right: 0px;
     font-size: 80%;
     font-weight: bold;
}
.whitebox{
     background-color: #ffffff;
     padding-left: 5px;
     border-left: solid;
     padding-right: 5px;
     border-right: solid;
     border-top: solid;
     border-bottom: solid;
     border-color: black;
     color: #000000;
}
.greybold{
     font-family:  Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px; 
     font-style: normal;
     line-height: normal;
     font-variant: normal;
     color: 2E2E2E;
     font-weight: bold
}
.greyboldLarge{
     font-family:  Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-style: normal;
     line-height: normal;
     font-variant: normal;
     color: 2E2E2E;
     font-weight: bold
}
div.float{
     float: left;
}
div.floatright{
     float: right;
}
div.spacer{
     clear: both;
}
div.button{
     width: 12em;
     border-right: 1px solid #000;
     padding: 0 0 1em 0;
     margin-bottom: 1em;
     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
     font-weight: bold;
     background-color: #90bade;
     color: #333;
}
div.button ul{
     list-style: none;
     margin: 0;
     padding: 0;
     border: none;
}
div.button li{
     border-bottom: 1px solid #90bade;
     margin: 0;
}
div.button li a{
     display: block;
     padding: 5px 5px 5px 0.5em;
     border-left: 10px solid #1958b7;
     border-right: 10px solid #508fc4;
     background-color: #2175bc;
     color: #fff;
     text-decoration: none;
     width: 100%;
}
html>body #button li a{
     width: auto
}
div.button li a:hover{
     border-left: 10px solid #ff0000;
     border-right: 10px solid #5ba3e0;
     background-color: #3586d7;
     color: #fff;
}