/*
-----------------------------------------------
Redwood Oil Company - Style Sheet
Created by : Creative B'stro
Designer: Eric Toledo
URL:      www.redwoodoil.com
Date:     August 2006
Last Update: 8-21-06
----------------------------------------------- */


/* 	Basic Color Pallete:
	
	Brown = #7d6f5f
	Cream = #faf1dc
	Green = #006600
	
	CCBEA1
	B5A895
	6d6f5f
*/


/* Forces scrollbars so centered pages don't shift */
html { height: 100%; margin-bottom: 1px; }


body	{
	background-color: #BCAE95;
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
	color: #7d6f5f;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: small; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: medium;
	text-align: center;
	line-height: 1.1em;
	letter-spacing: -0.1px;
	}
	

/* Navigation
_______________________________________________________________*/


#main_nav ul	{
	padding: 0px;
	margin: 0;
	}
#main_nav li	{
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0;
	}
#nav_01	span, #nav_02 span, #nav_03 span, #nav_04 span, #nav_05 span, #nav_06 span, #nav_07	span, #nav_08 span	{	display: none;	}
#nav_01 a, #nav_02 a, #nav_03 a, #nav_04 a, #nav_05 a, #nav_06 a, #nav_07 a, #nav_08 a {
	display: block;	
	height: 24px;
	
	}
	
#nav_01 a	{	width: 122px; background-image: url(../images/nav/nav01.jpg);}
#nav_01 a span.rollover	{ background-image: url(../images/nav/nav01-over.jpg); display: none;}
#nav_01	a:hover	{	width: 122px; background-image: url(../images/nav/nav01-over.jpg); }

#nav_02 a	{	width: 80px;	background-image: url(../images/nav/nav02.jpg);}
#nav_02 a span.rollover	{ background-image: url(../images/nav/nav02-over.jpg); display: none;}
#nav_02 a:hover	{	width: 80px;	background-image: url(../images/nav/nav02-over.jpg);	}

#nav_03 a	{	width: 141px;	background-image: url(../images/nav/nav03.jpg);	}
#nav_03 a span.rollover	{ background-image: url(../images/nav/nav03-over.jpg); display: none;}
#nav_03 a:hover	{	width: 141px;	background-image: url(../images/nav/nav03-over.jpg);	}

#nav_04 a	{	width: 71px;	background-image: url(../images/nav/nav04_2.jpg);	}
#nav_04 a span.rollover	{ background-image: url(../images/nav/nav04-over_2.jpg); display: none;}
#nav_04 a:hover	{	width: 71px;	background-image: url(../images/nav/nav04-over_2.jpg);	}

#nav_05 a	{	width: 124px;	background-image: url(../images/nav/nav05.jpg);	}
#nav_05 a span.rollover	{ background-image: url(../images/nav/nav05-over.jpg); display: none;}
#nav_05 a:hover	{	width: 124px;	background-image: url(../images/nav/nav05-over.jpg);	}

#nav_06 a	{	width: 74px;	background-image: url(../images/nav/nav06.jpg);	}
#nav_06 a span.rollover	{ background-image: url(../images/nav/nav06-over.jpg); display: none;}
#nav_06 a:hover	{	width: 74px;	background-image: url(../images/nav/nav06-over.jpg);	}

#nav_07 a	{	width: 69px;	background-image: url(../images/nav/nav07.jpg);	}
#nav_07 a span.rollover	{ background-image: url(../images/nav/nav07-over.jpg); display: none;}
#nav_07 a:hover	{	width: 69px;	background-image: url(../images/nav/nav07-over.jpg);	}

#nav_08 a	{	width: 65px;	background-image: url(../images/nav/nav08.jpg);	}
#nav_08 a span.rollover	{ background-image: url(../images/nav/nav08-over.jpg); display: none;}
#nav_08 a:hover	{	width: 65px;	background-image: url(../images/nav/nav08-over.jpg);	}


/*	DEFINES THE CURRENTLY SELECTED STATE / PAGE */

