/* Main Elements

Boxed Elements:
border:2px solid #d4d4d4;
background-color:#eeeeee;


----------------------------------------------- */
body{
  background:url("../images/body_bkgd.jpg") repeat-x top left;
  margin:0;
  padding:0;
  font:9pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#000000;
  line-height:14pt;
 }

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

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

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

a img{
  border-width:0;
  margin:0;
  padding:0;
  line-height:100%;
 }
 
/* LISTS _________________________________ */

ul{
  margin:5px 0 5px 0;
  padding:0;
  list-style:disc inside;
  text-indent:0;
 }
 
li{
  margin:0 0 5px 0;
  padding:0;
  text-indent:0px;
  line-height:15pt;
  list-style-position: inside;
  list-style-type: disc;
  font-size:9pt;
 }
 
 li ul{
  margin:5px 0 5px 20px;
  padding:0;
  text-indent:0px;
  line-height:13pt;
 }

 li li{
  margin:0 0 5px 0;
  padding:0;
  text-indent:0px;
  line-height:15pt;
 }

hr{
  color:#fff;
  margin:15px 0 15px 0;
  border-top:1px solid #fff;
  border-bottom:1px solid #d4d4d4;
  border-left:#fff;
  border-right:#fff;
}

/* TYPOGRAPHY _________________________________ */

p {
  line-height:15pt;
  text-align:left;
  margin:5px 0 8px 0;
  padding:5px 0 5px 0;
  }
  
.add {
color:#666666;
font-style:italic;
line-height:15pt;
margin:5px 0 0 0;
padding:0;
text-align:inherit;
}

.credits		{
font-style:italic;
font-size:9pt;
color:#666666;
}
  
/* HEADERS _________________________________ */

H1	{	/* Page titles - biggest black title _________________________________ */

	font-family: "Trebuchet MS";
	font-size:22pt;
	font-weight:100;
	font-style:	normal;
	color: #000;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	line-height: 24pt;
	}	
		
H2	{	/* Sub Title - 2nd largest title, red, used under main photos on each page, stands alone _________________________________ */		

	font-family: "Trebuchet MS";
	font-size:	18pt;
	font-weight:	400;
	line-height: 20pt;
	color:#FF0000;
	margin:0;
	padding:0;
	}	
		
H3	{	/* Sub headings that sit directly beneath under H1  _________________________________ */		

	font-family: "Trebuchet MS";
	font-size:13pt;
	font-weight:	300;
	color: #666;
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	line-height: 18pt;
	}	
		
H4	{	/* 2nd largest black title, main sub head, use for secondary headers _________________________________ */		

    font-family: "Trebuchet MS";
	font-size:	14pt;
	font-weight: 300;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:none;
	color: #000000;
	line-height:16pt;
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	}	
	
H5	{	/* Quotes  _________________________________ */		

	font-family: "Trebuchet MS";
	font-size:13pt;
	font-weight:	300;
	color: #666;
	font-style:italic;
	padding:0;
	margin:5px 0 4px 0;
	line-height:140%;
	}
		
		
H6 	{	/* third-level sub headings - H1 > H4 > H6  _________________________________ */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:	11pt;
	font-weight:400;
	color: #000;
	line-height: 12pt;
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	}	
	

	

/* Main Containers
----------------------------------------------- */

#wrapper	{
  margin: 20px auto;
  background:#fff url(../images/wrapper_cap.gif) no-repeat top center;
  padding:10px 30px 30px 30px;
  width: 725px;
	}
	
#footer{
  text-align:center;
  padding-top:20px;
  font:8pt"Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  color:#666;
  line-height:16pt;
  letter-spacing:.05em;
   }

/* One Column
----------------------------------------------- */
#oneCol{
  width: 725px;
  margin:10px 0;
  float:left;
  position:relative;
  text-align:left;
 }

/* Two Columns
----------------------------------------------- */
#twoColLeft{
  width: 500px;
  margin:10px 0 20px 0;
  float:left;
  position:relative;
  text-align:left;
 }
 
 #twoColRight{
  width:190px;
  float:right;
  text-align:left;
  margin:10px 0 10px 0; 
  position:relative;
 }

 
/* Three Columns
----------------------------------------------- */
 #threeCol{
  width:237px;
  float:left;
  text-align:left;
  margin:0 20px 10px 0;
  position:relative;
 }

/* Navigation Systems
----------------------------------------------- */
#topnav{
  width:725px;
  text-align:center;
  padding:2px 0;
  background:#b5b5b5 url(../images/topnav_bkgd.gif) no-repeat top left;
  font: 8pt Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-style:italic;
  font-weight:bold;
  text-transform:uppercase;
 }
#topnavButton{
  padding:0 10px 0 10px;
  display:inline;
 }
#topnav a{
 display:inline;
 color:#FFFFFF;
 text-decoration:none;
 }

#topnavButton a{
 display:inline;
 color:#FFFFFF;
 text-decoration:none;
 }
#topnavButton a:hover{
 display:inline;
 color:#FF0000;
 text-decoration:none;
 }
#sidenav{
  width:178px;
  border-bottom:1px dotted #999;
  padding:12px 0 8px 12px;
  font:8pt "Verdana", Arial, Helvetica, sans-serif;
  font-style:italic;
  font-weight:bold;
  text-transform:uppercase;
  background-position:top left;
  background-repeat:no-repeat;
 }  
 
#sidenav.last{
  
  margin-bottom:25px;
 }  
 
 #sidenav a{
 background:url(../images/sidenavArrowOff.gif) no-repeat right;
 display:block;
 }
 
 #sidenav a:hover{
 background:url(../images/sidenavArrowOn.gif) no-repeat right;
 display:block;
 }
#apnav	{
	width:725px;
	text-align:center;
	padding:0;
	margin:0;
}
#navon{
color:#FF0000;
}


#CounterDiv{
  background:url(../images/counter/fuelcounter_bkgd.jpg) top left repeat-x;
  border:1px solid #ccc;
  padding:0;
  margin:0;
  float:inherit;
  width:400px;
  display:block;
}

#quote	{
width:210px;
margin:5px 0 10px 15px;
float:right;
display:inline;
border:1px solid #d4d4d4;
background-color:#eeeeee;
padding:15px 20px 15px 20px;
font-style:italic;
font-size:9pt;
color:#666666;
}