/* START OF TOP MENU SECTION */

A.topmenuparent {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
     letter-spacing: 1px;
}

A.selectedtopmenuparent {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #002b65;
    font-weight : bold;
}
 
TD.topmenuparent {
    margin: 0px;  
    background-color: #002b65;
         border-color: #002b65;
     border-style: solid;
     border-width: thin;
    line-height: 10px;
}

TD.selectedtopmenuparent {
    margin: 0px;
     background-color: #C5D1E4;
     border-color: #002b65;
     border-style: solid;
     border-width: thin;
    line-height: 10px;
}

TD.topmenuspacer {
    margin: 0px;
    background-color: #ffffff;
    line-height: 10px;
}

DIV.topmenuchild {
    padding-bottom: 2px;
    margin: 0px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color: #002b65;
    padding-top: 2px;
    background-color: #d1d4d9;
    padding-left : 12px;
     border-bottom: 1px solid #e3e6ee;
}

A.topmenuchild {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    color : #002b65;
    text-decoration : none;
}

A:hover.topmenuchild {
    color : #8F8F8F;
}

A:visited.topmenuchild {
    color : #002b65;
}

A.menuHighlight {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #002b65;
    font-weight : bold;
    text-decoration : none;
    background-color : #E1E4EC;
}

A.menuHighlight:hover {
    color : #002b65;
    font-weight : bold;
}

DIV.menuHighlight {
    background-color : #E1E4EC;
    padding-bottom: 2px;
    margin: 0px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    color: #002b65;
    padding-top: 2px;
    padding-left : 12px;    
}
.blackline {
    background-color: #383636;
}

/* END OF TOP MENU SECTION */

/* START OF LEFT MENU SECTION */

/*--------------------------------------
      Background color or left menu
  --------------------------------------*/
.leftmenubackground {
    background-color: #C5D1E4;
} 

/*--------------------------------------
      Indent  Main level menu item
  --------------------------------------*/
DIV.mainindent {
    margin-left: 4px;
    margin-right: 5px;
    padding-bottom : 12px;
     color: #002b65;
    font-size: 12x; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
     font-weight: bold;
} 

/*--------------------------------------
      Indent level 1 menu item
  --------------------------------------*/
DIV.leftindent1 {
    margin-left: 6px;
    margin-right: 5px;
    padding-bottom : 10px;
} 

/*--------------------------------------
      Indent level 2 menu item
  --------------------------------------*/
DIV.leftindent2 {
    margin-left: 12px;
    margin-right: 5px;
    padding-bottom : 10px;
} 

/*--------------------------------------
      Indent level 3 menu item
  --------------------------------------*/
DIV.leftindent3 {
    margin-left: 18px;
    margin-right: 5px;
    padding-bottom : 10px;
} 

/*-------------------------------------
      A.leftselected menu item
  --------------------------------------*/
