
/* Home Page specific styles */
#frontCarContainer {
	width: 538px;
	float:left;
}

#frontCar {
	width: 538px;
	height: 265px;
	background-image: url(../images/front_Vitalube.jpg);
	text-align:right;
	float:left;
}

#HowWeWork {
	width: 287px;
	height: 220px;
	background-image: url(../images/HowWeWork.gif);
	margin-right:20px;
	margin-left:auto;
	
}

#IndexMainContainer {
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}



/* Site-wide styles */
body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-color: #A56C00;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
}

#header {
	background-image: url(../images/LogoWeb.gif);
	background-repeat: no-repeat;
	height: 108px;
	width: 100%;
}

#footer {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color:#FFE0A8;
	background-image: url(../images/footerBG.gif);
	height: 17px;
	border-bottom: 1px solid #A56C00;
}


#main {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#navigation {
	background-image: url(../images/navbar.jpg);
	height: 20px;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	border-top:1px solid #A56C00;
	border-left:1px solid #A56C00;
	border-right:1px solid #A56C00;
	text-align:left;
}

#navigation ul
{
margin-top:0px;
margin-bottom:0px;


}

#navigation li
{
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;

}

#navigation li a
{
text-decoration: none;
color:#FFFFFF;
padding-right: 10px;
padding-left: 10px;
}

#navigation li a:hover
{
text-decoration: none;
background-color:#BF9139;
color:#FFFFFF;
padding-right: 10px;
padding-left: 10px;
}

.currentMenuButton
{text-decoration: none;
background-color:#BF9139;
color:#FFFFFF;
padding-right: 10px;
padding-left: 10px;
}

/***********************************************************************************************
************************************************************************************************/
#subnavigation {
	background-image: url(../images/divider.gif);
	height: 19px;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	border-top:1px solid #A56C00;
	border-left:1px solid #A56C00;
	border-right:1px solid #A56C00;
	text-align:left;
}

#subnavigation ul
{
margin-top:0px;
margin-bottom:0px;
}

#subnavigation li
{
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #CC9900;

}

#subnavigation li a
{
text-decoration: none;
color:#CC9966;
padding-right: 10px;
padding-left: 10px;
}

#subnavigation li a:hover
{
text-decoration: none;
background-color:#FFD7AE;
color:#CC9966;
padding-right: 10px;
padding-left: 10px;
}

.currentSubMenuButton
{
text-decoration: none;
background-color:#FFD7AE;
color:#CC9966;
padding-right: 10px;
padding-left: 10px;
}

/***********************************************************************************************
************************************************************************************************/

#divider{
	background-image: url(../images/divider.gif);
	height: 19px;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	border-left:1px solid #A56C00;
	border-right:1px solid #A56C00;
}

#mainContainer {
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image:url(../images/bg.gif);
}

#secondaryCar {
	width: 537px;
	height: 265px;
	background-color:#D5D5D5;
	background-repeat: no-repeat;
	text-align:left;
	float:left;
}

#HowWeWork {
	width: 287px;
	height: 220px;
	background-image: url(../images/HowWeWork.gif);
	margin-right:20px;
	margin-left:auto;
	
}

#schedule {
	width: 252px;
	background-color:#FFE0A8;
	float:right;
	margin-right:auto;
	margin-left:auto;
	border-left:1px solid #A56C00;
	border-right:1px solid #A56C00;
	border-bottom:1px solid #A56C00;
	
}

#scheduleMain {
	margin-left:5px;
	
}

#scheduleMain p{
	margin-left:8px;
	margin-top:5px;
	
	
}

.scheduleTextHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #A56C00;
	
}

.scheduleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	
}

.scheduleTextLargeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

#button_schedule {
	text-align:center;
}

#secondaryContent {
	margin-left:8px;
	margin-right:10px;	
}

#ContentTop {
	height:46px;
	width:538px;
	background-image: url(../images/ContentTop.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#TestMain {
	width:538px;
	background-image: url(../images/ContentMiddle.jpg);
	background-repeat: repeat;
}


#ContentBottom {
	height:39px;
	width:538px;
	background-image: url(../images/ContentBottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#Content {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:30px;
	padding-left:10px;
	margin-right:30px;
	border-left:1px solid #A56C00;
}

#SectionHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#A56C00;
	margin-left:25px;
}

.subHead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.TestChunk {
	border-color:#A56C00;
	border-style:solid;
	border-width:1px;
	padding:3px;
	background-color:#F2F2F2;
}

.price {
font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	}

.form {
font-family: Arial, Helvetica, sans-serif;
	font-size:.9em;
}

.formLeft {
float:left;
vertical-align:center;
width:110px;
font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
}

.formRight {
float:right;
width:320px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	}
	
.formSpread {
width:100%;
font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	}
	
.formDivider {
border-top: 1px solid #A56C00; 
	}

/***********************************************************************************************
DHTML Tree Styles
************************************************************************************************/
.trigger{
   cursor: pointer;
   cursor: hand;
}
.branch{
   display: none;
   margin-left: 16px;
}

