/* background image & general page properties*/

body { background-image: url(bg1.jpg); background-repeat: no-repeat;
color: #FFFFFF; background-color: #000000; }

#container {
   position: absolute; 
   right:auto;
   left:auto;
   width: 100%; 
   height: 100%;
   }

#line {
  position: absolute;
  top: 535px;
  left: 50px;
  width: 600px;
  }

a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #0888f8;
}
a:active {
	text-decoration: none;
	color: #999999;
}

#test {
  position: absolute;
  top: 167px;
  left: 220px;
  width: 490px;
  height: 200px;
  background-color: transparent;
  text-align: justify;
  padding: 5px;
  }


/* header */
#header {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 700px;
  height: 100px;
  background-color: transparent;
  text-align: justify;
  padding: 5px;
  }
  
/* left navigation and first part of content */
#content1 {
  position: absolute;
  top: 140px;
  left: 40px;
  width: 700px;
  height: 200px;
  background-color: transparent;
  text-align: justify;
  padding: 5px;
  }

/* link properties for the navigation on the left */  
.class2 A:link 	{color: #000000; text-decoration: none}
.class2 A:visited {color: #666666; text-decoration: none}
.class2 A:active {color: #000000; text-decoration: none}
.class2 A:hover {color: #ffffff; text-decoration: none}
  
/* left navigation and second part of the content */
#content2 {
  position: absolute;
  top: 315px;
  left: 40px;
  width: 700px;
  height: 200px;
  background-color: transparent;
  padding: 5px;
  }
  
/* the quote at the bottom of the page */
#content3 {
  position: absolute;
  top: 570px;
  left: 40px;
  width: 450px;
  height: 100px;
  background-color: transparent;
  text-align:center;
  padding: 5px;
  }

/* right column with the race track lists */
#leftbox {
  position: absolute;
  top: 30px;
  left: 760px;
  width: 212px;
  height: 42px;
  background-color: #0888f8;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #ffffff;
  font-weight: bold;
  text-align:center;
  }
  
#leftcol {
  position: absolute;
  top: 80px;
  left: 760px;
  width: 210px;
  height: 440px;
  border: solid;
  border-width: 1px;
  border-color: #999999;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #999999;
  text-align:center;
  line-height: 17pt;
  padding-top: 10px;
   }

/* footer */
* {
margin: 0;
}
html, body {
 height: 100%;
}


.footer {
position:absolute;
top: 780px;
left: auto;
right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #0888f8;

}


/* font styles throughout the site */
.style1 {
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #f59700;
   font-size:30px;
   }
   
.style2 {
   font-family:Arial, Helvetica, sans-serif;
   color: #999999;
   font-weight: normal;
   font-size:30px;
   }
   
.style3 {
   font-family:Arial, Helvetica, sans-serif;
   color: #999999;
   font-weight: normal;
   font-size:12px;
   line-height: 14px;
   }
   
.style4 {
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   }
   
.style5 {
   font-family:Arial, Helvetica, sans-serif;
   color: #ffffff;
   font-weight: normal;
   font-size:16px;
   line-height: 16px;
   }
   
.style6 {
   font-family:Arial, Helvetica, sans-serif;
   color: #0085fb;
   font-weight: normal;
   font-size:18px;
   line-height: 18px;
   }
   
.style7 {
   font-family:Arial, Helvetica, sans-serif;
   color: #999999;
   font-weight: normal;
   font-size:14px;
   line-height: 16px;
   }
   
.style8 {
   font-family:Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #f59700;
   font-size:23px;
   }
   
.opacity {
   filter: Alpha (Opacity=100); 
   -moz-opacity: .25; 
   bgcolor: #ffffff;
   }