/* American Alternative Fuels - CSS Document */

body {
	background:#97a897 url(../images/bg.jpg) repeat-x;
	margin:0;
}

/**** HEADINGS ****/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#46685b;
	line-height:1.5em;
	margin:0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#46685b;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#46685b;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#46685b;
	line-height:1.5em;
	margin:0 0 .5em 0;
}

/**** CONTENT ****/

p,.content {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
	color:#3a3a3a;
	line-height:1.8em;
	margin:0 0 1em 0;
}

h3.white {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1em;
	margin:0;
}

.white {
	color:#FFFFFF;
}	

h1.big {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#e1e3ac;
	line-height:1em;
	margin:0;
}

/**** BODY STRUCTURE ****/

.container {
	width:945px;
	margin:0 auto;
	padding:0;
}

.header {
	background:url(../images/header-bg.jpg) no-repeat;
	width:945px;
	height:165px;
	margin:0;
	padding:0;
}

	/*** HEADER AREA ***/
	
		a.logo {
			background:url(../images/logo.png) no-repeat;
			width:432px;
			height:126px;
			margin:20px 0 0 33px;
			padding:0;
			display:block;
			cursor:pointer;
			float:left;
			text-indent:-999em;
		}
		
		.navbar {
			background:url(../images/navbar.jpg) no-repeat;
			width:945px;
			height:50px;
			margin:0;
			padding:0;
			clear:both;
		}
	
	/*** RIGHT SIDE ***/
	
		.topImage {
			background:url(../images/header-image.jpg) no-repeat;
			width:473px;
			height:165px;
			margin:0;
			padding:0;
			float:right;
		}
		

	/*** END HEADER AREA ***/


.banner {
	background:url(../images/banner-graphic.jpg) no-repeat;
	width:720px;
	height:248px;
	margin:0;
	padding:0;
	clear:both;
}

.bodyArea {
	background:url(../images/body-bg-repeat.png) repeat-y;
	width:945px;
	margin:0;
	padding:0;
}


.contentArea {
	background:url(../images/body-bg-repeat.png) no-repeat top center;
	width:945px;
	position:relative;
	margin:0;
	padding:0 0 1px 0;
}
.contentText {
	width:630px;
	margin:0 0 0 30px;
	padding:0;
	clear:left;
}

.leftCol {
	float:left;
	width:720px;
	margin:0;
	padding:0;
}

.rightCol {
	float:right;
	width:225px;
	margin:0;
	padding:0;
}

.sideNav {
	width:225px;
	margin:0;
	padding:0;
}
	/**** SIDE BAR ****/

		ul.sideNavBar {
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
		ul.sideNavBar li{
			background:#71903d url(../images/sideNav.png) no-repeat;
			width:219px;
			margin:0;
			padding:0;
		}
		ul.sideNavBar li:hover{
			background:#d0d37c url(../images/sideNav-over.png) no-repeat;
			width:218px;
			margin:0;
			padding:0;
		}
		
		ul.sideNavBar li a {
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:12px;
			display:block;
			margin:0;
			padding:7px 0 7px 20px;
			color:#213435;
			text-decoration:none;
		}
		
		ul.sideNavBar li a:visited {
			color:#213435;
			text-decoration:none;
		}
		ul.sideNavBar li a:hover {
			color:#213435;
			text-decoration:none;
		}
		ul.sideNavBar li a:active {
			color:#213435;
			text-decoration:none;
		}
		
		
.boxInfo {
	background:url(../images/boxBg.png) no-repeat;
	width:226px;
	height:150px;
	margin:0;
	padding:15px;
	clear:left;
}

div.clear {
	clear:both;
	margin:0;
	padding:0;
}

/**** FOOTER ****/
	
.footer {
	background:url(../images/footer-bg.png) no-repeat top center;
	width:945px;
	height:89px;
	margin:0 auto;
	padding:0;
	clear:both;
	

}
.footerText {
	clear:both;
	background:url(../images/footer-divider.jpg) no-repeat top center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#46685b;
	padding:15px 12px;
}
.footerText a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#46685b;
	text-decoration:none;
}
.footerText a:visited {
	color:#46685b;
	text-decoration:none;
}
.footerText a:hover {
	color:#46685b;
	text-decoration:underline;
}
.footerText a:active {
	color:#46685b;
	text-decoration:none;
}

.footerLeft {
	float:left;
	margin:0 0 0 20px;
	padding:0;
}

.footerRight {
	float:right;
	margin:0 20px 0 0;
	padding:0;
}

/**** LINKS / LIST ITEMS ****/

a {
	color:#46685b;
	text-decoration:none;
}
a:visited {
	color:#46685b;
	text-decoration:none;
}
a:hover {
	color:#46685b;
	text-decoration:underline;
}
a:active {
	color:#46685b;
	text-decoration:none;
}

ul {
	margin:10px;
	padding:5px;
}

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#46685b;
	line-height:1.5em;
}

/*** FORMS ***/

.form-fields {
	border:1px solid #D0D9DF;
	color:#486F82;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	height:18px;
	margin:3px;
	padding:5px;
	width:200px;
}