@charset "utf-8";
/* CSS Document */
html{
	overflow-x: hidden;
	overflow-y: scroll;	
}
body{
	background-image: url(../images/grungebackground2.png);	
}

@font-face {
	font-family: 'HansHandItalic';
	src: url('../fonts/hanshand-webfont.eot');
	src: local('☺'), url('../fonts/hanshand-webfont.woff') format('woff'), url('../fonts/hanshand-webfont.ttf') format('truetype'), url('../fonts/hanshand-webfont.svg#webfontVdXgDxHz') format('svg');
	font-weight: normal;
	font-style: normal;
}


#mainContainer {
	
	width: 960px;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	padding: 0;
	min-height: 650px;		
} 

#slideshow { 
	/*width: 1600px;		
	margin-left: auto;
	margin-right: auto;*/
	margin: 0 -320px 0;

	position: relative;
	height: 566px;
}

#headerbar { 
	margin: 0 -320px 0;

	position: relative;
	background-image: url(../images/topbarnew.png);
	background-repeat:repeat-x;
	width: 1600px;
	height: 150px;
	border-bottom: #333;
	border-bottom-width: medium;
	border-bottom-style: solid;	

}

#EventTitle{
	/*float: right;*/
	font-weight: bold;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
	text-align: left;
	
	vertical-align: middle;
	margin-bottom:1.5em;	
}

#EventTitle a {
	color: #222;
}


#header { 	
	width: 960px;
	min-height: 175px;
	height: auto;
	height: 175px;
	top: 0px;
	/*left: 475px;*/
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	z-index: 999;	
} 

#headertext {
	/*width: 960px;*/
	color: #000000;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	min-height: 150px;
	height: auto;
	height: 150px;
	margin: 0;
}


h2{
	color: #E51937;		
}

#SearchButton{	
	
	position: absolute;
	left: 93px;
	top: 9px;
	height: 15px;
	display: -moz-inline-stack; 
	display:inline-block;
	zoom: 1;
	*display: inline;
}

#SalesSearch{
	position: absolute;
	top: 323px;
	left: 195px;
	
	height: 16px;	
	
	display: -moz-inline-stack; 
	display:inline-block;
	zoom: 1;
	*display: inline;
}

#hdrMotto {
	color: #E51937;
	/*font-face: HansHand;*/
	font-family: 'HansHandItalic', "Lucida Sans","Helvetica Neue", Arial;
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
	top: -90px;
	left: 200px;
	position: relative;
}

.hans
{
	font-family: 'HansHandItalic', "Lucida Sans","Helvetica Neue", Arial;
	font-style: italic;
	color: #E51937;
	
}

#search {
	font-size: 16px;
	font-weight: bold;	
	color: #CCC;
	position: absolute;
	top: 17px;
	left: 785px;
	text-decoration: none;
}

#account {
	font-size: 16px;
	font-weight: bold;	
	color: #FFFFFF;
	top: -100px;
	/*left: 450px;*/
	left:330px;
	position: relative;
	text-decoration: none;	
}

#account a {

	color: #FFFFFF;	
	text-decoration: none;

}

#account a:visited {

	color: #FFFFFF;	
	text-decoration: none;
}


#BubbleRow{
	/*top: -250px;*/
	top: -125px;
	position: relative;	
	margin: 0 auto;
	margin-bottom: 0;
	
}

#MiddleContent{
	/*top: -250px;*/

	position: relative;	
	margin: 0 auto;
	margin-bottom: 0;
	
}


#DYKBubble {	
	/*-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	width: 268px;
	border: 0px solid #333;
	font-size: 12px;
	
	/*background-color: white;*/
}

#Bubble {	
	
	width: 268px;
	border: 0px solid #333;
}

#BubbleBody {
	padding: 3px;	
	-moz-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;	
	max-height: none\9	
	min-height: 190px;
	overflow: hidden;	
	background-color: white;	
}

