/* CSS Document */

body{
	font-family: Arial,sans-serif;
	font-size:12px;
	color: #333333;
	border:0px;
	margin: 0px;
	padding: 0px;
	width:1200px;
	min-height:100%;
}
.maindiv {
width:955px;
background-color:#E5E5E5;
}
.feature-title {
	font-family: Arial,sans-serif;
	font-size:12pt;
	font-weight:bold;
}
.footnote {
color:#FF6600;
font-size:8pt;
}
.feature {
border:0px;
margin:0px 0px 0px 0px;
padding: 0px;
width:955px;
height:100%;
background-color:#E5E5E5;
text-align:left;
}
.storyLeft{
height:100px;
float:left;
	text-align:left;
	width:49%;
background-color:#E5E5E5;
padding-left:2px;
}
.storyRight{
height:100px;
float:right;
	text-align:left;
		width:50%;
background-color:#E5E5E5;
padding-right:4px;
}
.storyLeftMed{
height:120px;
float:left;
	text-align:left;
	width:49%;
background-color:#E5E5E5;
padding-left:2px;
}
.storyRightMed{
height:120px;
float:right;
	text-align:left;
		width:50%;
background-color:#E5E5E5;
padding-right:4px;
}
.storyLeftBig{
height:170px;
float:left;
	text-align:left;
	width:49%;
background-color:#E5E5E5;
padding-left:2px;
}
.storyRightBig{
height:170px;
float:right;
	text-align:left;
		width:50%;
background-color:#E5E5E5;
padding-right:4px;
}
.storyLeftCombo{
height:210px;
float:left;
text-align:left;
width:49%;
background-color:#E5E5E5;
padding-left:2px;
}
.storyRightCombo{
height:210px;
float:right;
text-align:left;
width:50%;
background-color:#E5E5E5;
padding-right:4px;
}
.productsLeft{
height:100px;
float:left;
	text-align:left;
	width:24%;
background-color:#E5E5E5;
padding-left:2px;
}
.capsule{
color:#FF6600;
text-decoration:none;
}
.farmer-p{margin-left:2px;
margin-right:3px;}
.farmer {
width:135px;
height:175px;
border-left:thin;
border-left-style:solid;
border-bottom:thin;
border-bottom-style:solid;
float:left;
background-color:#E5E5E5;
 }
.farmer-last {
width:135px;
height:175px;
border-left:thin;
border-left-style:solid;
border-bottom:thin;
border-bottom-style:solid;
border-right:thin;
border-right-style:solid;
float:left;
background-color:#E5E5E5;
 }
.farmer-noborder {
border-left:thin;
border-left-style:solid;
border-top:thin;
border-top-style:solid;
border-bottom:thin;
border-bottom-style:solid;
 width:135px;
  float:left;
   background-color:#E5E5E5; 
 }
.farmer-noborder-last {
border-left:thin;
border-left-style:solid;
border-top:thin;
border-top-style:solid;
border-bottom:thin;
border-bottom-style:solid;
border-right:thin;
border-right-style:solid;
 width:135px;
  float:left;
   background-color:#E5E5E5; 
 }
#content {
width:955px;
height:100%;
	border:0px;
	margin: 0px;
	padding: 0px;
background-color:#E5E5E5;
}
/*                                  Main Menu Setup Follows */
#nav, #nav ul {
	padding-top: 10px;
	margin: 0;
	list-style: none;
	line-height:1;
	background-color:#CCCCCC;
	text-align:left;
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;}
#nav a {
	display: block;
	width: 11em;
	background-color:#CCCCCC;
	text-decoration:none;
	color:#000000;}
#nav li {
	float: left;
	width:10em;
	background-color:#CCCCCC;}
#nav li ul {
font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	width: 10em;
	left: -999em;
	background-color:#CCCCCC;}
#nav li ul ul {
	margin: -1em 0 0 10em;}
#nav li:hover ul {
	left: auto;
	background-color:#CCCCCC;
	color:#CC33CC;}
#nav li:hover ul, #nav li.menuHover ul {
	left: auto;
	text-decoration:underline;
		color:#FFFF00;}
#nav li:hover ul ul, #nav li.menuHover ul ul { /* secondary level display formatting */
	left: -999em;
	text-decoration:underline;
	text-shadow:#FFFFFF;
		color:#FFFFFF;}
#nav li:hover ul, #nav li li:hover ul, #nav li.menuHover ul, #nav li li.menuHover ul {
/* This sets up how the resulting 'mouseover display' appears */
	left: auto;}
/*                                 FAQs "Drop-Down menu trick" Setup Follow */
#faq a { /* this sets up the FAQ Question layout */
	display: block;
	width: 40em;
	background-color:#E5E5E5;
	text-decoration:none;
	color:#000000;}
#faq, #faq ul {
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height:1;
	background-color:#E5E5E5;
	text-align:left;
	text-decoration:none;
	color:#000000;
	font-size:10pt;
	font-weight:bold;}
#faq li { /* this sets up the first level's layout */
	float: left;
	width: 60em;
	background-color:#E5E5E5;
	padding-bottom:5px;
	padding-top:5px;}
#faq li ul { /* the functionality of this is exactly know at this time */
	position: absolute;
	width: 10em;
	left: -999em;
	background-color:#E5E5E5;
		color:#669966;
	padding-bottom:10px;}
#faq li ul ul { /* the functionality of this is exactly know at this time */
	margin: -1em 0 0 10em;
	background-color:#E5E5E5;
		color:#669966;
	padding-bottom:10px;}
#faq li:hover ul { /* not used in this application */
	left: auto;
	background-color:#E5E5E5;
	color:#FFFF00;
	padding-bottom:10px;}
#faq li:hover ul, #faq li.faqHover ul { /* not used in this application */
	left: auto;
	text-decoration:none;
		color:#669966;
	padding-bottom:10px;}
	#faq li:hover ul ul, #faq li.faqHover ul ul { /* not used in this application */
	left: -999em;
	text-decoration:underline;
		color:#FFFF00;
	padding-bottom:10px;}
	/* This sets up how the resulting 'mouseover display' appears */
#faq li:hover ul, #faq li li:hover ul, #faq li.faqHover ul, #faq li li.faqHover ul {
	left: auto;
	width:69em;
	padding-left:35px;
	padding-top:10px;
	padding-top:10px;
	border-style:solid;
	border-color:#FFFFFF;
	color:#330099;
	background: #E5E5E5;
	border-top: 1px;
	border-top-style: solid;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
		}
.toggle2 {
/*float:right;
*/ display:none;
padding:5px;
border:solid;
border-color:#CCCCCC;
border-width:5px;
/*	width:800px;
*/	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	background-color:#FFFFFF;
	}
.faq3 {color:#FF0000;}
.faq2 {text-decoration:none; width:600px;}
.disclaim { font-size:8pt;}
