﻿body
{
    font-family: Arial;
    font-size: 10pt;
    background: #ffffff;
}
div.container
{
    border: 1px solid #000000;
    width: 978px; /* 980 with 2 px border offset */
    margin: 0 auto;
}
.content_block a, .sub_content_block a, #legal a { text-decoration: none; color: #003663; font-weight: bold; }
.content_block a:hover, .sub_content_block a:hover, #legal a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { padding: 0; margin: 0; font-family: Arial; }
h1, h2, h3 { font-weight: normal; }
h4 { font-size: 9pt; display: inline; }
blockquote { margin: 20px; padding: 0; }
div.clear { clear: both; }
a.top { text-decoration: none; color: #003663; font-weight: bold; margin-left: 690px; white-space: nowrap; }

/***************************************************/
/** HEADER & SUB-NAVIGATION LAYOUT
/***************************************************/
div.header
{
    padding: 8px 8px 8px 15px; font-size: 8pt;
    border-bottom: 1px solid #000000; height: 51px;
}
div.header a 
{
    color: #000000; text-decoration: none;
    letter-spacing: 2px;
}
div.header a img { border: 0px none; vertical-align: middle; }
div.header a:hover, div.header a.selected, div.sub_nav a:hover, div.sub_nav a.selected { font-weight: bold; }
div.header a:hover { font-size: 9pt; }
div.header a.selected { font-size: 9pt; }
div.header div { float: left; padding: 20px 0 20px 0; text-align: center; }
div.header div.home { padding: 0; }

div.header .manifest a.selected, div.header .manifest a:hover, div.footer a.manifest:hover,
div.sub_nav div.manifest a.selected, div.sub_nav div.manifest a:hover { color: #9c3221; }
div.header .products a.selected, div.header .products a:hover, div.footer a.products:hover,
div.sub_nav div.products a.selected, div.sub_nav div.products a:hover { color: #00743c; }
div.header .iplan a.selected, div.header .iplan a:hover, div.footer a.iplan:hover,
div.sub_nav div.iplan a.selected, div.sub_nav div.iplan a:hover { color: #be641d; }
div.header .services a.selected, div.header .services a:hover, div.footer a.services:hover,
div.sub_nav div.services a.selected, div.sub_nav div.services a:hover { color: #1b747d; }
div.header .resources a.selected, div.header .resources a:hover, div.footer a.resources:hover,
div.sub_nav div.resources a.selected, div.sub_nav div.resources a:hover { color: #641d00; }
div.header .news a.selected, div.header .news a:hover, div.footer a.news:hover,
div.sub_nav div.news a.selected, div.sub_nav div.news a:hover { color: #484e00; }
div.header .about a.selected, div.header .about a:hover, div.footer a.about:hover,
div.sub_nav div.about a.selected, div.sub_nav div.about a:hover { color: #003663; }
div.header .contact a.selected, div.header .contact a:hover, div.footer a.contact:hover,
div.sub_nav div.contact a.selected, div.sub_nav div.contact a:hover { color: #0067ab; }
div.header .home a:hover { font-size: 8pt; font-weight: normal; }

div.sub_nav .manifest_off,  div.sub_nav .products_off, div.sub_nav .iplan_off, div.sub_nav .services_off,
div.sub_nav .resources_off, div.sub_nav .news_off, div.sub_nav .about_off,     div.sub_nav .contact_off,
div.sub_nav .iplan_off
{ display: none; }
div.sub_nav .manifest,  div.sub_nav .products, div.sub_nav .iplan, div.sub_nav .services,
div.sub_nav .resources, div.sub_nav .news,     div.sub_nav .about, div.sub_nav .contact,
div.sub_nav .iplan
{ display: block; }

div.sub_nav
{
    padding: 8px 0 8px 20px;
    border-bottom: 1px solid #000000;
    background: #e1b924;
    height: 13px;
}
div.sub_nav a { color: #000000; text-decoration: none; font-style: italic; letter-spacing: 1px; }
div.sub_nav a:hover { font-weight: bold; }
div.sub_nav div div { float: left; }

/*** Common Content Blocking ***/
    .content_block_top { padding-top: 65px; border-bottom: 1px solid #000000; }
    .content_block_top img, .content_block img { display: block; }
    .content_block { padding-top: 35px; background: #ffffff; }
    .content_offset 
    {
        margin-left: 165px;
        font-size: 10pt; font-weight: bold; color: #be641d;
        word-spacing: 1px; letter-spacing: 2px; display: block;
    }
    .content_offset .normal { font-weight: normal; }
    .content
    {
        margin-left: 382px; width: 545px; display: block;
        font-size: 10pt; line-height: 18px;
        word-spacing: 1px; letter-spacing: 2px; color: #be641d;
    }
    .content span { font-size: 9pt; }
    .content_sub span.list { font-weight: bold; line-height: 18px; }
    
    .sub_content_block_top { height: 70px; }
    .sub_content_block { line-height: 18px; margin: 0 0 35px 75px; width: 600px;  }
    .sub_content_block h1 { font-size: 26pt; padding: 40px 0 30px 0; line-height: normal; }
    .sub_content_block .blurb { font-size: 9pt; }
    .right_column { font-size: 9pt; }
/***/

/***************************************************/
/** HOME PAGE SPECIFIC
/***************************************************/
div.home_content_block_top { background: #0067ab; }
div.home_content_block_top img.hdr { float: right; padding: 0 50px 20px 0; }
div.home_content_block_top { padding-top: 50px; border-bottom: 1px solid #000000; }
div.home_content_block_top h2{ font-size: 21pt; margin-bottom: 40px; }
div.home_content_block_top img, div.home_content_block img { display: block; }
div.home_content_block                 { padding-top: 35px; background: #e1b924; }
div.home_content_block .content_offset { margin-left: 165px; }
div.home_content_block .content        { margin-left: 382px; width: 535px; }
div.home_content_block img
{ float: left; margin-top: -40px; }
div.hom-loc-ret { float:right; background: url(images/bg-home-loc.gif) no-repeat bottom right; 
width:255px; padding: 10px; text-align:right; margin-top:46px }

/***************************************************/
/** MAIN PAGE(S)
/***************************************************/

/* manifest */
div#manifest .content_block_top,
div#manifest .sub_content_block_top, #manifest div.sub_content_block_top, 
#manifest .column_top { background: #9c3221; }
#manifest .form_container, #manifest .blurb, #manifest .border { border-color: #9c3221 !important; }
div#manifest h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#manifest .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#manifest .content_block img
{ float: left; margin-top: -90px; }

/* products */
div#products .content_block_top,
div#products .sub_content_block_top  { background: #00743c; }
div#products h2, div#products h3
{
    margin: 0 0 0 290px; color: #000000; 
    font-size: 31pt; line-height: 37px;
}
div#products h3 { font-size: 22pt; margin-bottom: 12px; }
div#products .content_block img
{ float: left; margin-top: -45px; }
div#products .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 450px; }
#products table.signup_form
{
    font-size: 7pt;
    margin: 10px 0 0 10px;
}
#products table.signup_form input, #products table.signup_form textarea
{ border: 1px solid #00743c; padding: 2px 1px 2px 1px; font-size: 8pt; }
#products table.signup_form input.submit { background: #00743c; color:#ffffff; }

/* i-plan */
div#i-plan .content_block_top,
div#i-plan .sub_content_block_top { background: #be641d; }
div#i-plan h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#i-plan .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#i-plan .content_block img
{ float: left; margin-top: -90px; }

/* services */
div#services .content_block_top, div#services .sub_content_block_top,
#services .column_top { background: #1b747d; }
#services .form_container, #services .blurb, #services .border, #services div.irm_chart_block,
#services div.TogglePanePlainHeader, #services div.TogglePanePlainHeader div, #services div.irm_chart_block table,
#services div.irm_chart_block table td { border-color: #1b747d !important; }
div#services h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#services .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#services .content_block img
{ float: left; margin-top: -90px; }
div#services div.chart_one { float: right; width: 300px; line-height: 20px; }
div#services div.chart_one div { float: left; width: 150px; }

div#services .qlink tr td { text-align: center; }
div#services .qlink tr.th { color: #ffffff; font-size: 11pt; background: #1b747d; }
div#services ul li { list-style-type: square; }
/* resources */
div#resources .content_block_top, div#resources .sub_content_block_top,
#resources .column_top { background: #641d00; }
#resources div.TogglePanePlainHeader, #resources div.TogglePanePlainHeader div, #resources div.TogglePanePlainHeaderFixed,
#resources .form_container, #resources .blurb, #resources .border { border-color: #641d00 !important; }

div#resources h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#resources .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#resources .content_block img
{ float: left; }

table.chart_planting { border-top: 1px solid; font-size: 8pt; }
table.chart_planting td, table.chart_planting_one th
{ border-bottom: 1px solid; border-right: 1px solid; }
table.chart_planting th
{ padding: 10px 10px 10px 4px; text-align: left; border-top: 4px solid; border-bottom: 4px solid; }
table.chart_planting, table.chart_planting td, table.chart_planting th { border-color: #641d00; }
table.chart_planting .color { background: #e2e1d4; }

div#resources .chart_container
{ border-left: 1px solid #641d00; width:680px; padding: 0; margin: 0 0 50px 38px; }

/* news & events */
div#news .content_block_top, #news .column_top,
div#news .sub_content_block_top { background: #484e00; }
div#news div.blurb, #news div.border { border-color: #484e00 !important; }
div#news div.TogglePanePlainHeader { border-color: #484e00 !important; }
div#news h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#news .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#news .content_block img
{ float: left; }

div#news div.navigation
{
    height: 42px; width:475px; float: right; padding: 10px 10px 10px 0;
    background: #f7f7f7; border: 1px solid #484e00; margin-top: 20px;
}
div#news div.navigation div#nxt
{ text-align: left; float: right; padding-left: 10px; width:225px; border-left: 1px solid #484e00; }
div#news div.navigation div#prv
{ text-align: right; float: right; padding-right: 10px; width:225px; }
div#news div.navigation a span { font-weight: normal; }

/* about us */
div#about .content_block_top,
div#about .sub_content_block_top,
#about .column_top { background: #003663; }
#about .form_container, #manifest .blurb, #about .border { border-color: #003663 !important; }
div#about h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#about .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#about .content_block .content { margin-left: 378px; width: 580px; }
div#about .content_block img
{ float: left; margin-top: -60px; }

div#about #mission .content_offset { margin-left: 160px; font-family: Verdana; }
div#about #mission .content { line-height: 38px; width: 500px; }
div#about #mission .content strong { font-family: Verdana; }
div#about #mission .content span { letter-spacing: 4px; }
div#about #mission div.content_block span { font-size: 18pt; }

div#contact .content_block_top,
div#contact .sub_content_block_top, #contact div.sub_content_block_top, 
#contact .column_top { background: #0067ab; }
#contact .form_container, #contact .blurb, #contact .border { border-color: #0067ab !important; }
div#contact h2
{
    margin: 0 0 12px 290px; color: #000000; 
    font-size: 31pt; line-height: 44px; letter-spacing: 1px;
}
div#contact .content_block div.content_sub
{ margin-left: 440px; color: #000000; width: 475px; }
div#contact .content_block img
{ float: left; margin-top: -90px; }
#contact table.contact_form
{
    font-size: 7pt;
    margin: 10px 0 0 10px;
}
#contact .contact_form input, #contact table.contact_form textarea
{ border: 1px solid #0067ab; padding: 2px 1px 2px 1px; font-size: 8pt; }
#contact .contact_form input.submit { background: #0067ab; color:#ffffff; }
div.mile_marker, div.state_marker {  border-top: 1px solid #0067ab; }
div.mile_marker div , div.state_marker div
{
    width:50px; border: 1px solid #0067ab; border-top: 0px none; background:#dfebf8; 
    padding:15px; font-weight: bold; text-align:center; font-size: 12pt;
}
div.mile_marker div span { font-size: 9pt; font-weight: normal; }
div.state_marker div  { width: 100px; padding: 5px; font-size: 9pt; }

/***************************************************/
/** SECONDARY PAGE(S)
/***************************************************/

div.form_container { border-left: 1px solid; }
div.form_container .blurb
{
    border-top: 2px solid; border-bottom: 4px solid;
    padding: 9px 0 9px 15px;
}
div.right_column { float: right; width: 217px; position: relative; }
div.right_column div, div.right_column span { border-color: #00733c !important; }
div.column_top img { margin-top: 90px; }
div.column { width: 196px; margin: 20px 20px 0 0; border-left: 1px solid; }
div.column span { display: block; padding: 10px; }

div.TogglePanePlainHeader, div.TogglePanePlainHeaderFixed, #services div.irm_chart_block
{ border-left: 2px solid; background: #ffffff; }
div.TogglePanePlainHeader .blurb, div.TogglePanePlainHeaderFixed .blurb
{ width: 580px; padding-bottom: 10px; margin-bottom: -5px; cursor: pointer; }
div.TogglePanePlainHeaderFixed .blurb  { cursor: default; }

div#services div.TogglePanePlainHeader .blurb,
div#services div.TogglePanePlainHeader .blurb:hover { background: #ddeaec url(images/bg-fade-ddeaec.gif) repeat-x bottom; }
div#resources div.TogglePanePlainHeader .blurb,
div#resources div.TogglePanePlainHeader .blurb:hover { background: #efe8e5 url(images/bg-fade-efe8e5.gif) repeat-x bottom; }
div#news div.TogglePanePlainHeader .blurb,
div#news div.TogglePanePlainHeader .blurb:hover { background: #e4e5d9 url(images/bg-fade-e4e5d9.gif) repeat-x bottom; }

div.TogglePanePlainHeader div, div.TogglePanePlainHeaderFixed div
{ border-top: 5px solid; padding: 8px 0 0 20px; margin-top: -5px; }
div.TogglePanePlainHeader div img { margin-top: 6px; }
div.TogglePanePlainHeaderFixed div img { margin-top: 6px; margin-bottom: 10px; }

div#services div.TogglePanePlainHeaderClosed .blurb,
div#resources div.TogglePanePlainHeaderClosed .blurb,
div#news div.TogglePanePlainHeaderClosed .blurb { background: transparent }

div.TogglePanePlainContent, #services div.TogglePanePlainContentClosed { margin: 15px 0 20px 20px; overflow: hidden; }
div.TogglePanePlainContentClosed { height: 0px; }
div.TogglePanePlainContent ul { padding: 0; margin: 0; line-height: 15px; margin-left: 20px; }
div.TogglePanePlainContent ul li { font-size: 9pt; }
div.irm_chart_block div { border-top: 5px solid; margin-top: -5px; }

#services div.irm_chart_block table { border-right: 1px solid; border-bottom: 1px solid; }
#services div.irm_chart_block table td
{
    border-right: 1px solid; border-bottom: 1px solid;
    padding: 8px; font-size: 8pt; line-height: 13px;
}
#services div.irm_chart_block table tr#icons td { padding: 3px 0 3px 0; }
#services div.irm_tab_on, #services div.irm_tab_off
{
    width: 265px; padding: 8px; float: right; margin-left: 6px;
    color: #ffffff; background: #1b747d; border: 1px solid #1b747d !important;
    font-weight: bold; font-size: 9pt; line-height: 14px; cursor: pointer;
}
#services div.irm_tab_off
{
    background: #ffffff; color: #84b0b6;
    border: 1px solid #84b0b6 !important;
}

div.legal_bullets { font-size: 8pt; }
div.legal_bullets ul { padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; line-height: 13px; }
span.legal { font-size: 7pt; color: #666666; line-height: 13px; }

/***************************************************/
/** PRODUCT/PAGE COLOR SCHEMES
/***************************************************/

#corn .form_container, #corn .blurb, #corn .search_separator, #corn .search_result_separator { border-color: #00733c !important; }
#corn input.go, #corn div.sub_content_block_top, #corn .column_top, #corn .pdf_box { background: #00733c; }
#silage .form_container, #silage .blurb, #silage .search_separator, #silage .search_result_separator { border-color: #1b747c !important; }
#silage input.go, #silage div.sub_content_block_top, #silage .column_top, #silage .pdf_box { background: #1b747c; }
#soybeans .form_container, #soybeans .blurb, #soybeans .search_separator, #soybean .search_result_separator { border-color: #df8c19 !important; }
#soybeans input.go, #soybeans div.sub_content_block_top, #soybeans .column_top, #soybeans .pdf_box { background: #df8c19; }
#alfalfa .form_container, #alfalfa .blurb, #alfalfa .search_separator, #alfalfa .search_result_separator { border-color: #0057a8 !important; }
#alfalfa input.go, #alfalfa div.sub_content_block_top, #alfalfa .column_top, #alfalfa .pdf_box { background: #0057a8; }
#sorghum .form_container, #sorghum .blurb, #sorghum .search_separator, #sorghum .search_result_separator { border-color: #9c3121 !important; }
#sorghum input.go, #sorghum div.sub_content_block_top, #sorghum .column_top, #sorghum .pdf_box { background: #9c3121; }
#sunflowers .form_container, #sunflowers .blurb, #sunflowers .search_separator, #sunflowers .search_result_separator { border-color: #5d87a1 !important; }
#sunflowers input.go, #sunflowers div.sub_content_block_top, #sunflowers .column_top, #sunflowers .pdf_box { background: #5d87a1; }
#canola .form_container, #canola .blurb, #canola .search_separator, #canola .search_result_separator { border-color: #3a4c00 !important; }
#canola input.go, #canola div.sub_content_block_top, #canola .column_top, #canola .pdf_box { background: #3a4c00; }

/*** JFlow Styles ***/
img, input, table { border: 0pt; }
#myController, #myController2 { float: left; }
#myController span
{	
	height: 68px; width: 190px; margin-right:0px;
	cursor:pointer; display: block;
	background-color: #e7e7e7; color:#ffffff;
	border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
}
#myController2 span
{	
	color:#0d743c; background-color: #e5e5e5;
	height: 29px; width: 160px;
	margin-right:0px; padding-left: 25px; line-height: 22px;
	cursor:pointer; display: block;	
	border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px
}
#jFlowSlide, #jFlowSlide2 { float:left; }
#myController span.jFlowSelected  { color:#000; background:#fff; }
.jFlowPrev, .jFlowNext { cursor:pointer; }
#myController2 span.jFlowSelected { color:#000; background:#fff;
}

/*** Success Stories ***/
span.story-link { background: #dcdcdc; display:block; padding-left: 14px; }
span.story-link:hover, div#story-links span.selected { background: #e1b924; }
span.story-link a
{
    height: 70px; width: 103px; background-color: #9c3221; color:#fff; display:block; border-left: 1px solid #fff;
    background-position: bottom left; background-repeat: no-repeat; padding: 30px 7px 0 92px;
    font-size: 8pt; margin-top: 10px; text-decoration:none; line-height: 22px;
}
span.story-link a strong { line-height: 12px; }
div.story-links-nav { width: 300px; float:right; margin-top: -7px; text-align: right; }
div.story-links-nav a { font-size: 14px; color: #9c3221; text-decoration: none; vertical-align: middle;}
    div.story-links-nav a:hover { text-decoration: none; }
div.story-links-nav a span { margin: 0 5px; font-size: 10px; padding: 0 5px 3px; background: #9c3221; color: #fff; }

/***************************************************/
/** FORMS 'n FOOTER
/***************************************************/

input, textarea { font-family: Arial; }
input.hybrid_number_textbox
{
    border: 0px none; background: #ffffff;
    width: 156px; padding: 3px; margin-top: 6px;
    border-bottom: 1px solid #000000; border-right: 1px solid #000000;
}
input.hybrid_number_btn
{
    border: 0px solid #ffffff; margin: -3px 0 0 -35px; position: absolute;
    width: 30px; height: 30px; padding: 8px 0 0 6px;
    font-size: 9pt; background: #ffffff; cursor: pointer; 
}
div.footer
{
    width: 960px;
    margin: 0 auto; padding: 10px;
    font-size: 7pt;
}
div.footer a { margin-right: 12px; color: #000000; text-decoration: none; }
div.footer img { float: left; margin-right: 12px; }