body.rw_market #nav_01	a	{  background-image: url(../images/nav/nav01-over.jpg);}
body.aztec #nav_02	a	{  background-image: url(../images/nav/nav02-over.jpg);}
body.customers #nav_03	a	{ background-image: url(../images/nav/nav03-over.jpg);}
body.biodiesel #nav_04	a	{ background-image: url(../images/nav/nav04-over_2.jpg);}
body.community #nav_05	a	{ background-image: url(../images/nav/nav05-over.jpg);}
body.locations #nav_06	a	{ background-image: url(../images/nav/nav06-over.jpg);}
body.about #nav_07	a	{ background-image: url(../images/nav/nav07-over.jpg);}
body.contact #nav_08	a	{ background-image: url(../images/nav/nav08-over.jpg);}




/* Main Layout
_______________________________________________________________*/


#wrapper  {
  margin: 0 auto 60px auto;
  padding:0;
  border: 0;
  width: 750px;
  height: auto;
  text-align: left;
  font-size:80%;
  border: 1px #666 solid;
  background-color: #faf1dc;
  	}

#header {
	height: 90px;
	margin: 0;
	padding: 0;
	background: #7d6f5f url(../images/header_bkg.jpg);
	}
	
.home_btn {
	width: 155px;
	height: 47px;
	padding: 24px 0 0 15px;
	border: none;
	text-decoration: none;
	}


#main_nav {
	width: 750px;
  	height: 24px;
  	margin: 0;
	padding: 0;
	background: #7d6f5f;
	border-top: #7c6f5f 1px solid;
	border-bottom: #EDE4D3 1px solid;
	}

#content  {
  	margin: 40px 20px 25px 20px;
	padding: 0;
	}


/* Location Layouts
------------------------------------------*/

#locations {
	width: 400px;
	margin-bottom: 10px;
	}

#locations	img	{
	float: right;
	}

#locations ul	{
	width: 200px;
	list-style: none;
	margin:0 0 5px 0;
	padding: 0;
	float: left;
	}

#locations ul li	{
	padding: 0 0 2px 0;
	margin: 0px;
	}
#locations ul .phone_number	{
	margin-top: 10px;
	}

.one_location_a	{
	background: #fefee5;
	padding: 10px;
	margin-bottom: 10px;
	}
	
.one_location_b	{
	padding: 10px;
	margin-bottom: 10px;
	}
	
.map_icons	{
	clear: both;
	padding-bottom: 23px;
	}
.map_icons	p	{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
	}
.map_icons	img	{
	padding: 5px 0px 0px 2px;
	border: 0px;
	}

.map_icons p	{
	padding-left: 10px;
	background-image: url(../images/location_icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	}


	
/* END Locations Layout */





#footer {
	font-size: 11px;
	letter-spacing: 0;
	margin: 0;
	padding-top: 40px;
	border-bottom: #006600 8px solid;
	clear: both;
	}
	
/* Collums
_______________________________________________________________*/	
	
#left_col {
	width: 138px;
	float: left;
	margin-right: 20px;
	padding: 0;
	}

#left_col img {
	margin: 0 0 10px 0;
	border: none;
	}
	
#left_col img.co_logos {
	margin: 0 0 35px 0;
	}

#left_col img.co_logos_aztec {
	margin: 0 0 35px 25px;
	}

#left_col img.co_logos_chevron {
	margin: 0 0 35px 35px;
	}

#left_col img.co_logos_biofuel {
	margin: 0 0 35px 18px;
	}
	

#half_col {
	width: 530px;
	height: auto;
	float: left;
	margin:0;
	padding:0;
	}	

#three_col_container {
	margin:0;
	padding:0;
	clear: both;
	}

#three_col_container p {
	margin-top: 18px;
	}

#three_col_container img {
	border: none;
	}


#three_col_container span {
	height: 65px;
	display:block;
	margin:0;
	padding: 0;
	}

	
.hm_left_col {
	width: 200px;
	height: 150px;
	float: left;
	margin: 10px 0 25px 0;
	padding: 0 20px 0 0;
	border-right: #999 1px solid;
	}

