﻿#container { 
	width: 1000px;  
	background: #000;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
} 
#header { 	
	background-image: url(../images/navigation_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 157px;
} 
#header .logo
{
	position: relative;
	top: -50px;
	left: -4px;
	width: 199px;
}
#header .info
{
	position: relative;
	top: 0px;
	left: 5px;
	width: 199px;
	text-align: center;
}
#navigation {
	position: relative;
	top: 0px;
	left: 200px;	
	height: 60px;
	width: 800px;
	padding-top:5px;	
}
#navigation li{	
	float: left;
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;	
	
}
#navigation span { display: none; }
#navigation a{		
	display: block;	
	height: 30px;
	background-position: middle left;
	background-repeat: no-repeat;
}
#navigation li ul {
	position: absolute;
	display: none;
}
#leveltwo {
	z-index: 99;
	display:block;
}
#leveltwo li {
	z-index: 99;
	background:none;
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
}
#leveltwo li a {	
	font-family: Franklin Gothic Book;
	font-size: 1.2em;
	font-weight: bold;
	color: #ef3a43;
	text-decoration: none;
	margin: 0px;
	padding: 4px 8px;
	height: 20px;
}
#leveltwo li a:hover {		
	color: #089f6d;
	text-decoration: underline;
}
#navigation li:hover ul, #navigation li.over ul {
	display: block;
	z-index: 99;
	margin: 0px 0px 0px 0px;
	padding-top: 4px;
	background: #EEE;
	border: 1px solid green;
}
#navigation a.admin
{
	font-size: 1.2em;
	color: Red;
	font-weight: bold;
	text-decoration: none;
}
#navigation a.admin:hover { color: Green; }
#navigation li a.home
{
	background-image: url(../images/navigation/home_hover.png);	
	width: 75px;	
}
#navigation li a.home:hover
{
	background-image: url(../images/navigation/home.png);	
}
#navigation li a.about
{
	background-image: url(../images/navigation/aboutUs_hover.png);	
	width: 107px;	
}
#navigation li a.about:hover
{
	background-image: url(../images/navigation/aboutUs.png);	
}
#navigation li a.products
{
	background-image: url(../images/navigation/products_hover.png);	
	width: 106px;	
}
#navigation li a.products:hover
{
	background-image: url(../images/navigation/products.png);	
}
#navigation li a.agronomy
{
	background-image: url(../images/navigation/agronomy_hover.png);	
	width: 159px;	
	height: 50px;
}
#navigation li a.agronomy:hover
{
	background-image: url(../images/navigation/agronomy.png);	
}
#navigation li a.traits
{
	background-image: url(../images/navigation/technology_hover.png);	
	width: 132px;	
}
#navigation li a.traits:hover
{
	background-image: url(../images/navigation/technology.png);	
}
#navigation li a.contact
{
	background-image: url(../images/navigation/contact_hover.png);	
	width: 93px;	
}
#navigation li a.contact:hover
{
	background-image: url(../images/navigation/contact.png);	
}
#leftCol {
	float: left; 
	width: 197px; 
	min-height: 550px;
	height: 100%;
	background-image: url(../images/leftColumn.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: Black;
	padding: 0px 0px 0px 0px; 
}
/*** Three Col ***/
#centerCol { 
	margin: 0px 210px 0px 0px; /* 197px */
	padding: 0px 10px 0px 15px;	
	min-height: 558px;
	height: 100%;
	background: #FFF url(../images/content_gradient.png) left repeat-y;
}
#rightCol {	
	float: right;
	width: 205px;
	background: #FFF; 
	padding: 0px 8px 0px 0px;
	/*margin-top: -25px;*/
	font-size: .90em;
	height: 100%;
	min-height: 558px;
}
#rightCol p
{	
	margin: 5px 0px;
}
#rightCol .container {	
	width: 200px;    
	color: #ccc;
	border: 4px double #4096ee;
}
#rightCol .container .footer
{
	padding: 0px 5px 20px 10px;
	color: #000;	
}
#rightCol .container h3 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 10px;
	font-size: 1.1em;
	color: #000;	
	background: #DDD;
}

/*** Two Column ***/
#centerColLarge {
	width: 778px;
	background: #FFF url(../images/content_gradient.png) left repeat-y; 
	padding: 0px 10px 0px 15px;
	float: left;
	min-height: 560px;
}
#footer { 
	padding: 0px;
	text-align: center;
	background-color: #000;
	width: 1000px;
	margin: 0px auto;
	color: White;
} 
#footer p {	margin: 0; padding: 10px 0; }
.iqfooter a
{
    color: white; text-decoration:none; font-size: .90em;
}
.iqfooter img 
{
    margin: 5px; vertical-align:middle; border:none;
}