#DYKBubble h3{	
	background-image: url(../images/bubbleheader.gif);
	/*color: #FFE615;*/
	color: #FFF;
	padding-left: 10px;
	height: 25px;	
	padding-top: 5px;
	margin-bottom: 0px;
	
}

#Bubble h3{	
	background-image: url(../images/bubbleheader.gif);
	color: #FFFFFF;	
	margin-bottom: 0;
	padding-left: 10px;
	height: 25px;
	padding-top: 5px;
}

.ProductHdr{
	background: url('../images/buttons_left.png') no-repeat 0px -98px; height:30px;
}

.ProductTable{
	background-color: #F6F6F6;
	margin-top: -1px;
	border-style: ridge; border-width: thin; border-color: #666;
	-moz-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.ProductHdr h3 {
	color: #333; padding: 6px; padding-left: 15px;
}

#FeaturedContent img{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;			
}

.thumbs img{
	padding: 5px;
	vertical-align: middle;			
}


/*BEGIN MAIN NAV BAR*/
ul#topnav {
	margin: 0; padding: 0;
	/*float:left;*/	
	list-style: none;
	text-align: left;
	top: -50px;
	left: 150px;
	position: relative;
	/*font-size: 2em;*/
	z-index: 999999;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	/*color: #FFF;*/
}
ul#topnav li a {
	float: left;
	/*text-indent: -9999px; /*--Push text off of page--*/
	height: 28px;
	text-decoration: none;	
}

ul#topnav .header {    
	font-family:"Lucida Sans", "Helvetica Neue", Helvetica, sans-serif, Arial;
    font-size: 22px;  	
	width: 125px;
	text-indent: 10px;
	color: #FFFFFF;
}

ul#topnav .header:hover {    
	color: #CCC;
}

ul#topnav .header a {
	 text-indent: 10px;
	 color: #FFFFFF;
}

ul#topnav .header a:hover {
	
	color: #CCC;
	/* background: #E51937;  
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-khtml-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;*/
}

ul#topnav a.company {
	/*background: url(nav_home.png) no-repeat;*/	
	width: 130px;
}

ul#topnav a.products {
	width: 130px;
}

ul#topnav a.research {
	width: 130px;
	color: #FFFFFF;	    
}

ul#topnav a.agronomy {
	width: 130px;
	color: #FFFFFF;	
}
ul#topnav a.media {
	padding-left: 15px;
	width: 95px;
	color: #FFFFFF;	
}
ul#topnav a.contactus {
	width: 130px;
	color: #FFFFFF;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 28px; 	
	z-index: 99999;
	background-color: #3F403F;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
	border: solid 3px #999;
	font-size: 1em;
	left: 0px;
}


ul#topnav li .subContacts {
	position: absolute; /*--Important--*/
	top: 28px;
	left: -220px; 		
	z-index: 99998;
	
	background-color: #3F403F;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
	border: solid 3px #999;
	font-size: 1em;
}



ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

ul#topnav li .rowBottom { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	padding-top: 5px;
	margin-bottom: 0px;
	border-top-color: #CCC; border-top-style: dotted; border-top-width: 1px;
	
	margin-left: 5px;
	margin-right: 5px;	
}

ul#topnav li .rowBottom a:hover { /*--If needed to break out into rows--*/
color: #FFE716;
}


ul#topnav li .Products {
	clear: both;
	float: left;
	width: 100%;	
	margin-bottom: 10px;
/*	background-color: #F6F5F6;*/
	background: url("../images/productsmenu.jpg") no-repeat;	
}



ul#topnav li .Contacts {
	clear: both;
	float: left;
	width: 100%;	
	margin-bottom: 10px;
/*	background-color: #F6F5F6;*/

}

ul#topnav li .additional { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 0px;	
	background-color: #999;
	color: #FFFFFF;
	zoom: 1;
	font-weight: bold;
	font-size: small;
	padding-top: 10px;
		
}