.hm_center_col {
	width: 200px;
	height: 150px;
	float: left;
	margin: 10px 0 25px 0;
	padding: 0 35px 0 20px;
	border-right: #999 1px solid;
	}	
	
.hm_right_col {
	width: 200px;
	height: 150px;
	float: left;
	margin: 10px 0 25px 0;
	padding: 0 8px 0 20px;
	border-right: none;
	}	

.sm_right_col {
	width: 320px;
	float: right;
	margin: 28px 90px 0 0;
	}

.img_float_left {
	float: left;
	margin: 0 15px 15px 0;
	}

.img_float_right {
	float: right;
	margin: 0 40px 5px 0;
	}


#ul_list_right {
	width: 300px;
	float:right;
	margin: 0 30px 10px 0;
	padding: 0;
	display: block;
	}
	

/* Typography - General
_______________________________________________________________*/

p {
	margin: 0;
	padding: 0 15px 15px 0;
	
	}


h1 {
	font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	margin:0;
	padding: 0 0 20px 0;
	border: none;
	}
	
h1 img {
	border: none;
	}

h2	{
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 145%;
	margin: 30px 0 8px 0;
	padding: 20px 0 10px 0;
	border-top: 1px #878268 solid;
	clear: both;
	}

.first_h2 {
	border: none;
	margin: 0 0 8px 0;
	padding: 8px 0 10px 0;
	}


h3 {
	font-size: 108%;
	margin: 8px 0 0 0;
	padding: 0;
	
	}


blockquote {
	margin: 10px 15px 0 0;
	padding:0;
	color: #006600;
	text-align:justify;
	}


.no_border {
	border: none;
	margin: 15px 0 0 0;
	}
	
.quote_signature {
	text-align: right;
	color: #006600;
	padding: 0;
	margin:0 15px 35px 0;
	float: right;
	}
.taglines {
	display: block;
	list-style: none;
	font-size: 100%;
	}

ul {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	list-style: disc;
	}

li {
	line-height: 1.1em;
	padding-bottom: 6px;
	}

ul ul {
	margin: 0 0 5px 25px;
	padding: 0 0 0 5px;
	list-style: circle;
	}

ul.green_txt {
	color: #006600;
	list-style: none;
	margin:0 0 15px 0;
	padding: 0;
	}
		
ul.green_txt li {
	line-height: 1.1em;
	padding: 0 0 2px 0;

	}

ul.address {
	list-style: none;
	margin:0 0 15px 0;
	padding: 0;
	}

ul.address li {
	padding: 0 0 2px 0;
	}

#key	{	
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	background: #fefee5;	
	}
dl {
	margin: 0px;
	padding: 0px;
	}
dt {
	margin: 0;
	padding: 0;
	float: left;
	}

#left_col dt img {
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
	}

dd {
	margin: 0 0 4px 0;
	padding-top: 2px;
	border: #fefee5 1px solid;
	}





/* Default Links
_______________________________________________________________*/



a:link {
  text-decoration : underline;
  color: #006600;
  }

a:visited {
  text-decoration : underline;
  color: #006600;
  }

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

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

p a:hover, a:active {
  	color: #006600;
	background: transparent; 
	}

#footer span {
	text-align: center;
	margin: 0 20px 2px 20px;
	display:block;
	}

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

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

#footer a:hover {
  text-decoration : underline;
  color: #006600;
  background: none;
  }

#footer a:active {
  text-decoration : underline;
  color: #006600; 
  }





	

/* Misc Styles
_______________________________________________________________*/


.clear {
	clear:both;
	}


img {
	margin:0;
	padding: 0;
	border: #aaa 1px solid;
	}

.normal_img {
	margin: 0 0 15px 0;
	}

.normal_img_padding {
	margin: 9px 0 0 0;
	}

.normal_img_padding_right {
	margin: 9px 0 0 6px;
	}

#left_col img.img_border {
	margin-bottom: 10px;
	border: #7d6f5f 5px solid;
	}

