/*
-----------------------------------------------
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; width:100%;}


body	{
	width:100%;
	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;
}



/*NEW*/
#hero{
	border: 1px solid #e2d8ce;
	width: 713px;
	height: 302px;
	position: relative;
	overflow: hidden;
	margin-top:-20px;
}
#slideshow{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 540px;
	height: 300px;
	z-index:10;
}
#slidenav{
	position: absolute;
	top: 0px;
	left: 0px;
	width:172px;
	height:290px;
	z-index:1000;
	background-image: url('../images/home/feature_nav_bg.png');
	background-repeat: no-repeat;
	padding: 8px 0px 8px 10px;
	list-style-type: none;
	
}
#slidenav li img{
border: none;
}
#slidenav li{
border: none;
margin:0px;
}
#slidenav li a{
padding: 3px 0px 0px 2px;
background-image:none;
	width: 190px;
	height: 90px;
display: block;
border: none;
}
#slidenav li a:hover{
background-image: url('../images/home/selected_tab.png');
background-position: top left;
	background-repeat: no-repeat;

}
#slidenav li a.on{
background-image: url('../images/home/selected_tab.png');
border: none;
background-position: top left;
	background-repeat: no-repeat;
}
.showinfo{
	color: #7c6e5f;
	background-color: #ffffff;
	padding: 15px 21px 10px 64px;
	position: absolute;
	width: 470px;
	right:0px;
	color: #7c6e5f;
	font-size: 13px;
	z-index:800;
	display: none;
}
.showinfo a{
color: #7c6e5f;
}
.showinfo h2{
font-family: Helvetica;
	
	font-size: 18px;
	font-weight: 600;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:0px;
	}
.info1{
	top: 17px;
}
.info2{
top: 115px;
}
.info3{
top: 215px;
}
.showinfo h2{
	color: #7c6e5f;
	font-size:26px;
	font-style: bold;	
}
#col_1{
	width: 410px;
	float: left;
	padding:27px 17px 17px 0px;
	line-height:1.5;
}

#col_2{
	width: 233px;
	font-family: Helvetica;
	float: right;
	background-image: url('../images/home/home_aboutbg.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding:17px;
	line-height:1.5;
	margin:10px 0px 0px 0px;
	height: 360px;
}


#col_1 h1, #col_2 h2 {
	font-family: Helvetica;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:0px;
	
}


.aztec #content{
	margin-top: 20px !important;
}	



.container {width: 500px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	z-index: 1000;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-bottom: 1px solid #ffffff;
	border-left: none;
	margin-bottom: -1px;
	background: transparent;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	color: #7c6e61;
	border:  none;
	outline: none;
	border-left: 1px;
	border-bottom: 1px solid #fff;
}
ul.tabs li a:hover {
	background: #ffffff;
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}	
html ul.tabs li.active  {
	background: #fff;
	border: 1px solid #7c6e61;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;

	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
}
html ul.tabs li.active a:hover  {
	background: #fff;
	border: none;;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;

	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
}
.clear{
	clear: both;
}
#col_1_b{
	width: 488px;
	float: left;
	padding:27px 1px 16px 0px;
	line-height:1.5;
}

#col_2_b{
	width: 153px;
	font-family: Helvetica;
	float: right;
	background-image: url('../images/home/home_aboutbg.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding:17px;
	line-height:1.5;
	margin:10px 0px 0px 0px;
	height: 360px;
}
.c2{
	width: 206px;
	float:right;
	margin-right: -2px;
	padding:27px 0px 16px 0px;
}

.box img{
	border: none;
}
.tab_container h2 {
	font-family: Helvetica;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:0px;
	
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	z-index: 100;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 15px;
	font-size: 13px;
	color: #000;
	width:460px;
}
.tab_content h2 {
	font-family: Helvetica;
	clear: both;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin:15px 0px 10px 0px;

	padding:0px;
	border:0px;
	color: #7c6e5f;
}
.box{
	border: 1px #cecece solid;
	padding: 7px;
	font-size: 11px;
	line-height:2;
	background-color: #ffffff;
}
ul.locations{
	margin:0px;
	padding: 0px 20px 0px 5px;
	list-style-type: none;
	float: left;
}
ul.locations li{
	padding: 0px;
	line-height:2;
	color: #2a4089;
}
ul.locations li a{

	color: #2a4089;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	border:0px;
}

.boxR{
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 1.2;
}
.boxSimple{
	background-color: #ffffff;
}
small{
	font-size: 10px;
}
.left{
 float: left;
}
.rightimage{
float:right;
margin-left: 10px;
}
.black{
	color: #000;
	margin-top: 5px;
}
.black a{
	color: #000;
}
.boxheader{
 font-size: 20px;
 display: block;
 float: left;
 padding: 5px 8px;
}

.menu_1{
	width: 205px;
	float: left;
	margin-right: 20px;
	color: #474038;
}
.menu_2{
	width: 205px;
	float: left;
	color: #474038;
}
.menu_2 h3, .menu_1 h3{
	color: #7c6e5f;
	font-size: 20px;
	margin-top:10px;
}