ul#topnav li .additional a { /*--If needed to break out into rows--*/
	
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	
	display: block;
	text-decoration: none;
	color: #fff;
		
}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 200px;
	float: left;
	padding: 10px 10px 10px;
}


ul#topnav li .subContacts ul{
	list-style: none;
	margin: 0; padding: 0;
	
	float: left;
	padding: 10px 10px 10px;
}

ul#topnav li .sub ul.corn{	
	width: 130px;	
}

ul#topnav li .sub ul.Soybeans{	
	width: 110px;	
}

ul#topnav li .sub ul.wheat{	
	width: 117px;
}


ul#topnav li .sub ul.forages{	
	width: 110px;	
	height: 54px;
}


ul#topnav li .subContacts ul.Sales{	
	width: 130px;	
}

ul#topnav li .subContacts ul.Dept{	
	width: 140px;
	/*border-right-style: ridge;
	border-right-width: thin;
	border-right-color: #666;
	height: 100%;*/
}

ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: 600;
	
}

ul#topnav .subContacts ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .subContacts ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: 600;
	
}

ul#topnav li .research h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: 600;	
}

/*top subheader*/
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #E51937;
	font-weight: bold;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 0px 0px 5px 3px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

ul#topnav .subContacts ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 0px 0px 5px 3px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

ul#topnav .sub ul li a:hover {
	color: #FFE716;
	/*background-position: 5px 12px ;/*--Override background position--*/
	font-weight: bold;
}


ul#topnav .subContacts ul li a:hover {
	color: #FFE716;
	/*background-position: 5px 12px ;/*--Override background position--*/
	font-weight: bold;
}


/*END MAIN NAV BAR*/

a.arrow { /*--If needed to break out into rows--*/
	
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../images/buttons_left.png) no-repeat -110px -55px;
	padding: 0px 10px 0px 10px;
	display: block;
	text-decoration: none;
	color: #fff;
		
}


#footer { 
	clear: both;
	text-align: center;	
	background-image: url('../images/soil_footer.jpg');
	background-repeat:repeat-x;
	width: 100%;	
	padding: 0;
	margin: 0;
	margin-top: 50px;	
	/*font-family:"Lucida Sans", "Helvetica Neue", Helvetica, sans-serif, Arial;*/
    font-size: 22px;  
	color: #FFFFFF;
	padding-top: 10px;
	border-top: #333;
	border-top-width:medium;
	border-top-style: solid;	
	overflow: hidden;
} 


.outer #footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.outer #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    line-height: 0px;
	font-size: 1px;
	
}

/* Button Sprites *******************************/

/* Green BUTTON **************************/
a.GreenButton span {
background: transparent url('../images/buttons_left.png') no-repeat 0 0;
display: block;
padding: 3px 0 5px 18px;
color: #fff;
}

a.GreenButton {
background: transparent url('../images/buttons_right.png') no-repeat top right;
display: -moz-inline-stack; display:inline-block;	
zoom: 1;*display: inline;

margin-right: 6px;
position: relative;
*top: -10px;
padding-right: 20px;
text-decoration: none;
font-size:12px;
font-weight:bold;
}

a.GreenButton:hover span {
background-position: 0 -25px; color: #fff;
}

a.GreenButton:hover {
background-position: right -25px;
text-decoration: none;
}

a.CalendarButton span {
display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
color: #fff;
width: 64px;
}

a.CalendarButton {
background: transparent url('../images/buttons_left.png');
background-position: 7px -51px;
width: 62px;
height: 45px;
display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
color: #fff;
margin-left: 2px;
text-align: center;
padding-bottom: 2px;

text-decoration: none;
font-size:15px;
font-weight:bold;
}

a.CalendarButton:hover {
	text-decoration: none;
}

#sliderTop {
	position:relative;	
	background:url("../images/loading.gif") no-repeat 50% 50%; 
}
#sliderTop img {
	position:absolute;
	top:0px;
	left:0px;
	
}
#sliderTop a{
	display: block;
}

