html, body {
	background-color: #393939; 
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

#topGradient {
	margin: 10px auto 0 auto;
	height: 23px;
	width: 848px;
	background: url(images/topGradient.jpg) no-repeat; } 
	
#bodyRepeater{
	width: 848px;
	margin: 0 auto 0 auto;
	background: url(images/bodyRepeater.jpg) repeat-y;}

#siteContent {
	width: 799px;
	margin-left: 23px;/* margin: 0 auto 0 auto; */
	padding: 2px 0 0 0;
	background-color: #FFF; 
	border: 1px solid #FFF;}	

#border {
	margin: 3px;
	padding: 3px;	
	border: 1px solid white;} /*#8C8C8C;}*/

/*  --------------------------  header  ----------------------- */	
#logoHeader {
	background: url(images/adamsLogo.jpg) no-repeat;	
	width: 197px;
	height: 41px;
	float: left;
	margin-top: 34px;
	margin-right: 10px;
	text-indent: -6666px;}
	
#logoHeader a {
	display: block;
	width: 197px;
	height: 41px;
	margin: 0;}

#tagLine {
	display: block;
	background: #88392C url(images/tagLine.jpg) no-repeat right;
	height: 31px;
	margin-top: 0px;
	text-indent: -6666px; }	
	
#mainNavigation {
	width: 592px;
	height: 41px;
	float: left;
	margin-top: -17px;
	background-color: #505859;}
	
#belowNavigation {
	display: block;
	background: #88392C;
	height: 10px;
	margin-top: 47px;}
	
/* --------------------------- main navigation ----------------------- */

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 597px;
	height: 41px;}

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	height: 41px;
	text-indent: -9999px;}

#home a {
	border: 0;
	display: block;
	height: 41px;
	width: 69px;
	background: url(images/homeButton_up.gif) no-repeat;}

#home a:hover {
	border: 0;
	display: block;
	background: url(images/homeButton_over.gif) no-repeat;}

#aboutUs a {
	border: 0;
	display: block;
	height: 41px;
	width: 68px;
	background: url(images/aboutUsButton_up.gif) no-repeat;}

#aboutUs a:hover {
	border: 0;
	display: block;
	background: url(images/aboutUsButton_over.gif) no-repeat;}

#applications a {
	border: 0;
	display: block;
	height: 41px;
	width: 90px;
	background: url(images/applicationsButton_up.gif) no-repeat;}

#applications a:hover {
	border: 0;
	display: block;
	background: url(images/applicationsButton_over.gif) no-repeat;}

#material a {
	border: 0;
	display: block;
	height: 41px;
	width: 124px;
	background: url(images/materialButton_up.gif) no-repeat;}

#material a:hover {
	border: 0;
	display: block;
	background: url(images/materialButton_over.gif) no-repeat;}

#customers a {
	border: 0;
	display: block;
	height: 41px;
	width: 103px;
	background: url(images/ourCustomersButton_up.gif) no-repeat;}
	
#customers a:hover {
	border: 0;
	display: block;
	background: url(images/ourCustomersButton_over.gif) no-repeat;}

#news a {
	border: 0;
	display: block;
	height: 41px;
	width: 49px;
	background: url(images/newsButton_up.gif) no-repeat;}
	
#news a:hover {
	border: 0;
	display: block;
	background: url(images/newsButton_over.gif) no-repeat;}

#contact a {
	border: 0;
	display: block;
	height: 41px;
	width: 84px;
	background: url(images/contactButton_up.gif) no-repeat;}
	
#contact a:hover {
	border: 0;
	display: block;
	background: url(images/contactButton_over.gif) no-repeat;}

/*  -------------------------- set up the [nav] images --------- */

body.home #home a{
	border: 0;
	display: block;
	height: 41px;
	width: 69px;
	background: url(images/homeButton_selected.gif) no-repeat;}
	
body.aboutUs #aboutUs a{
	border: 0;
	display: block;
	height: 41px;
	width: 68px;
	background: url(images/aboutUsButton_selected.gif) no-repeat;}
	
body.applications #applications a{
	border: 0;
	display: block;
	height: 41px;
	width: 90px;
	background: url(images/applicationsButton_selected.gif) no-repeat;}
	
body.materialSection #material a{
	border: 0;
	display: block;
	height: 41px;
	width: 124px;
	background: url(images/materialButton_selected.gif) no-repeat;}
	
