body {
	background-image:url(../images/dark_gray_bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	margin:0px;
	padding:0px;
}

#bodydiv {
	margin-left:auto;
	margin-right:auto;
	width:790px;
}
#middlediv {
	float:left;
	width:790px;
	padding-bottom:25px;
}
	
/*   HEADER STYLES  */
#headerdiv {
	float:left;
	width:790px;
	margin:0px;
	padding:0px;
}

/* navigation */
#nav
{

background-color: #4a4b47;

background-attachment: scroll;

background-image: url(../images/ways_navbg.jpg);

background-repeat: repeat-x;

background-position:bottom;
height: 20px;

}

#nav {

margin: 0;


padding: 0;

text-align: center;

}



#nav li {

margin:0px;

padding: 0px;

list-style: none;

display: inline;

height: 21px;

}



#nav li#section1 {

border-left: 1px solid #ffffff;

}

#nav li#section2, 

#nav li#section3, 

#nav li#section4, 

#nav li#section5, 

#nav li#section6, 

#nav li#section7, 

#nav li#section8, 

#nav li#section9, 

#nav li#section10 {

margin: 0 0 0 -5px;

}





#nav li a {

color: #fff;

text-decoration: none;

font-family: arial, verdana;

height: 21px;

border-bottom: #B8B8B8 5px solid;

border-right: #ffffff 1px solid;

margin: 0px;

padding: 1px 20px 0 20px;

font-size: 12px;

font-weight: bold;

letter-spacing: 0.06em;

}



#nav li a:hover {

border-bottom: #E55F18 5px solid;

}





/*#nav {
	float:left;
	width:790px;
	background: #4A4B47;
	background-image: url(../images/ways_navbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#nav a:hover {
text-decoration: none;
	}

#nav a {
	color: #ffffff;
	text-decoration: none;
	font-family: arial,verdana;
	height: 21px;
	border-bottom: 5px solid #b8b8b8;
	border-right: 1px solid #ffffff;
	padding-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.06em;
	}
* html #nav ul { margin-left:7px; }
#nav ul {
	float:left;
	margin:0px;
	padding:0px;
	width:775px;
	margin-left:15px;
	list-style-type:none;
}	
#nav li {
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0px;
	padding-top:1px;
	height: 20px;
	
}

#nav li a:hover {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e55f18;
}

#nav li#section1 {
border-left: #fff 1px solid;
}



#nav li#section2, #nav li#section3, #nav li#section4, #nav li#section5, #nav li#section6, #nav li#section7, #nav li#section8, #nav li#section9, #nav li#section10 {
	margin: 0 0 0 -5px;
}
*/

/*

****************************************************************************************
	BEGIN STYLES FOR TEMPLATE 4 -- 2 columns -- MAIN CONTENT & RIGHT NAV, NO LEFT NAV
****************************************************************************************

*/
#tmp4_contentdiv {
	float:left;
	margin:0px;
	padding:0px;
	width:790px;
	background-image:url(../images/tan_bg.jpg);
	border-left:2px solid #330000;
	border-right:2px solid #330000;
}


/*  TEMPLATE 4 RIGHT NAV STYLES  */
#tmp4_sidebar { 
	float:right; 
	width:258px;
	color: #4a4b47;
}

#orgBox {
	background: #F99B0F;
	width: 256px;
	margin-top: 6px;
	background-image: url(../images/ways_orgbg.jpg);
}
/* type and sIFR ! */



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}



/* These "decoy" styles are used to hide the browser text before it is replaced... 

the negative-letter spacing in this case is used to make the browser text metrics 

match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 

your own settings may vary... 

any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash #orgBox h2 {
	font-size: 34px;
	width: 168px;
	margin: 0;
	font-weight: bold;
	font-family: "Arial Narrow", arial, verdana;
	visibility: hidden; 
	padding-bottom: 0;
}



/*signupbox

.sIFR-hasFlash #yelBox h2 {

font-size: 14px;

width: 168px;

margin: 0;

font-weight: bold;

font-family: "Arial Narrow", arial, verdana;

visibility: hidden; 

padding-bottom: 0;

letter-spacing: 90%;

padding-left: 0;

margin-left: 0;

}*/


