<style type="text/css">
{}

body 
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#888888;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
}

.map
{
position: absolute;
left: 420px;
top: 100px;
z-index:0
}

.controls
{
position: absolute;
left: 430px;
top: 150px;
z-index:2
}

.blurb
{
font-size: 12px;
font-style: normal;
font-weight: normal;
font-face:  helvetica, arial;
font-family:  helvetica, arial;
color: #FFFFFF;
z-index:1
}

.start
{
font-size: 10px;
font-style: normal;
font-weight: normal;
font-face: arial;
position: absolute;
top: 400px;
left: 400px;
z-index:2
}

.databox
{
position: absolute;
left: 35px;
top: 135px;
z-index:2
}

.title
{
position: absolute;
left: 0px;
top: 0px;
z-index:1
}

.dotlegend
{
position: absolute;
left:370px;
top: 520px;
z-index:2
}

.dotswitch
{
position: absolute;
left: 30px;
top: 520px;
z-index:2
}

.lapcoms
{
position: absolute;
left: 980px;
top: 380px;
z-index:4
}

.data
{
font-size: 10px;
font-style: normal;
font-weight: normal;
font-face: arial;
vertical-align: middle;
}

.racename
{
position: absolute;
left: 430px;
top: 20px;
z-index:3;
}

.racenameb
{
position: absolute;
left: 432px;
top: 22px;
z-index:2;
}

.race
{
font-size: 35px;
font-style: normal;
font-weight: bold;
font-face:  helvetica, arial;
font-family:  helvetica, arial;
color: #FF0000;
}

.raceb
{
font-size: 35px;
font-style: normal;
font-weight: bold;
font-face:  helvetica, arial;
font-family:  helvetica, arial;
color: #000000;
}

.race2
{
font-size: 20px;
font-style: italic;
font-weight: bold;
font-face:  helvetica, arial;
font-family:  helvetica, arial;
color: #0022FF;
}

.race2b
{
font-size: 20px;
font-style: italic;
font-weight: bold;
font-face:  helvetica, arial;
font-family:  helvetica, arial;
color: #00FFFF;

}

.datah
{
font-size: 11px;
font-style: normal;
font-weight: bold;
font-face: arial;
vertical-align: middle;
}

.clock
{
font-size: 12px;
font-style: normal;
font-weight: bold;
font-face: arial;
}

.lap
{
font-size: 12px;
font-style: normal;
font-weight: bold;
font-face: arial;
}

.comments1
{
font-size: 14px;
font-style: normal;
font-weight: bold;
font-face: arial;
color: #0000DD;
}

.comments2
{
font-size: 11px;
font-style: normal;
font-weight: bold;
font-face: arial;
color: #333333;
}

.biog
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #252500;
}

.note 
{
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #252500;
}

.pic
{
top: 40px;
left: 400px;
z-index:1
}


a.link1:link 
{  
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #252500
}

a.link1:visited 
{  
text-decoration: none;  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #252500
}

a.link1:active 
{  
text-decoration: none;  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #252500
}

a.link1:hover 
{  
text-decoration: none;  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #FF0000
}


</style>