body.ourCustomers #customers a{
	border: 0;
	display: block;
	height: 41px;
	width: 103px;
	background: url(images/ourCustomersButton_selected.gif) no-repeat;}
	
body.news #news a{
	border: 0;
	display: block;
	height: 41px;
	width: 49px;
	background: url(images/newsButton_selected.gif) no-repeat;}
	
body.contact #contact a{
	border: 0;
	display: block;
	height: 41px;
	width: 84px;
	background: url(images/contactButton_selected.gif) no-repeat;}
	
/* ---------------------- secondary navigation --------------------- */

#secondaryNavigation{ border: 1px solid white;}

#secondaryNavigation ul {
	padding: 0; 
	margin: 0; 
	background-color: #FFF;
	color: #903F3F;
	width: 798px;
	height: 17px;
	border-bottom: 1px solid #B2B2B2;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}

#secondaryNavigation ul li { display: inline; }

#secondaryNavigation ul li a {
	padding: 0.1em .8em;
	background-color: #FFF;
	color: #903F3F;
	text-decoration: none;
	float: right;
	border-right: 1px solid #fff;}

#secondaryNavigation ul li a:hover {
	background-color: #FFF;
	color: #555;
	border-bottom: 3px solid #B2B2B2;}	

#secondaryNavigation ul li #current {
	color: #000;
	border-bottom: 3px solid #8C8C8C;}
		
/* ----------------------------- footer --------------------------- */

#footer {
	clear: both;
	display: block;
	background: #E1E1E1;
	height: 21px;}	

#footer p {
	color: #8C8C8C;
	font-size: 11px;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;}

#footer p a {
	text-decoration: none;
	color: #5A5A5A;}

#footer p a:hover {
	color: #8C8C8C;}	
	
#bottomGradient	{
	margin: 0 auto 0 auto;
	height: 21px;
	width: 848px;
	background: url(images/bottomGradient.jpg) no-repeat;}
	
/* ----------------------------- index content --------------------------- */

#pageContainer {
	clear: both;} /*to push down the footer */

#leftColumContainer{
	float: left;
	min-height: 480px;
	margin-bottom: 10px;
	width:505px;
	min-width:494px;}

#mainContentContainer {
	float: left;
	margin: 8px 4px 10px 4px;
	background-color: #DCDCCB;
	border: 1px solid #DCDCCB;
	width: 495px;}	
	
#mainContentContainer img{ margin: 0;}
	
#mainContentContainer h4 { text-indent: -6666px;}

#bodyContainer {
	background-color: #787B6C;
	margin: -60px 10px 10px 10px;
	border: 1px solid #464C38;}
	
#formBodyContainer {
	margin: -60px 10px 10px 10px;}	
	
#mainContentContainer p.bodyCopy {
	color: #FFF;
	margin: 0;
	padding: 8px;
	font-size: 11px;
	line-height: 15px;}

#mainContentContainer p {
	color: #FFF;
	margin: 0;
	padding: 8px;
	font-size: 11px;
	line-height: 15px; }
	
	
#logoBox {
	width: 493px;
	margin-left: 4px;
	clear: left;
	float: left;
	border: 2px solid #E1E1E1;}

#logoBox img { padding: 15px 0 0 5px;}

img a, a img{	border: 0 solid #FFF;}

#logoBox .logoTextContainer {
	margin-top: -55px;	
	margin-left: 170px;
	width: 190px;}
	
#logoBox .usdaTextContainer{
	margin:-55px 0 20px 170px;
}

#logoBox p { font-size: 10px;}

#logoDevidingBox {
	width: 120px;
	height: 70px;
	margin-top: -71px;
	margin-left: 370px;
	border-left: 2px solid #E1E1E1;}
	
#logoDevidingBox p{
	padding-top: 5px;
	text-align: center;}

#logoDevidingBox img{
	display: block;
	margin: -23px auto -12px auto;
	border: 1px solid #fff;}
	
/*USDA CertifiedBioBased Logo style */
#usdaBox {
	width: 493px;
	margin-top:10px;
	margin-left: 4px;
	clear: left;
	float: left;
	border: 2px solid #E1E1E1;
	height:95px;}
	
#usdaBox .usdaTextContainer{
	margin:-65px 0 20px 170px;
}

#usdaBox img { padding: 10px 0 0 5px;}

#usdaBox p { font-size: 10px;}

/* End */

