body {
     background: #FFFFFF;
     font-family: Arial, Helvetica, sans-serif;
     padding: 0px;
     margin: 0px;
}

.content {
     background: #e2e2e2;
     display: block;
     border: 1px black solid;
     padding: 0px;
     margin-left: 150px; 
     margin-right: 10px;
     font-size:13pt;
}

.bodybox { 
     margin: 20px;
}

.textbox { 
     margin: 4px;
}

.header {
     display: block;
     background: #bcbcbc;
     width: 100%;
     border: solid black 2px;
     font-size: 18pt;
}



.header-float-left {
     float : left;
     font-size: 18pt;
     font-weight: normal;
     width: 30%;
     margin: 0 0 0.2em 0 ;
     padding-right: 0.2em;
     background: #FFFEA1;
     border-right: 2px dotted black;
     border-left: 2px solid black;
     border-bottom: 2px dotted black;
     border-top: 2px solid black;
}

h2 { 
     display: block;
     background: #bcbcbc;
     width: 100%;
     border-top:2px;
     border-bottom:2px;
     border: solid black 2px;
     margin-left: -15px;
     margin-top:5px;
     margin-bottom:25px;
     padding:2px;
     padding-right:28px;

     font-size: 18pt;
     font-weight: normal;
}


.sidebar {
     float: left;
     display: block;
     border: solid black;
     border-width: 2px 2px 2px 2px;
     background: white;
     width: 100px;
     

     padding: 6px;
     font-size:12px;
}

.sidebar-header { 
     font-weight: bold;
     padding-left: 1em;
     border: solid gray;
     border-width: 0px 0px 1px 0px;
}

.footer{
     display: block;
     background: #bcbcbc;
     width: 100%;
     border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:15px;     
     padding:5px;
     font-size: 8pt;
}
.track
{
     background: #e2e2e2;
     display: block;
     border: 1px black solid;
     padding: 0px;
     margin-left: 50px; 
     margin-right: 150px;
     font-size:13pt;
     height:400px;
}

.finishline
{
	float: right;
	width: 20px;
	border: solid black 2px;
	font-size: 18pt;
	height: 100%;
	margin-top: -2px;
	margin-right:-24px;
	text-align:center;
	
}	

.percentage_chris
{
	 display: block;
     background: #3399CC;
     width: 100%;
     height: 10%;
     border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:5px;    
     padding:0px;
     font-size: 8pt;
     text-align:center;
}

.percentage_mattc
{
	 display: block;
     background: #33CC66;
     width: 8%;
     height: 10%;
     border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:5px;    
     padding:0px;
     font-size: 8pt;
     text-align:center;
     }
.percentage_mattl
{
	 display: block;
     background: #FFFF99;
     width: 100%;
     height: 10%;
     border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:5px;    
     padding:0px;
     font-size: 8pt;
     text-align:center;
}
.percentage_myke
{
	 display: block;
     background: #999966;
     width: 65%;
     height: 10%;

    border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:5px;    
     padding:0px;
     font-size: 8pt;
     text-align:center;
}
.percentage_todd
{
	display: block;
	background: #FF9980;

width: 74%;
     height: 10%;
     border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:5px;    
     padding:0px;
     font-size: 8pt;
     text-align:center;
}

.percentage_chuck
{
        display: block;
	background: #960000;
        width: 43%;
     height: 10%;
     border-top:4px;
     border-bottom:4px;
     border: solid black 2px;
     margin-top:5px;
     padding:0px;
     font-size: 8pt;
     text-align:center;
}