/* These are standard sIFR styles... do not modify */



.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}



.sIFR-replaced {
	visibility: visible !important;
}



span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
#tmp4_sidebar	 #orgBox p, h2, h3 {
	padding: 0 10px;
}
#orgBox p {
	color: #330000;
}
.p_spacer {
	margin-top:30px;
}
#orgBox h3.exclamation {
	font-family: "Arial Narrow", arial, verdana;
	font-size: 21px;
	color: #330000;
	margin: -5px 0 0 0;
	background: url(../images/ways_exclamation.jpg);
	background-position: 13px 2px;
	background-repeat: no-repeat;
	padding: 0 34px;
	height:50px;

}

tmp4_sidebar h1, h2, h3 {
	line-height: 110%;
	color: #961f1b;
	margin-left: 0;
	margin-top: 10px;
	font-family: "Arial Narrow", arial, verdana;
}
.box1 {
	padding: 10px 0 10px 0;
	background: url(http://tfk.grassroots.com/images/ways_orangebg.gif);
	background-repeat: no-repeat;
	background-position: 140px 8px;
}



.box2 {
	border-top: #330000 1px solid;
	padding: 10px 0 10px 0;
	width: 256px;
}
#tmp4_sidebar p {
	font-family:verdana;
	color:#330000;
	font-size:13px;
	line-height:16px;
}

#tmp4_sidebar a {
	color:#4a4b47;
}
#tmp4_sidebar a:hover {
	text-decoration:none;
}

#yelBox {
	background: #FFE33F;
	width: 236px;
	margin-top: 6px;
	padding: 6px 10px 5px 10px;
	margin-bottom:7px;
}
#yelBox h4 {
	line-height: 110%;
	color: #961f1b;
	margin-left: 0pt;
	margin-bottom: 2px;
	margin-top: 4px;
	font-family: arial,verdana;
	font-size: 13px;
	font-weight: bold;
}

#letter {
	float:left;
	background-color: #f8db89;
	background-attachment: scroll;
	width: 234px;
	margin-top: 6px;
	background-image: url(../images/ways_letterbg.jpg);
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
	font-family: arial,verdana;
	color: #390606;
	font-size: 13px;
	line-height: 120%;
}

/* TEMPLATE 4  MAIN CONTENT STYLES */
#tmp4_mainbody {
	float:left;
	width:480px;
	padding-left:20px;
	font-size:13px;
	font-family:verdana;
	padding-bottom:30px;
	margin-top:10px;

}

.tall_text {
	float:left;
	width:790px;
}
* html .tall_text h1 { margin-left:10px;}

.tall_text h1 {
	line-height: 110%;
	font-size:34px;
	color: #961f1b;
	margin:0px;
	padding:0px;
	margin-left: 20px;
	margin-bottom:15px;
	margin-top: 10px;
	font-family: "Arial Narrow", arial, verdana;

}
/*#tmp4_mainbody h1 {
	font-size:18px;
}
#tmp4_mainbody h2 {
	font-size:16px;
}
#tmp4_mainbody h3 {
	font-size:14px;
}
*/#tmp4_mainbody p {
	color:#000000;
}
#tmp4_mainbody a {
	color:#090060;
}
#tmp4_mainbody a:hover {
	text-decoration:none;
}

#pagequote {
	float:left;
	width:480px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	font-size:13px;
}
#pagequote a {
	color:#090060;
	text-decoration:underline;
}
#pagequote a:hover {
	text-decoration:none;
}

#pagequote ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#pagequote ul li {
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

#chemical {
	float:left;
	width:130px;
}
#foundin {
	float:left;
	width:140px;
}



/*  FORM   */
#takeaction_form {
	width:480px;
}
#tellafriend_form {
	width:480px;
	margin-left:30px;
}


input#bttn {
	background-color: #e55f18;
	color: #fff;
	font-weight: bold;
	border: #fbb957 2px solid;
	padding: 3px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 14px;
	margin: 8px 0 15px 0;
	}