A.leftselected {
    color: #002b65;
    font-size: 12x; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
A.leftselected:hover {
    color: #8F8F8F;
}

/*-------------------------------------
      A.leftparent menu item
  --------------------------------------*/
A.leftparent {
    color: #002b65;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
A.leftparent:hover {
    color: #8F8F8F;
}

/* used for menu items that do not link to a page */
span.leftparent {
    color: #002b65;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/*-------------------------------------
      A.leftchild menu item
  --------------------------------------*/
A.leftchild {
    color: #002b65;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
A.leftchild:hover {
    color: #8F8F8F;
}

/* used for menu items that do not link to a page */
span.leftchild {
    color: #002b65;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* END OF LEFT MENU SECTION */



/* START OF RIGHT  MENU SECTION */

/*--------------------------------------
      Background color of right menu
  --------------------------------------*/
.rightmenubackground {
    background-color: #e3e6ee;
} 

/* END OF RIGHT MENU SECTION */

/* START OF WEB PAGE BACKGROUND COLOR */

/*--------------------------------------
      Background color for all web pages
  --------------------------------------*/
.webpagebackground {
    background-color: #D6DFEF;
} 

/* END OF WEB PAGE BACKGROUND COLOR */

/*---------------------------------------
    START PRODUCT PICKER / LOAN SELECTOR
  ---------------------------------------*/
.criteria
{
    color: #394781;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.criteriahead
{
    color: #394781;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;    
}

.criteriabgcolour
{
    background-color: #D6DFEF;
}

.spacer 
{
    font-size: 4pt;
    font-family: Lucida Sans Unicode;
    text-align: right;
    height : 4px;
}

.gobgcolour
{
    background-color: #D6DFEF;
}

.smallcheckbox
{
    height : 11px;
    width : 11px;
}
/*-------------------------
    END PRODUCT PICKER / LOAN SELECTOR
  -------------------------*/


/* START OF INDEX PAGE SECTION */

/*-------------------------------------
    A.idx-navlinks index page menu item
    
    This is used for the links that appear 
    on the navigation menus of index page.
    Left side: Your Account, Products & Services, etc.
    Right Side: Loan Selector, Loan Calculator, etc.
    Top: Log in, Contact Us, etc.
    Bottom: Languages, Security, etc.
---------------------------------------*/
A.idx-navlinks {
    color: #002b65;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
A.idx-navlinks:hover {
    color: #8F8F8F;
}

/*-------------------------------------
    A.idx-bodylinks index page item
    
    This is used for the links that appear 
    within the main content area of the index page.
---------------------------------------*/
A.idx-bodylinks {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #002b65;
    text-decoration: none;
}
A.idx-bodylinks:hover {
    color: #8F8F8F;
}

/*-------------------------------------
    .idx-bodytext index page item
    
    This is used for the content area of the 
    index page, typically for the introductory 
    paragraphs of the two main articles.
---------------------------------------*/
.idx-bodytext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
}

/*-------------------------------------
    .idx-menutext index page item
    
    This is used for the navigation 
    area supporting text of the index page, 
    such as the "View your online loan", 
    "Get the answers you need...", etc.
---------------------------------------*/
.idx-menutext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    padding-bottom: 20px;
}

/*-------------------------------------
    A.idx-oslinks index page item
    
    This is used for the links that appear 
    within the Online Services area in the 
    left menu of the index page.
---------------------------------------*/
A.idx-oslinks {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
A.idx-oslinks:hover {
    color: #8F8F8F;
}

/* END OF INDEX PAGE SECTION */

/* START OF USER SECTION */

/*-------------------------------------
    A.usr-bodylinks item
    
    This is used for the links that appear 
    within the main content area of the page.
---------------------------------------*/

a {
    color: #002b65;
    text-decoration: underline;
}
a img {
    border-color: #002b65;
}

a:hover {
    color: #8F8F8F;
}
a:hover img {
    border-color: #8F8F8F;
}

a.usr-bodylinks, #cp-news a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #002b65;
    text-decoration: underline;
}
A.usr-bodylinks:hover, #cp-news a:hover {
    color: #8F8F8F;
}

A.printerfriendly, #cp-news a.printerfriendly {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #002b65;
    text-decoration: none;
}

A.printerfriendly:hover, #cp-news a.printerfriendly:hover {
    color: #8F8F8F;
}

/*-------------------------------------
    .usr-bodytext item
    
    This is used for the text in the main 
    content area of the page. Also defined
    for ol, ul, and td tags.
---------------------------------------*/
.usr-bodytext, ol, ul, td, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
}


/*-------------------------------------
    .usr-bodytext item
    
    This is used for the text in the main 
    content area of the page. Also defined
    for ol, ul, and td tags.
---------------------------------------*/
.usr-smallbodytext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    color: #000000;
}

/*-------------------------------------
    .usr-sectiontitle item
    
    This is used for the subsection titles in the main 
    content area of the page.
    Ex.: The landing page section titles.
---------------------------------------*/
.usr-sectiontitle, h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

