/* default styles */
body { 	padding: 0; 
		margin: 0; 
		font-size: 88%; 
		font-family:  Verdana, Arial, Tahoma, Sans-Serif; 
		line-height: 115%; 
		background: #d2d2d2 url(bg6.gif) top center repeat-y; 
		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 0 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-style: bold; font-size: 1.6em; text-indent: -5px;}
h4 { margin: 0; padding: 3px 0 ; font-style: bold; font-size: 1.4em; 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 : 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; }

img { border: 0; }


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

#wrap { margin: 0 auto; width: 1000px; }
#content { margin: 0 auto; width: 1000px; }

/*.logo { margin: 0 auto; width: auto; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }*/

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

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/lbhover.gif) no-repeat; color: #000;}

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

}

#title {
	float: right;
	margin: -100px 0 10px 20px;
	width: 760px;
}


/* main vertical menu */
#tablist{ 
	clear: both;
	padding: 0;
	margin: -90px 0 0 0; 
	float: left; 
	display: block; 
	width: 201px;
	font-size: 14px;
	background: transparent ;
	line-height: 15px;
	/*background: #ff0000 url(images/nav4.png) top left repeat-y; */
	}
	
/*	#tablist ul{	
		list-style: none;
		margin: 0;
		padding: 0;
		font-size:100%;
		color:#ffffff;
	}*/

	#tablist li{ 
		list-style: none; 
		border: 0px;		
	font-size: 14px;
 	line-height: 15px;
		margin-bottom: 0px; /* stuffing up: needs to be ie (0px) & firefox (3px)*/
		/*width: 160px; */
	}
	
	#tablist li a{
		display: block;
		text-decoration: none;
		padding-top: 4px;
		padding-left: 9px;
		/*margin-right: 10px;*/
		background: #808080 url(images/corner4.gif) no-repeat top left;
		font-weight: bold;
		/*text-align: right;*/
		color: #fff;
		width: 209px;
		height: 28px;
			font-size: 14px;
 	line-height: 15px;
	}

	#tablist li a:hover{
		width: 100%;
		height:28px;
		background: #6495AB url(images/corner4.gif) no-repeat top left;
		color: #fff;
		width: 206px;height: 27px;
		padding-top: 5px;
		padding-left: 12px;
	}

	/*#tablist li a.current{
		background: #9FC7D8 url(images/corner2.gif) no-repeat top left;
		color: #2F637A;
		margin: 0;
		
		width: 100%;
	}*/
	#tablist .key { text-decoration: underline; }

/* hi-light the menu item of the current page light blue*/
	body#home li#home-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 {
		background: #9FC7D8 url(images/corner4.gif) no-repeat top left;
		color: #333;
		margin: 0;
		/*padding: 4px 10px;*/
		width: 206px;
		padding-left: 12px;
	}


/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 990px;
	background: #F3EC90 url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0;
	color: #fff;
	height: 59px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url(images/searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 270px;
}
	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

/* 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: #fff url(images/bgshade.gif) repeat-x;
	float: right;
	color: #808080;
	padding: 10px 15px 5px 15px ;
	border-top: 1px solid #d7d7d7;
	width: 805px;
	
}
	#footer .right { float: right; }
	
.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;
  
opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; /*http://www.mandarindesign.com/opacity.html*/

  border: 1px solid #878787;
  font-size: 11px;
  padding: 3px 5px;
  color: #000;
  text-align: center;
  } 
  
/*http://www.mandarindesign.com/opacity.html*/  
div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON  {width: 100%; background-color: silver; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; border:1px solid black; }

.sup{ vertical-align: super; font-size: 60%;}
.sub{ vertical-align:sub; font-size: 60%;}




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) */  
td#images img{

	/*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;*/
	}
/* MAKE BORDER ON SML IMAGE (thumbnail) */