#sliderAnnouncement {
	position:relative;
	background:url("../images/loading.gif") no-repeat 50% 50%;
	/*text-align: center;
	z-index: 500;*/	
	height: 150px;
}

#sliderAnnouncement img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


.trademark{
	font-size: 9px;
}

.smallbold{
	font-size: 105%;
	font-weight: bold;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;	
	clear: none;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	clear: none;
}

a.imgLinkTall 
{
  display:inline;
  float:left;
  text-decoration:none;
  margin:0 25px;
  display:inline;
}

a.imgLinkTall em {font-style:normal;}
a.imgLinkTall em.txt, .extra b {display:none;}

a.imgLinkTall .head 
{
  display:block; 
  width:100%; 

}

a.imgLinkTall .color1 {background:#222;}

a.imgLinkTall img 
{
  border:0; 
  display:block;
}

a.imgLinkTall em.mh2 
{
  padding-left:5px; 
  margin:0; 
  color:#000; 
  font-weight:normal; 
  font-family: verdana, arial, sans-serif; 
  font-size:24px;
}

a.imgLinkTall em.mh3
{
  padding-left:5px; 
  margin:0; 
  color:#fff; 
  font-weight:normal; 
  font-family: verdana, arial, sans-serif; 
  font-size:16px;
}


a.imgLinkTall:hover 
{
   background:#222; 
   position:relative;
   cursor:pointer; 
   text-decoration:none;
}

a.imgLinkTall:hover b 
{
  display:block; 
  position:absolute; 
   
  width:100%;   
  background:#222; 
  height:100%; 
  opacity:0.65; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}

a.imgLinkTall:hover .color1 b {background:#ffffcc;}


a.imgLinkTall:hover em.txt 
{
  display:block; 
  position:absolute; 
  text-align: center; 
padding-top:50%;
  height: 100%;
  width:100%; 
  left:0px; 
 
  color: #FFF;
  font-weight: 600;
  margin:0;
}

.ArticleTitle {
	color: #006633;
	
}

#Searchresult {
	margin-top:15px;
	margin-bottom:15px;
	border:solid 1px #eef;
	padding:5px;
	background:#eef;
  	width:40%;
}

#Searchresult p { margin-bottom:1.4em;}

#Searchresult dt {
    font-weight:bold;
}

#Searchresult dd {
    margin-left:25px;
}

#ImageContainer {
    height:125px;
    width:200px;
    border:solid 1px #ccc;
    margin-bottom:10px;
}

#ImageContainer img {display:none;}

.FarmerHdr /*used for the farmer plot header in the pfr accordion*/
{
  font-size: .75em; font-weight: 600; color: #222;
}

.FarmerPlots
{
  margin-left: 5px;
}

.ProgressUpd
{
	background-color:#333;
	color:#fff;
	width: 150px;
	font-weight: 600;
	
	padding-bottom: 5px;
	text-align: center;
	position: absolute;
	bottom: 30%;
	left: 45%;
	z-index: 4000;
}

.Contacts{
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	text-align: center;	
	padding-right: 20px;
	margin-bottom: 15px;	
}


.LabeledMarker_markerLabel{
	color: #333333;	
	font-weight: 600;
}

.LabeledMarker_white{
	color: #FFFFFF;	
	font-weight: 600;
}

.LabeledMarker_red{
	color: #FFFFFF;	
	font-weight: 600;

}

.LabeledMarker_hundred{
	color: #FFFFFF;	
	font-weight: 600;
	font-size: 8px;
}


.mothmap
{
	width: 825px;
	margin-left: auto;
	margin-right: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 560px;
	max-width: 100%;
}

.occtext{
	color: #E51937;
	font-size: 74px;
	text-align: center;
	font-family: "Myriad Pro","Lucida Sans","Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: .9;
}