/*-------------------------------------
    .usr-subtitle item
    
    This is used for the section subtitles in the main 
    content area of the page.
---------------------------------------*/
.usr-subtitle, h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

/*-------------------------------------
    .usr-title item
    
    This is used for the section titles in the main 
    content area of the page.
---------------------------------------*/
.usr-title p, .usr-title, h2 {
    font-family: "Joanna MT", "Times New Roman", Times, serif;    
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    color: #002b65;
}

/*-------------------------------------
    .usr-tableheader item
    
    This is used for the table header titles in the  
    content area of the page.
---------------------------------------*/
.usr-tableheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

/*-------------------------------------
    .tableheader item
    
    This is used for the table titles on the
    Porperty search results page.
---------------------------------------*/
.tableheader {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
}

/*-------------------------------------
    .tableheader2 item
    
    This is used for the table subtitles on the
    Porperty search results page.
---------------------------------------*/
.tableheader2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #003366;
}

/*-------------------------------------
    .tabletext item
    
    This is used for the table text on the
    Porperty search results page.
---------------------------------------*/
.tabletext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #003366;
}

/* END OF USER SECTION */


/* START OF AGRISUCCESS SECTION */
.agrisuccess-sectiontitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    /*color: #48643F;*/
    color: black;
}

.agrisuccess-subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    /*color: #002b65;*/
    color: black;
}

.agrisuccess-heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #002b65;
}

.agrisuccess-heading a {
    text-decoration: underline;
    color: #002b65;
}

.agrisuccess-heading a:hover {
    color: #8F8F8F;
}

.agrisuccess-receipttitle {
    font-size: 12pt; font-family: Verdana, Arial, Helvetica, Lucida Sans Unicode, sans-serif; font-weight: bold; 
}
.agrisuccess-receiptlabel {
    font-size: 9pt; font-family: Verdana, Arial, Helvetica, Lucida Sans Unicode, sans-serif; font-weight: bold; 
}
.agrisuccess-receipttext {
    font-size: 10pt; font-family: Verdana, Arial, Helvetica, Lucida Sans Unicode, sans-serif; 
}
.agrisuccess-receiptnote {
    font-size: 8pt; font-family: Verdana, Arial, Helvetica, Lucida Sans Unicode, sans-serif; 
}
/* END OF AGRISUCCESS SECTION */


/* START OF AgExpert EXPRESS USER SECTION */

/*-------------------------------------
    A.xpress-bodylinks item
    
    This is used for the links that appear 
    within the main content area of the page.
---------------------------------------*/
A.xpress-bodylinks {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #406300;
    text-decoration: underline;
}
A.xpress-bodylinks:hover {
    color: #406300;
}


/*-------------------------------------
    .xpress-bodytext item
    
    This is used for the text in the main 
    content area of the page. Also defined
    for ol, ul, and td tags.
---------------------------------------*/
.xpress-bodytext, ol, ul, td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
}


/*-------------------------------------
    .xpress-subtitle item
    
    This is used for the section subtitles in the main 
    content area of the page.
---------------------------------------*/
.xpress-subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

/*-------------------------------------
    .xpress-toc item
    
    This is used for the table of contents in the main 
    content area of the page.
---------------------------------------*/
.xpress-toc {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #406300;
}


/*-------------------------------------
    .xpress-author item
    
    This is used for the author name in the main 
    content area of the page.
---------------------------------------*/
.xpress-author {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #002b65;
}

/*-------------------------------------
    .xpress-image
    .xpress-image-left
    .xpress-image-right
    
    Used for inserting images into article.
    Aligns left or right (or none).
    Image should come first, followed by <br>
    and then caption text
    
---------------------------------------*/
span.xpress-image, div.xpress-image {
    margin: 3px 3px 3px 0;
    padding: 3px;
    font-weight: bold;
}
span.xpress-image-left, div.xpress-image-left {
    float: left;
    margin: 3px 3px 3px 0;
    padding: 3px;
    font-weight: bold;
}
span.xpress-image-right, div.xpress-image-right {
    float: right;
    margin: 3px 0 3px 3px;
    padding: 3px;
    font-weight: bold;
}

