select {
background: #333333;
color: #FFFFFF;
width: 200px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.data select {
background: #333333;
color: #FFFFFF;
width: 300px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


body {
background: #333333;
color: #DDDDCC;
}

table {
border: 0px;
}

.blackbutton {
background: #333333;
color: #FFFFFF;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.mainarea {
background: #FFFFFF;
vertical-align: top;
height: 100%;
}

.mainarea table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #000000; 
}

.mainarea h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: #000000; 
}

.mainarea h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; 
color: #000000; 
}

.mainarea a.topiclink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
color: #000000; 
}


.mainarea a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #000000; 
}

.mainarea a:hover {
color: #999999; 
}

.mainarea td.news {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.mainarea td.trackrecord {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
background: #DDDDDD;
height: 14px;
}

.mainarea td.recinfo {
background: #FFFFFF;
}

.mainarea table.rectable {
background: #FFFFFF;
}

.mainarea td.vertspacer {
height: 3px;
font-weight: bold;
background-image: url(spacer2.gif);
background-repeat: repeat-x;
}

.mainarea td.horspacer {
width: 3px;
font-weight: bold;
background-image: url(spacer.gif);
background-repeat: repeat-y;
}

.mainarea td.recordhead {
height: 20px;
background: #333333;
color: #FFFFFF;
font-weight: bold;
}

.mainarea td.seasonhead {
height: 20px;
background: #FFFFFF;
color: #000000;
font-weight: bold;
font-size: 16px
}

.mainarea td.track1 {
width: 180px;
background: #EEEEEE;
}

.mainarea td.track2 {
width: 180px;
background: #DDDDDD;
}

.mainarea td.record1 {
width: 120px;
background: #EEEEEE;
}

.mainarea td.record2 {
width: 120px;
background: #DDDDDD;
}

.mainarea td.trackrecordheader {
font-size: 14px;
text-align: center;
width: 1020px;
}

.mainarea td.topictext {
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

.mainarea td.trackrecordranks {
font-size: 14px;
text-align: center;
}

.mainarea td.headertxt {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

.leftcolumn {
background: url(white_bg.gif); 
color: #DDDDCC;
width: 120px;
vertical-align: top;
height: 100%;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sep {
font-size: 2px;
margin: 2px 0px 2px 0px;
width: 120px;
background-image: url(white_sep.gif);
background-repeat: no-repeat;
}

.los {
height: 16px;
margin: 5px 0px 5px 0px;
padding: 2px 0px 0px 3px;
font-weight: bold;
width: 120px;
background-image: url(white_los.gif);
background-repeat: no-repeat;
}

.leftcolumn a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 
color: #000000; 
text-decoration: none;
background-image: url(box_off.gif);
background-repeat: no-repeat;
padding-left: 13px;
}

.leftcolumn a:hover {
color: #FFFFFF; 
background-image: url(box_on.gif);
background-repeat: no-repeat;
}


.topcolumn p.osa1 {
float: left;
}

.topcolumn p.osa2 {
float: left;
}

.mainarea {
width: 840px;
}