/* Body formatting */

body
{
font-family: Verdana;
color: #FFF;
}

/* ---------------------------------------- */

/* Link formatting */

a:link
{
color: #FFF200;
text-decoration: none;
}

a:visited
{
color: #FFF200;
text-decoration: none;
}

a:hover
{
color: #FFF;
text-decoration: none;
}

a:active
{
color: #FFF;
text-decoration: none;
} 

.footnav
{
color: #FFF;
}

.footnav a:link
{
color: #FFFFFF;
text-decoration: none;
}

.footnav a:visited
{
color: #FFFFFF;
text-decoration: none;
}

.footnav a:hover
{
color: #FFF200;
text-decoration: underline;
}

.footnav a:active
{
color: #FFF;
text-decoration: none;
} 

#logo_bar
{
width: 900px;
height: 140px;
background: url('images/trackvroad_topbar.jpg');
}


#fade
{
width: 900px;
height: 50px;
background: url('images/fade.png');
}



/* ---------------------------------------- */

/* Table formatting */

table 
{
border-style: none;
border-collapse: collapse;
font-size: 10pt;
}

td
{
border-style: none;
}

#col0
{
padding-left: 10px;
padding-right: 10px;
background-color: #000;
vertical-align: top;
}

#col1
{
width: 170px;
padding-top: 11px;
background-color: #000;
text-align: center;
}

#col2
{
width: 710px;
padding-left: 10px;
padding-right: 5px;
background-color: #000;
vertical-align: top;
}

#col2a
{
width: 520px;
padding-left: 10px;
padding-right: 5px;
background-color: #000;
vertical-align: top;
}

#col2b
{
width: 260px;
padding-left: 10px;
padding-right: 5px;
background-color: #000;
vertical-align: top;
}

#col3
{
width: 20px;
padding-top: 19px;
background-color: #000;
}

#col3a
{
width: 210px;
padding-top: 19px;
background-color: #000;
text-align: center;
}


#list
{
font-weight: bold;
font-style: italic;
}

#list2
{
font-style: italic;
}

li
{
margin-top: 4;
margin-bottom: 0;
}


#box
{
width: 170px;
height: 200px;
background-image: url('images/box.png');
background-repeat: no-repeat;
color: #000;
}

#box2
{
width: 125px;
height: 155px;
background-image: url('images/box2.png');
background-repeat: no-repeat;
color: #000;
}

#box_text
{
font-size: 13px;
font-weight: bold;
font-style: italic;
padding: 9px;
}

#box_text2
{
font-size: 10px;
font-weight: bold;
font-style: italic;
padding: 9px;
text-align: center;
}



/* Menu Bar formatting ------------------------------ */

ul.menu
{
margin: 10px;
width: 148px;
}

ul.menu li a
{
width: 148px;
height: 20px;
padding-left: 7px;
background: url('images/menu_button.png') no-repeat center;
text-decoration: none;
font-weight: bold;
font-style: italic;
}

ul.menu li a:link
{
color: #000;
}

ul.menu li a:visited
{
color: #000;
}

ul.menu li a:hover
{
color: #FFF;
}



/* Main Area formatting */

p.heading
{
margin-top: 20;
margin-bottom: 0;
text-align: left;
font-size: 12pt;
font-weight: bold;
font-style: italic;
vertical-align: top;
color: #FFF200;
}

p.body_no_heading
{
margin-top: 20;
margin-bottom: 0;
text-align: justify;
}

p.body
{
margin-top: 5;
margin-bottom: 0;
text-align: justify;
}

td.service_car_list
{
width: 100px;
vertical-align: middle;
text-align: right;
color: #FFF;
}

td.service_mileage
{
width: 120px;
vertical-align: top;
color: #FFF;
}

td.service_prices
{
font-size: 16pt;
font-weight: bold;
text-align: center;
width: 120px;
height: 60px
color: #FFF;
}

td.service_type
{
width: 100px;
vertical-align: middle;
text-align: center;
color: #FFF;
}

/* Footer Bar formatting */

#footer_bar
{
	height: 20px;
	background-color: #000;
	text-align: center;
	font-size: 8pt;
	padding: 13px 0px 6px 0px;
}

/* ---------------------------------------- */

/* Form formatting */

form
{
margin: 0;
padding: 0;
min-width: 500px;
max-width: 550px;
width: 550px;
}

form fieldset
{
border: 1px solid #666;
padding: 10px;
margin: 0;
}

form fieldset legend
{
font-size: 14px;
color: #FFF200;
}

form label
{
text-align: right;
width: 175px;
}

form input, form textarea
{
width: auto;
margin: 5px 0 0 10px;
border-color: #666;
border-width: 1px;
border-style: solid;
background-color: #000;
color: #FFF
}

input, textarea
{
font-family: Verdana;
background: url(images/input_bg.jpg);
}

form input#reset
{
margin-left: 0px;
}

textarea
{
overflow: auto;
}

form small
{
display: block;
margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;}

form br
{
clear:left;
}

#right_image
{
margin-left: 40px;
float: right;
}