span.xpress-image img, div.xpress-image img, span.xpress-image-left img, div.xpress-image-left img,
span.xpress-image-right img, div.xpress-image-right img {
    margin-bottom: 3px;
}

/*--------------------------------------
END OF AgExpert Express Section
---------------------------------------*/

.nowrap { white-space: nowrap; }




/*-------------------------------------
    .usr-subtitle item
    
    This is used for the section subtitles in the main 
    content area of the page.
---------------------------------------*/
.alert-subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #000000;
}


/*-------------------------------------
START OF Ag 101 on Highway 1
---------------------------------------*/

hr.ag101-hr {
    color: #002b65;
    height: 1px;
    background-color: #002b65;
    border: 0;
}

.ag101-sectiontitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-top: .75ex;
    margin-bottom: 1ex;
    /*color: rgb(104, 146, 84);*/
    color: #309850;
}

a.ag101-sectionlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    /*color: rgb(104, 146, 84);*/
    color: #309850;
}

a.ag101-sectionlink:hover {
    color: #8F8F8F;
}

.ag101-studentname {
    font-weight: bold;
    color: #002b65;
}

img.ag101-backtotop {
    border: 0;
    vertical-align: middle;
}

.ag101-byauthor {
    color: #888888;
    font-weight: bold;
    font-style: italic;
    margin-top: -2ex;
}

/*-------------------------------------
END OF Ag 101 on Highway 1
---------------------------------------*/

/* width = 400 */
#cp-news div.cp-news-headline {
  clear: both;
}

#cp-news div.cp-news-headline .cp-news-timestamp {
  float: left;
  width: 55px;
  text-align: left;
}
#cp-news div.cp-news-headline .cp-news-title {
  float: right;
  width: 325px;
  text-align: left;
}

hr.clear {
  display: block;
  clear: both;
  line-height: 5px;
  height: 5px;
  visibility: hidden
}


/* HORIZONTAL RULE */
hr.sep {
    color: #002b65;
    height: 1px;
    background-color: #002b65;
    border: 0;
}

br.clear {
    clear: both;
    height: 0;
    display: block;
}


/*--------------------------------------
  START OF Farm Finance Kit
----------------------------------------*/

#ffk, #ffk table tr td, #ffk ul li, #ffk ol li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ffk form {
    margin: 0px;
    padding: 0px;
}
#ffk #buttonss {
    margin: 5px;
}

#ffk #step0, #ffk #step1, #ffk #step2, #ffk #step3, #ffk #step4, #ffk #step5,
  #ffk #step6, #ffk #step7, #ffk #step8, #ffk #step9 {
    margin: 5px;
}

#ffk .FCCsmallbtns {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

#ffk .FCCsmallbtnsPressed {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    background-color: #FFFFFF;
    color: #40637A;
    border: 2px outset #002b65;
}

#ffk .FCCbuttonsBIG {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
}

#ffk .FCCMouseOver {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #002b65;
}

#ffk .FCCButtons {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

#ffk .FCCnoBorders { }

#ffk .input-label, #ffk .input-label-red {
    font-size: 10px;
}

#ffk .input-label-red {
    color: red;
}

#ffk .next-btn-container {
    margin: 10px 20px 0 0;
    text-align: right;
}

#ffk .print-btn-container {
    float: left;
}

#ffk .close-btn-container {
    float: right;
}


/*--------------------------------------
  END OF Farm Finance Kit
----------------------------------------*/


/*--------------------------------------
  START OF Top banner
----------------------------------------*/

div#tb-container {
    text-align: right;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #D6DFEF;
    width: 744px;
    height: 71px;
    min-width: 744px;
    margin: 0 0 0 0;
    padding: 0;
    z-index: 1;
}