#rightColumContainer {
	float: right;
	width: 290px; 
	margin-left: 0;
	margin-bottom: 15px;
	clear:right;
}
	
#rightColumContainer p {
	color: #393939;
	font-size: 11px;
	margin: 0 0 0 8px;}
	
#rightColumContainer p a {
	color: #000;
	text-decoration: none;}
	
#rightColumContainer p a:hover{	color: #393939;}	
	
#newsAndEvents img{
	padding-left: 8px;
	margin-bottom: 0;}

#newsAndEvents h5 {	text-indent: -6666px;}

.rssLink a{
	border: 0;
	margin-top: -77px;
	margin-left: 120px;
	margin-bottom: 10px;
	display: block;
	height: 14px;
	width: 36px;
	background: url(images/rssButton.jpg) no-repeat;}

#newsAndEvents h6 {
	margin-top: 0;
	padding-left: 8px;}

#newsAndEvents h6 a{
	margin-top: 0;
	padding-left: 8px;
	color: #000;
	text-decoration: none;}	
	
#newsAndEvents h6 a:hover{
	margin-top: 0;
	color: #3F3F3F;}		

#newsAndEvents p {
	width: 280px;
	color: #3F3F3F;
	margin-top: -25px;
	font-size: 10px;
	line-height: 12px;
	padding-left: 8px;}

#newsAndEvents p a{
	text-decoration: none;
	color: #00737E;}

#newsAndEvents p a:hover{ color: #3F3F3F;}	
	
/* -------------------  child styles -------------------- */	

#childContentContainer {
	float: left;
	margin: 8px 14px 10px 4px;
	padding-left: 10px;
	padding-right: 10px;
	width: 445px;}
	
#childContentContainer img{	margin: 0;}
	
#childContentContainer h4 {	text-indent: -6666px;}
	
#childContentContainer #bodyContainer {
	background-color: #FFF;
	border: 0;
	margin: -60px 10px 10px 10px;}
	
#childContentContainer p.bodyCopy {
	color: #000;
	margin: 0;
	padding: 8px;
	font-size: 11px;
	line-height: 15px;}

#childContentContainer p.bodyCopy a{ color:#0A3542; text-decoration: none;}

#childContentContainer p.bodyCopy a:hover{text-decoration: underline;}	
	
/* I don't know what's up with all these extra divs and classes, or who wrote this originally, so 
I'm taking them out if I run into them and replacing with the below. 081023mfj */
#childContentContainer p {
	color: #000;
	margin: 0;
	padding: 8px;
	font-size: 11px;
	line-height: 15px;}
#childContentContainer p a { 
	color:#0A3542; 
	text-decoration: none; }
#childContentContainer p a:hover{
	text-decoration: underline; }	
	
	
#childContentContainer ul{ margin-top: -8px;}

#childContentContainer #childBodyContainer h5{	
	font-size: 13px;
	color: #88392C;
	margin: 12px 0 5px 10px;}
	
#childContentContainer #childBodyContainer h6{	
	font-size: 11px;
	margin: 12px 10px 12px 10px;}
	
#childContentContainer ul li{	
	font-size: 11px;
	line-height: 15px;}

.childImages { margin-top: 18px;}

.map {
	margin-top: 18px;
	border: 1px solid #8C8C8C;}

#childContentContainer h4#textHeading, h4#textHeading {
	text-indent: 8px;
	color: #0A3542;
	margin-bottom: 10px;}

h4#GreenCellHeading a{
	background: url(images/greenCellLogo.gif) no-repeat;
	display: block;
	width: 150px;
	height: 40px;
	text-indent: -99999px;
	margin: 20px 0 -22px 10px;
	padding: 0;
	border: none;
}

/*
background: url(images/adamsLogo.jpg) no-repeat;	
width: 197px;
height: 41px;
float: left;
margin-top: 34px;
margin-right: 10px;
text-indent: -6666px;}
*/


	
#childContentContainer #childBodyContainer {
	background-color: #FFF;
	border: 0;
	margin: -10px 0 0 0;}

/* ------------------ contact form ------------------ */	

th { font-size: 11px;}
	
fieldset { margin-top: 10px; }

label { font-size: 10px; }