#left_col a:hover img.img_border {
	margin-bottom: 10px;
	border: #333 5px solid;
	}


.float_right {
	float: right;
	}

.float_left {
	float: left;
	}

.rwm_logo_hm {
	padding: 10px 0 0 0;
	border: none;
	}

.rpc_link_container {
	height: 40px;
	margin: 0 auto 0 auto;
	text-align: center;
	clear:both;
	}

	
.rpc_link {
	padding: 0 0 10px 0;
	display: inline;
	}


ul.key {
	list-style: none;
	margin:0 0 10px 0;
	padding: 10px;
	background: #fefee5;
	}

ul.key li {
	margin: 0;
	padding: 0;
	}
	
ul.key li img {
	margin: 0;
	padding: 0;
	}

/* Form Styles
_______________________________________________________________*/



#inputarea {
	width: 289px;
	margin: 0;
	padding: 10px 0 10px 0;
	border-top: #999 1px solid;
	}

#radio_buttons {
	margin: 0 0 10px 0;
	padding: 0;
	}


.radio_btn_selected {
	font-weight: bold;
	display: inline;
	}

.radio_btn_not_selected {
	display: inline;
	}

#submit {
	border-top: 1px #999 solid;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	}

textarea {
	color: #7d6f5f;
	font-size: 98%;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	padding: 2px;
	margin: 0;
	}

input {
	color: #7d6f5f;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	padding: 1px;
	}

input.submit_btn {
	color: #fff;
	background: #7d6f5f;
	padding: 4px 4px 3px 4px;
	margin: 0;
	border-top: 1px solid #ddd;
	float: right;
	line-height: 1.0em;
	}
	
	
.top_button {
	width: auto;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	display: block;
	border-top: 1px #999 solid;
	}	
	
.error {
	color: #FF0000;
	}	
	
	
.green
{
	color:Green;
}
.biodiesel #left_col p
{
	padding: 0px;
	margin: 0px;
}

.biodiesel #left_col .biofuels
{
	padding-top: 42px;
}
.biodiesel #left_col .usergroup
{
	padding-top: 23px;
}
.biodiesel #half_col
{
	width: 550px;
}
.biodiesel .biodiesel_info
{
	font-size: 22px;
	padding-top: 15px;
}
.biodiesel h2
{
	font-size: 115%;
	border: 0px;
	margin: 0px 0 0px 0;
	padding: 10px 0 10px 0;
	font-weight: bold;
}
.biodiesel h3
{
	padding-bottom: 10px;
}
.member #header
{
	background-image: url(../images/member_bg.jpg);
	height: 115px;
}
.member img
{
	border: 0px;
}
.member #left_col .download
{
	margin-bottom: 35px;
}
.member #left_col img
{
	margin-left: 10px;
}
.member h1
{
	padding-bottom: 5px;
}
.member .list
{
	font-size: 95%;
}
.member .solvent p
{
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 5px;
}
.member .reference p
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 2px;
}
.member .label
{
	font-weight: bold;
	padding-top: 10px;
}
.member .normal
{
	font-weight: normal;
}
.member #submit
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-right: 1px;
}
.member .form
{
	padding-bottom: 25px;
	padding-top: 0px;
}
.member .note
{
	font-size: 85%;
	font-weight: normal;
}
.member .agreement
{
	font-weight: normal;
	font-size: 95%;
}
.thankyou img
{
	border: 0px;
}
.thankyou #header
{
	background-image: url(../images/member_bg.jpg);
	height: 115px;
}
.thankyou .redwood
{
	padding-top: 15px;
}
.thankyou p
{
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 90%;	
}
.thankyou .bigthank
{
	font-size: 20px;
	margin-top: 10px;
	padding-bottom: 15px;
	line-height: 1.3em;
}
.underline
{
	text-decoration: underline;
}
.member #wrapper
{
	width: 678px;
}
.member #half_col
{
	width: 470px;
}
.thankyou #wrapper
{
	width: 678px;
}
.thankyou #half_col
{
	width: 470px;
}