div#tb-container h1{
        display: none;
}

.E-bkgrd {
    background: url(/media/images/bkgrd_banner_e.jpg) center top no-repeat;
}
.F-bkgrd {
    background: url(/media/images/bkgrd_banner_f.jpg) center top no-repeat;
}
div#tb-container div#tb-rightside {
    float: right;
     margin: 8px 7px 0 0;
}
div#tb-container div#tb-toplinks {
    font-size: 9px;
    margin: 0 2px 0 0;
     padding: 2px 0 2px 0;
}
div#tb-container div#tb-toplinks a {
    margin: 0 0px 0 3px;
}
div#tb-container a:link, div#tb-container a:visited { 
    font-weight: bold;
    font-size: 10px;
    text-decoration: none; 
    color: #002b65;
}
div#tb-container a:hover, div#tb-container a:active { 
    color: #8F8F8F;
}
div#tb-container div#tb-searchform {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none; 
    color: #000000;
}
div#tb-container div#tb-searchform form {
    margin: 16px 0 0 0 ;
    padding: 0;
}
div#tb-container input#searchbox {
    width: 121px;
    height: 20px;
}

div#tb-container div#tb-searchform #gobutton {
    border: 0;   
}

div#tb-container div {
    color: #48643F;
}
div#tb-container #tb-fcclogo-link {
    z-index:2;
    position: relative;
    top: 45px;
    left: -165px;
    padding: 30px 300px 0 0;
}

/*--------------------------------------
  END OF Top banner
----------------------------------------*/

/*--------------------------------------
  START OF Ag News commodities
----------------------------------------*/

div#body {
    /*
    margin-left: -15px;
    position: relative;
    z-index: 10;
    */
}

table#markets {
    border-style: none;
    border-collapse: collapse;
}

table#markets tr th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    margin-left: 0;
    padding-left: 0;
}

table#markets tr.subhead th {
    text-align: left;
}

table#markets tr td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000000;
    white-space: nowrap;
}

table#markets col.name-date {
    margin-left: 1em;
    padding-left: 1em;
    text-align: left;
}

table#markets colgroup.data col {
    text-align: right;
    margin: 0 .25em 0 .25em;
    padding: 0 .25em 0 .25em;
}



table#currencies {
    border: 2px solid black;
    border-collapse: collapse;
}

table#currencies caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: white;
    background-color: black;
}

table#currencies tr th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

table#currencies tr th.timestamp {
    text-align: center;
}

table#currencies tr td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000000;
    white-space: nowrap;
    text-align: right;
}


hr.markets {
    color: #000;
    height: 1px;
    background-color: #000;
    border: 0;
}

/* Alternating row colours are done with inline Javascript */

/*--------------------------------------
  END OF Ag News commodities
----------------------------------------*/


/*--------------------------------------
  START OF Ag News Weather
----------------------------------------*/

#weather ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2em;
  padding-left: 0;
}

#weather ul li {
  x-list-style: none;
}

#weather .left {
  float: left;
  margin-right: 10px;
}
#weather .right {
  float: left;
}

#weather iframe {
  border-style: none;
  border-width: 0;
  width: 100%;
  height: 900px;
  /*overflow: hidden;*/
  margin-top: 2em;
}

#weather .city-select {
  border: 0;
}

#weather .city-select select {
  width: 175px;
  vertical-align: middle;
}

/* Remotely hosted forecast: */

#weather-forecast td, #weather-forecast th, #weather-forecast li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
    border-width: 0;

}

#weather-forecast h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: -.5em;
}

#weather-forecast h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    margin-top: 2em;
}

#weather-forecast table {
    border: 1px solid #222222;
    margin-top: 0;
    border-collapse: collapse;
    width: 100%;
}

#weather-forecast table th {
    font-weight: bold;
    border: 1px solid #002b65;
    padding: 4px;
    text-align: center;
}

#weather-forecast table td {
    border: 1px solid #002b65;
    padding: 4px;
}