legend { 
	font-size: 12px; 
	font-weight: bold; 
	color: #0A3542;}
	
.errors { 
	color: red; 
	font-size: 10px; }	
	
h5.header { 
	font-size: 12px; 
	font-weight: bold; 
	color: #0A3542;
	margin-top: 0;
	margin-bottom: -5px;}
	

.scroll {
	height: 250px;
	overflow: auto;
	margin-bottom: 10px;}	
	
	
/* ------------------ news ------------------ */	

h3 {
	color: #0A3542;
	font-size: 13px;
	margin-bottom: -5px;}
	
p.bodyCopyDate {
	color: #000;
	margin-top: 3px;
	padding: 0;
	font-size: 10px;
	line-height: 15px;}	

body.news th.underline{
	color: #555;
	border-bottom: 1px solid #999;}
	
/* ------------------ site map ------------------ */	

#siteMapContainer { border: 1px solid white; min-height: 380px;	width: 790px; }
	
#siteMapContainer ul#siteMap { margin-left: -30px;}

#siteMapContainer ul#siteMap li{
	float: left;
	display: inline;
	width: 105px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-left: 4px;}
	
#siteMapContainer ul#siteMap li a{	text-decoration: none;}	
	
#siteMapContainer ul#siteMap li#solidGrey p {
	text-decoration: none;
	background-color: #6A737B;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFF;}

#siteMapContainer ul#siteMap li#solidDarkBlue p {
	background-color: #00274C;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFF;}

#siteMapContainer ul#siteMap li#solidMedBlue p {
	background-color: #3B6E8F;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFF;}

#siteMapContainer ul#siteMap li#solidLiteGreen p {
	background-color: #9FAD9F;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFF;}	

#siteMapContainer ul#siteMap li#solidDarkGreen p {
	background-color: #215352;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFF;}

#siteMapContainer ul#siteMap li#solidLiteBlue p {
	background-color: #7FA1B6;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFF;}

#siteMapContainer ul#siteMap li#solidBabyBlue p {
	background-color: #9CC5C9;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFF;}

#siteMapContainer ul#siteMap li ul.subPages li{
	margin-left: -40px;
	margin-top: 5px;
	width: 103px;
	padding-top: 3px;
	padding-bottom: 3px;}

#siteMapContainer ul#siteMap li ul.subPages li a{
	text-decoration: none;
	color: #000;}

#siteMapContainer ul#siteMap li ul.subPages li.grey{border: 1px solid #6A737B;}

#siteMapContainer ul#siteMap li ul.subPages li.darkBlue{border: 1px solid #00274C;}

#siteMapContainer ul#siteMap li ul.subPages li.medBlue{border: 1px solid #3B6E8F;}

#siteMapContainer ul#siteMap li ul.subPages li.liteGreen{border: 1px solid #9FAD9F;}

.setWidth {width: 400px;}

p.imageCaption{margin-top: -5px !important;
	font-size: 9px !important;} 

/* ---------  pdf styles  ------- */
.pdfContainer p {	
	margin-left: 5px; 
	overflow: auto; }
.pdfContainer a img { 
	float: left;
	margin-top: -3px; 
	border: 1px solid #fff; }
.pdfContainer a {
	color: #903F3F !important; }  
	
/* ----------  our customers  ---------- */	
.colwrap{margin-top: 50px;}

#col1 ul{ 
	list-style: none;
	width: 150px;
	margin-left: -50px;}

#col1 ul li.otherLines{
	border-bottom: 1px solid #B2B2B2; 
	border-right: 1px solid #B2B2B2; 
	padding: 5px 0 5px 0;}
	
#col1 ul li.lastLine {
	border-right: 1px solid #B2B2B2; 
	padding: 5px 0 5px 0;}	

#col2 ul{ 
	list-style: none;
	width: 150px;
	float: right;
	margin-top: -252px;}

#col2 ul li.otherLines{
	border-bottom: 1px solid #B2B2B2; 
	padding: 5px 0 5px 0;}
	
#col2 ul li.lastLine {
	padding: 5px 0 5px 0;}

sup{font-size:7px}	

/* ------------------------ Accordian for News.php -----------------------------*/
.accordion {
    width: 700px;
}

.accordion h3 {
    border-bottom: medium none;
    cursor: pointer;
    margin: 0;
    padding: 7px 15px;
	font:12px;
}

.accordion div {
    background: none repeat scroll 0 0 #F7F7F7;
    border-left: 1px solid #C4C4C4;
    border-right: 1px solid #C4C4C4;
    display: none;
    margin: 0;
    padding: 10px 15px 20px;
}