/* default styles */
body { 	padding: 0; 
		margin: 0; 
		font-size: 88%; 
		font-family:  Verdana, Arial, Tahoma, Sans-Serif; 
		line-height: 115%; 
		background: #56BD7A url(images/bg_generic.jpg) top center fixed no-repeat;
		color: #404040; 
		}
		
a { color: #2F637A; background: inherit; }

a:hover { color: #808080; background: inherit; }

p {	margin: 5px 0 10px 0; }

h1 { font: bold 2.2em Arial, verdana, Sans-Serif; padding: 8px 0 11px 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, verdana, Sans-Serif; padding: 8px 0 0 0; letter-spacing: -1px; }
h3 { margin: 0; padding: 0; font-weight: bold; font-size: 1.6em; text-indent: -5px;}
h4 { margin: 0; padding: 3px 0 ; font-weight: bold; font-size: 1.4em; font-family:  Verdana, Arial, Tahoma, Sans-Serif; text-indent: -5px;}
h5 { margin: 0; padding: 3px 0 ; font-weight: bold; font-size: 1.0em; font-family:  Verdana, Arial, Tahoma, Sans-Serif; text-indent: -5px;}

h1 a, h2 a, h3 a, h4 a { color: #000; background: inherit; text-decoration: none; }

/*ul { margin: 0; padding : 0; list-style: none; display: block; }*/

#rightnav ul, #leftnav ul { list-style-position: outside; margin-left: 0px; padding-top: 10px; padding-left: 30px; list-style: square; vertical-align: middle; }
#rightnav li, #leftnav li { padding-bottom: 5px; }



.reference {
	text-indent : -3.0em;
	/* margin-left :  5em; */
	padding-left : 3em;
	
}

/* layout */
/*background: #fff url(rightside.jpg) top right repeat-y; */  /* <-- THIS IS FOR RIGHT IMAGE*/

#wrap { margin: 0 auto; width: 1000px; background: url(logos/content.png) top right repeat-y; }
#content { margin: 0 auto; width: 1000px; }

#top_info { line-height: 27px; 
		float: right; 
		color: #808080; 
		background: #fff; 
		margin: 12px 5px 7px 0; 
		text-align: right; 
		height: 74px; 
		}


#header { 
	 clear: both;
	 padding: 0 0; 
	 margin: 0 0 0 0; 
	 height: 199px; 
	 font: 1em Tahoma, Arial, sans-serif; 
	 line-height: 1.3em; 
	 background:  url(logos/top1.png) top right no-repeat; 
	 color: #454545; 
}

#title {
	float: left;
	margin: -63px 0 10px 50px;
	width: 700px;
}


/* ******************************** STRAT NAVIGATION ********************************************/
	#tablist{ 
		clear: both;
		padding: 0;
		margin: -28px 0 0 0; 
		float: left; 
		display: block; 
		width: 201px;
		font-size: 14px;
		background: transparent ;
	}
	
	#tablist ul{	
		list-style: none; 
		border: 0;		
		margin: 0;
		padding: 0;
	}

	#tablist li{ 
		list-style: none; 
		border: 0px;		
		font-size: 14px;
		margin-bottom: 0; /* stuffing up: needs to be ie (0px) & firefox (3px)*/
		margin-left: 0;
	}
	
	/* LINK NAV */
	#tablist li a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #333;
		font-size: 14px;
		text-align:left;
		background: url(images/nav6.png) 0 0 no-repeat;
		
		padding-top: 3px;
		padding-left: 9px;
		padding-bottom: 1px;
		margin: 0;	
		width: 209px; /*137px !important; /*fixes ff width issue*/
		width: 209px; /*152px;*/
		height: 28px;
		overflow: visible;
	}

	/* HOVER NAV */
	#tablist li a:hover{
		display: block;
		text-decoration: none;		
		font-weight: bold;
		color: #333;
		font-size: 14px;
		text-align:left;
		text-indent: 3px;
		background-position: -218px 0;

		padding-top: 4px;
		padding-left: 9px;
		padding-bottom: 1px;
		margin: 0;
		width: 209px; /*137px !important; /*fixes ff width issue*/
		width: 209px; /*152px;*/
		height: 27px;
		overflow: visible;	
	}

	/* hi-light the menu item of the current page */
	body#home li#home-nav a,
	body#available li#available-nav a,
	body#company li#company-nav a,
	body#background li#background-nav a,
	body#ingredients li#ingredients-nav a,
	body#reports li#reports-nav a,
	body#whyuse li#whyuse-nav a,
	body#market li#market-nav a,
	body#garden li#garden-nav a,
	body#bananas li#bananas-nav a,
	body#oats li#oats-nav a,
	body#peanuts li#peanuts-nav a,
	body#sugar li#sugar-nav a,
	body#tea li#tea-nav a,
	body#tomatoes li#tomatoes-nav a,
	body#contact li#contact-nav a,
	body#testimonials li#testimonials-nav a {
		display: block;	
		text-decoration: none;		
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		text-align:left;
		text-indent: 3px;
		background-position: -436px 0;		
		
		padding-top: 4px;
		padding-left: 9px;
		padding-bottom: 1px;
		margin: 0;
		width: 209px; /*137px !important; /*fixes ff width issue*/
		width: 209px; /*152px;*/
		height: 27px;
		overflow: visible;	
	}
	
/*************** End Navigation *******************/