#weather-forecast table#current-conditions td {
    text-align: center;
}

#weather-forecast table tr.icons td {
   text-align: center;
}

#weather-forecast table tr.description td {
   vertical-align: top;
}

#weather-forecast #time {
    margin-top: 2em;
}

#weather-forecast div#time {
    text-align: center;
}

#weather-forecast table#yesterday td {
    text-align: center;
}

#weather-forecast table#today td {
    text-align: center;
}

#weather-forecast div#text-forecast {
    border: 1px solid #002b65;
    padding: 4px;
}

#weather-forecast #text-forecast p {
    margin-top: 0;
    margin-bottom: 0;
}

#weather-forecast #text-forecast hr {
    color: #8F8F8F;
    height: 1px;
    background-color: #8F8F8F;
    border: 0;
}

iframe {
    border-width: 0;
    border-style: none;
}

/*--------------------------------------
  END OF Ag News Weather
----------------------------------------*/


/*--------------------------------------
START OF Right Column Style
----------------------------------------*/
.rt-col-container {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0 0 9px 0;
    border: 1px solid #3C5C8B;
    width: 127px;
    background-color: #ffffff;
}

.rt-col-header {
   color: #ffffff;
   text-decoration: none;
    margin: 0 0 0 0;
    background-color: #3C5C8B;
}

.rt-col-header p {
    font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
    margin: 0 0 0 4px;
    padding: 2px 0 2px 0;
}

.rt-col-content {
    background-color: #ffffff;
    margin: 4px 0 4px 0;
}

.rt-col-content p {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    margin: 0 3px 3px 6px;
    padding: 0 0 0 0;
}


