/* generic */
body {
margin:0px 0px; padding:0px;
text-align: center;
font-family: arial;
font-size: 10pt;
color: #002b74;
background-color: #ffffff;
}

#bannerl {
position: absolute;
top: 20px;
left: 0px;
width: 400px;
height: 246px;
background-image: url(webracing_logo.jpg);
} 

#banner2 {
position: absolute;
top: 20px;
right: 0px;
width: 400px;
height: 246px;
background-image: url(banner_right.jpg);
} 

#banner3 {
position: absolute;
top: 266px;
right: 0px;
width: 1000px;
height: 50px;
color: #c2c2c2;
font-size: 18pt;
border-top: solid 5px #c2c2c2;
text-align: center;
} 

#pic1 {
position: absolute;
top: 316px;
right: 315px;
width: 146px;
height: 219px;
} 
#pic2 {
position: absolute;
top: 316px;
right: 0px;
width: 305px;
height: 219px;
} 
 
#pic3 {
position: absolute;
top: 545px;
right: 0px;
width: 305px;
height: 180px;
}
#text_1 {
position: absolute;
top: 316px;
left: 0px;
width: 500px;
}
#text_2 {
width: 245px;
position: absolute;
left: 0px;
}
#text_3 {
width: 245px;
position: absolute;
left: 255px;
}
#text_4 {
width: 900px;
position: absolute;
left: 0px;
top: 1180px;
}

#text_5 {
position: absolute;
top: 316px;
left: 0px;
width: 640px;
}

#text_6 {
width: 315px;
position: absolute;
left: 0px;
}
#text_7 {
width: 315px;
position: absolute;
left: 325px;
}
#text_8 {
width: 900px;
position: absolute;
left: 0px;
top: 890px;
}
#text_9 {
width: 700px;
position: absolute;
left: 0px;
top: 720px;
}


h1{
font-weight: bold;
font-size: 12pt;
}
h2 {
font-weight: bold;
font-size: 14pt;
}
a.m:link, a.m:visited, a.m:active {
color: #002b74;
font-size:10pt; 
text-decoration: none;
}
a.m:hover {
color: #ff0000;
text-decoration: none;
}

a.c:link, a.c:visited, a.c:active {
color: #002b74;
}
a.c:hover {
color: #ff0000;
}


#index_container {
position: relative;
top: 0px;
width: 1000px;
height: 670px;
margin:0px auto;
text-align: left;
} 
#banner {
position: absolute;
top: 20px;
width: 1000px;
height: 150px;
background-image: url(vt_banner_2.jpg);
border: 1px #002b74 solid;
} 
#fp_menu {
position: absolute;
top: 190px;
width: 170px;
height: 490px;
padding:5px;
/*background-color: #c0d7ff;*/
background-color: #FFC200;
border: 1px #002b74 solid;
} 
#content_1 {
position: absolute;
padding:5px;
top: 190px;
left: 200px;
width: 290px;
height: 490px;
background-color: #ebe9d9;
border: 1px #002b74 solid;
} 
#content_2 {
position: absolute;
padding:5px;
top: 190px;
left: 520px;
width: 220px;
height: 490px;
background-color: #FFF0BF;
border: 1px #002b74 solid;
} 
#content_3 {
position: absolute;
padding:5px;
top: 190px;
left: 770px;
width: 220px;
height: 490px;
background-color: #FFE180;
border: 1px #002b74 solid;
} 
#content_4 {
position: absolute;
padding:5px;
top: 190px;
left: 200px;
width: 290px;
height: 490px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 
/* contact form */
/* valid XHTML */
#contact_form {
position: absolute;
left: 10px;
top: 0px;
width: 400px;
height: 530px;
background-color: #ffffff;
padding: 5px;
border: 0px #002b74 solid;
color: #002b74;
}
/*#contact_2 {
position: absolute;
left: 180px;
top: 260px;
width: 330px;
height: 400px;
} */