#yelBox input#bttn {
	padding: 1px;
	font-family: helvetica, arial, verdana, sans-serif;
	background: #ffe33f;
	border: #ffe33f 2px solid;
	color: #772409;
	font-size: 14px;
	margin-bottom: 3px;
	padding-left: 0;
	margin-left: 0;
	}



#yelBox form {
	padding: 0;
	margin: 0;
	}





#yelBox .grFormFieldLabel {
	font-size: 0.9em;
	}





#form.yesWide input, 

#form.yesWide textarea, 

#form.yesWide select, 

#form.yesWide .grFormErrorFieldLabel, 

#form.yesWide .grFormFieldLabel {
	float: left;
	}



p.formInfoMessage {
	font-size: 0.8em; 

margin: 0;
	padding: 0;
	}



#form.yesWide div.formItem {
	margin-bottom: 7px;
	}



#form.yesWide .grFormErrorFieldLabel, 

#form.yesWide .grFormFieldLabel {
	text-align: right;
	width: 120px;
	margin-right: 14px;
	font-weight: bold;
	}



#form.yesWide .grFormErrorFieldLabel label, 

#form.yesWide .grFormFieldLabel label {
	margin-left: 3px;
	}



#form.noWide .grFormErrorFieldLabel label, 

#form.noWide .grFormFieldLabel label {
	font-weight: bold;
	}



#form.yesWide {
	margin: 0 auto;
	}



#form.yesWide .formItem {
	display: block;
	clear: left;
	padding-top: 7px !important;
	padding-top: 0;
	}



#form.yesWide .submit input {
	float: none;
	}



#form.yesWide .submit {
	text-align: center;
	}



#form.noWide input {
	margin-bottom: 7px;
	}



#form.noWide .submit input {
	margin-left: 0;
	}



#form.noWide .submit  {
	text-align: center;
	padding-top: 7px;
	}





.grFormErrorFieldLabel {
	color: #c00;
	}



.TandC {
	font-size: xx-small;
	margin: 0;
	padding: 0;
}

.TandC a {
	color:#090060;
}
.TandC a:hover {
	text-decoration:none;
}


.formInfoMessage { }



#formIssueTargets {
	display: block;
	clear: both;
	padding: 9px 0;
	}



div#wiki_open {display: none;}



.formItemCheck {
	display: block;
	width: 600px;
	clear: both;
	margin: 40px 0 40px 20px;
	}



.formItemCheck .grFormInput {
	float: left;
	}



.formItemCheck .grFormFieldLabel label {
	width: 400px;
	display: block;
	text-align: left;
	float: left;
	}





/*

****************************************************************************************
	END STYLES FOR TEMPLATE 4 -- 2 columns -- MAIN CONTENT & RIGHT NAV, NO LEFT NAV
****************************************************************************************

*/


/*

************************************************************************************************
	BEGIN STYLES FOR TEMPLATE 3 -- 1 COLUMN-- NO LEFT NAV, NO RIGHT NAV -- JUST MAIN CONTENT
************************************************************************************************

*/
/*    TEMPLATE 3 MAIN CONTENT STYLES */
#tmp3_mainbody {
	margin-left:auto;
	margin-right:auto;
	width:790px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#mainbody_para {
	width:730px;
	margin-left:auto;
	margin-right:auto;
}
* html #hazmatch_form { margin-left:7px; }

#hazmatch_form {
	float:left;
	width:265px;
	margin-left:15px;
	margin-top:60px;
}
* html #hazmatch_image{ margin-right:50px; }

#hazmatch_image{
	float:right;
	margin-right:100px;
}





/*  FOOTER STYLES  */
#footerdiv {
	float:right;
	background-image:url(../images/orange_footer_bg.jpg);
	background-position:top;
	width:790px;
	height:89px;
	text-align:right;
	color:#cccccc;
	margin:0px;
	padding:0px;
}
#footer_button {
	margin-left:auto;
	margin-right:auto;
	width:190px;

}
#footer_text {
	width:790px;
	float:left;
	text-align:right;
	color:#cccccc;
	padding-bottom:20px;
}
#footer_text a {
	color:#ffffff;
}
#footer_text p {
	margin:0px;
	padding:0px;
	font-weight:bold;
	margin-top:2px;
	font-size:10px;
}