.rt-col-links ul {
   margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.rt-col-links li {
list-style: disc;
    font-size: 10px;
    color: #002b65;
    margin: 0 4px 3px 19px;
    padding: 0 0 2px 0;
    white-space: normal;
}

.rt-col-links a {
    font-size: 10px;
   font-weight: normal;
   color: #002b65;
   text-decoration: none;
    padding: 0 0 2px 0;
    position: relative;
    float: clear;
    left: -5px;
    top: 0;
}


.rt-col-links a:hover {
    color: #8F8F8F;
     text-decoration: none;
}


/*--------------------------------------
START OF Left Column Style
----------------------------------------*/
.lt-col-container {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 113px;
    margin: 0 0 0 0;
    border: 1px solid #3C5C8B;
    background-color: #ffffff;
}

.lt-col-header {
    font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
    margin: 0 0 0 0;
    background-color: #3C5C8B;
}

.lt-col-header p {
    font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
    margin: 0 0 0 4;
    padding: 2px 0 2px 0;
}

.lt-col-content {
    background-color: #ffffff;
    margin: 4px 0 4px 0;
    background-image: url(/media/images/lock.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    border-style: none;
}

.lt-col-content p {
    color: #3C5C8B;
    font-size: 10px;
    font-weight: bold;
    margin: 2px 0 2px 4px;
}

.lt-col-links ul {
   margin: 0 0 0 0;
    padding: 0px 0 0px 0;
}

    
    .lt-col-links li {
    list-style: disc;
    font-size: 10px;
    color: #002b65;
    margin: 0 4px 3px 19px;
    padding: 0 0 2px 0;
    }


.lt-col-links a {
    font-size: 10px;
   font-weight: normal;
   color: #002b65;
   text-decoration: none;
    margin: 0 0 0 0;
    position: relative;
    float: clear;
    left: -5px;
    top: 0;
}


.lt-col-links a:hover {
    color: #8F8F8F;
     text-decoration: none;
}



/*--------------------------------------
START OF Banner Spacer
----------------------------------------*/

.banner-spacer {
    margin: 0 0px 0px 0px;
    padding: 0 0 7px 0;
}

/*--------------------------------------
    Start of table chart
----------------------------------------*/

table.chart {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: left;
}

table.chart th, table.chart td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid black;
    padding: 2px;
    text-align: center;
}

table.chart th {
    font-weight: bold;
}

table.chart td.numeric {
    text-align: right;
}

table.chart td.text, table.chart td {
    text-align: left;
}

table.chart td.vertical {
    border-top: none;
    border-bottom: none;
}

table.chart td.horizantal {
    border-left: none;
    border-right: none;
}


/*-------------------------------------------*/

#dah-route td { vertical-align: top; }


/*--------------------------------------------*/
/*    Embedded images and pullouts            */

 /* pullouts */

div.pullout-left, div.pullout-right {
    font-size: 140%;
    max-width: 40%;
    width: 40%;
    padding: 18px;
}

div.pullout-left {
    float: left;
    padding-left: 0;
}
div.pullout-right {
    float: right;
    padding-right: 2px;
}


/* embedded images */

  /* caption text */
div.image-normal,
div.image-left p, div.image-left-top p, div.image-left-bottom p,
div.image-right p, div.image-right-top p, div.image-right-bottom p,
div.image-center p, div.image-center-top p, div.image-center-bottom p {
    font-weight: bold;
    margin-top: 7px;
    text-align: left;
}

  /* linked image */
div.image-normal,
div.image-left a img, div.image-left-top a img, div.image-left-bottom a img,
div.image-right a img, div.image-right-top a img, div.image-right-bottom a img,
div.image-center a img, div.image-center-top a img, div.image-center-bottom a img,
img.image-normal,
a img.image-left, a img.image-left-top, a img.image-left-bottom,
a img.image-right, a img.image-right-top, a img.image-right-bottom,
a img.image-center, a img.image-center-top, a img.image-center-bottom {
    border-width: 1px;
}

  /* margins */
div.image-left, div.image-left-top, div.image-left-bottom,
img.image-left, img.image-left-top, img.image-left-bottom {
    float: left;
    margin-right: 15px;
}

div.image-right, div.image-right-top, div.image-right-bottom,
img.image-right, img.image-right-top, img.image-right-bottom {
    float: right;
    margin-left: 15px;
}

div.image-center, div.image-center-top, div.image-center-bottom {
    text-align: center;
}

div.image-left, div.image-right, div.image-center,
img.image-left, img.image-right, img.image-center {
    margin-bottom: 7px;
    margin-top: 7px;
}

div.image-left-top, div.image-right-top, div.image-center-top,
img.image-left-top, img.image-right-top, img.image-center-top {
    margin-bottom: 7px;
}

div.image-left-bottom, div.image-right-bottom, div.image-center-bottom,
img.image-left-bottom, img.image-right-bottom, img.image-center-bottom {
    margin-top: 7px;
}

  /* disable any border for feathered images */
div.image-feathered img,
img.image-feathered {
    border-width: 0 ! important;
}


/* old 

div.image-left, div.image-right {
    padding: 2px;
    width: 252px;
    max-width: 252px;
}

div.image-left a img, div.image-right a img {
    border-width: 1px;
}

div.image-left p, div.image-right p {
    font-size: 9px;
    margin: 2px;
}

div.image-left {
    float: left;
}
div.image-right {
    float: right;
}

*/

/* FCC Bonds */

table.fcc-bonds {
    width: 100%;
}

table.fcc-bonds, table.fcc-bonds td, table.fcc-bonds th {
    border-top: 1px solid #8d8d8d;
    border-left: 1px solid #8d8d8d;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

table.fcc-bonds td, table.fcc-bonds th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
}

table.fcc-bonds td {
    white-space: nowrap;
}

table.fcc-bonds th {
    background-color: #002b65;
    color: white;
    font-weight: bold;
}

.fcc-bonds-legend {
    padding: 0.25em; 
    float: right;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
}

.fcc-bonds-legend table {
    margin: 0;
}

.fcc-bonds-legend table, .fcc-bonds-legend table td {
    border-style: none;
    text-align: left;
}