/* right side */
#rightnav {
	float: right;
	width: 765px;
	margin: 0 10px 10px 0;
	display: inline;
}
#right {
	float: right;
	width: 815px;
	margin: 10px 10px 10px 0;
	display:inline;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.right_articles {
		margin: 0 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 3px 15px 5px 10px;
		
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.leftimage {
			float: left;
			clear: left;
			/*border: 2px solid #666;*/
			border-right: 2px solid #333;
			border-bottom: 2px solid #333;
			border-top: 2px solid #fff;
			border-left: 2px solid #fff;		
			background: #eee;
			color: #000;
			/*width: 200px;*/
			height: 150px; 
			margin: 0 15px 10px 0;
		}
		.rightimage {
			float: right;
			clear: right;
			/*border: 2px solid #666;*/
			border-right: 2px solid #333;
			border-bottom: 2px solid #333;
			border-top: 2px solid #fff;
			border-left: 2px solid #fff;		
			background: #eee;
			color: #000;
			/*width: 200px;*/
			height: 150px;
			margin: 0 0 10px 15px;
		}
		.centerimage {
			/*border: 2px solid #666;*/
			border-right: 2px solid #333;
			border-bottom: 2px solid #333;
			border-top: 2px solid #fff;
			border-left: 2px solid #fff;		
			background: #eee;
			margin: 0 auto;			
			color: #000;
			height: 150px;
		}
		.rightimagehold {
			float: right;
			clear: right;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 0 10px 15px;
		}
		.leftimagehold {
			float: left;
			clear: left;
			color: #000;
			width: 200px;
			height: 150px; 
			margin: 0 15px 10px 0;
		}
		.rightsidebar {
		display: inline;
			float: right;
			clear: right;
			border: 1px solid #999;
			background: #eee;
			color: #000;
			width: 200px;
			padding: 5px;
			margin: -3px -15px 10px 15px;
		}		
	.right_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
	.sections {
		float: left;
		padding: 0 10px 0 15px;
		background: #fff;
	}		
	.clear{clear:both;}
		
/* right side */
#left {
	float: left;
	width: 310px;
	margin: 0 0 10px 0;
}
	.left_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}
	
/* footer */
#footwrap { margin: 0 auto; width: 1000px; clear:both;}

#footer { 
	clear: both;
	background: #f4f4f4 url(logos/footer.png) no-repeat;
	float: right;
	color: #808080;
	padding: 5px 15px 5px 15px ;
	width: 805px;
	font-size: 90%; 
	font-weight: bold;
	overflow:visible;
}
	#footer .right { float: right; }
	
#footimg {
	float: right;
	background: url(logos/imc.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: -56px 0 0 10px;
}

.table1 td {
	border-bottom: 1px solid #333; }	

.table1 th {
	border-bottom: 1px solid #333; 		
	border-top: 1px solid #333; }		
	
.soon { color:#666; font-size:0.8em;}	
.pdf { color:#666; font-size:0.9em;}	
	
.txt21{font-size:2.1em;}
.txt20{font-size:2.0em;}
.txt19{font-size:1.9em;}
.txt18{font-size:1.8em;}
.txt17{font-size:1.7em;}
.txt16{font-size:1.6em;}
.txt15{font-size:1.5em;}
.txt14{font-size:1.4em;}
.txt13{font-size:1.3em;}
.txt12{font-size:1.2em;}
.txt11{font-size:1.1em; line-height:1.2em}
.txt10{font-size:1.0em;}
.txt09{font-size:0.9em;}
.txt08{font-size:0.8em;}
.txt07{font-size:0.7em;}
.txt06{font-size:0.6em;}
.txt05{font-size:0.5em;}


.rightimage a span, .rightimage a:visited span, .leftimage a span, .leftimage a:visited span, .centerimage a span, .centerimage a:visited span {display: none; font-size: 11px;}

.rightimage a, .leftimage a, .centerimage a {position: relative; font-size: 11px;}

.rightimage a:hover, .leftimage a:hover, .centerimage a:hover {font-size: 100%;}
 
.rightimage a:hover span, .leftimage a:hover span, .centerimage a:hover span {
 position: absolute;
  top: 10px;
  left: 49px;
  width: 102px;
  display: block;
  background: #efefef;
 
  border: 1px solid #878787;
  font-size: 11px;
  padding: 3px 5px;
  color: #000;
  text-align: center;
  } 
  
.sup{ vertical-align: super; font-size: 60%;}
.sub{ vertical-align:sub; font-size: 60%;}


img { border:0; }

table.rightside { margin: 0 0 0 10px; }
table.leftside { margin: 0 10px 0 0; }  
table.center { margin: 0 auto; }  
  
  
/* MAKE BORDER ON SML IMAGE (thumbnail) */  
.thumbimg {
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;		
	background: #eee;
	}
/* MAKE BORDER ON SML IMAGE (thumbnail) */

		.rightthumb {
			float: right;
			clear: right;
			/*border: 2px solid #666;*/
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;	
			background: #eee;
			color: #000;
			/*width: 200px;*/
			height: 150px;
			margin: 0 0 6px 10px;
		}
		
		.leftthumb {
			float: left;
			clear: left;
			/*border: 2px solid #666;*/
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;		
			background: #eee;
			color: #000;
			/*width: 200px;*/
			height: 150px; 
			margin: 0 10px 6px 0;
		}
		
		.centerthumb {
			/*border: 2px solid #666;*/
border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;		
			background: #eee;
			margin: 0 auto;			
			color: #000;
			height: 150px;
		}