#fcf2 {
/*font-family:arial;
font-size:9pt;
color: #333192;
margin:5px;
border:1px solid #3D5686;
background-color:#FFF; */
width:400px;
}
/*#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#333192;
font-weight:bold;
padding:4px;
margin:0px;
} */
/*#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#000000;
} */
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 290px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:normal;
color: #002b74;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #002b74;
}






#content_5 {
position: absolute;
top: 190px;
left: 200px;
width: 800px;
height: 500px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 
#about_1 {
position: absolute;
left: 10px;
top: 10px;
width: 390px;
height: 20px;
font-size: 12pt;
font-weight: bold;
background-color: #ffffff;
}
#about_2 {
position: absolute;
left: 10px;
top: 35px;
width: 370px;
height: 450px;
background-color: #ffffff;
}
#about_3 {
position: absolute;
left: 410px;
top: 35px;
width: 370px;
height: 450px;
background-color: #ffffff;
}

#content_6 {
position: absolute;
top: 190px;
left: 200px;
width: 800px;
height: 900px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 

#content_7 {
position: absolute;
top: 190px;
left: 200px;
width: 800px;
height: 1400px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 


/* news */
#news_container {
position: relative;
top: 0px;
width: 1000px;
height: 670px;
margin:0px auto;
text-align: left;
background-color: #ffffff;
} 
#news_head {
position: absolute;
left: 300px;
top: 150px;
width: 600px;
height:100px;
background-color: #333192;
color: #ffffff;
font-size: 12pt;
font-weight: bold;
padding: 10px;
}
#news_content {
position: absolute;
left: 300px;
top: 270px;
width: 600px;
padding: 10px;
}
a.nc:link, a.nc:visited, a.nc:active {color:#000000;
font-weight: bold;
text-decoration: none;
}
a.nc:hover {color:#ff0000;
font-weight:bold;
text-decoration: none;
}
#news_menu {
position: absolute;
top: 150px;
left: 20px;
}
a.mh:link, a.mh:visited, a.mh:active {color:#000000;
font-weight: bold;
text-decoration: none;
}
a.mh:hover {color:#ff0000;
font-weight:bold;
text-decoration: none;
}
a.nm:link, a.nm:visited, a.nm:active {color:#000000;
font-weight: bold;
font-size: 8pt;
text-decoration: none;
}
a.nm:hover {color:#ff0000;
font-weight:bold;
font-size: 8pt;
text-decoration: none;
}

a.ms:link, a.ms:visited, a.ms:active {color:#002b74;
font-weight: bold;
font-size: 8pt;
text-decoration: none;
}
a.ms:hover {color:#ff0000;
font-weight:bold;
font-size: 8pt;
text-decoration: none;
}

#video_1 {
width: 325px;
position: absolute;
left: 0px;
}
#video_2 {
width: 290px;
position: absolute;
left: 340px;
top: 0px;
}

#video_3 {
width: 900px;
position: absolute;
left: 0px;
top: 790px;
}
table {
border-width: 0px;
}
td.grey {
background-color: #dddddd;
width: 200px;
font-weight: bold;
}
td.grey300 {
background-color: #dddddd;
width: 300px;
font-weight: bold;
}
td.white {
background-color: #ffffff;
width: 200px;
}
td.white300 {
background-color: #ffffff;
width: 300px;
}
#pr_1 {
width: 900px;
position: absolute;
left: 0px;
top: 1100px;
}
#pr_2 {
width: 900px;
position: absolute;
left: 0px;
top: 1400px;
}
#pr_3 {
width: 900px;
position: absolute;
left: 0px;
top: 1050px;
}
#pr_4 {
width: 900px;
position: absolute;
left: 0px;
top: 750px;
}
a.r:link, a.r:visited, a.r:active {
color: #e12f3b;
text-decoration: none;
font-weight: bold;
}
a.r:hover {
color: #ff0000;
font-weight: bold;
}

