﻿/* LEAF 2010 standard styles */
/* styling common to broadband and dial-up versions */

HTML, BODY {
  margin: 0; }

#holder {
  width: 780px;
  margin: 24px auto; }
  
#switcher {
  float: left; }
  
#sections {
  float: right; }

#header {
  clear: both;
  position: relative;
  top: 0px;
  height: 73px;
  padding: 10px;
  padding-top: 12px;
  border-top: solid 1px #444;
  background-image: url(../images/bg_header.png);
  background-image: url(../images/bg_content.png);
  background-repeat: repeat-x;
  background-position: center bottom; }

#content {
  min-height: 400px;
  overflow: auto;
  padding-bottom: 18px;
  background-image: url(../images/bg_content.png);
  background-repeat: repeat;
  background-position: center bottom; }

#inner {
  clear: both;
  padding: 18px 18px 0px 18px; }
 
#leftColumn .inner {
  padding: 0px 9px 0px 18px; }

#rightColumn .inner {
  padding: 0px 18px 0px 9px; }

#leftColumn {
  width: 50%;
  float: left; }
  
#rightColumn {
  width: 50%;
  margin-left: 50%; }
  
#join {
  position: absolute;
  top: 0px;
  right: 12px; }
#join IMG {
  border: none; }
  
/* home page styles */

.theme-home #leftColumn .inner {
  padding: 10px 0px 2px 2px; }

.theme-home #rightColumn .inner {
  padding: 10px 2px 2px 0px; }
  
.theme-home .inner .cell {
  width: 384px;
  height: 200px;
  padding: 2px; }
  
.theme-home P {
  margin: 0pc 4px 0.5pc 4px;
  font-size: 11pt;
  color: #387C2B; }
  
.theme-home IMG {
  margin: 0 !important; }
  
.theme-home #content {
  padding-bottom: 0px; }
  
/* image styles */

IMG.border, 
IMG.border-about, 
IMG.border-farmers, 
IMG.border-consumers, 
IMG.border-foodchain {
  border-style: solid;
  border-width: 4px;
  margin: 8px 0px 8px 0px; }

IMG.noborder {
  border: none; }
  

/* normal section styles */

BODY {
  background-position: center top;
  background-repeat: no-repeat; }  

H1, H3, H4, H5, H6, A:link, A:visited {
  color: #387C2B; }
H1 {
  border-bottom-color: #387C2B; }

IMG.border, IMG.border-about {
  border-color: #387C2B; }

#navigation LI.selected A {
  color: #6A9D60; }
#breadcrumbs LI.crumb,
#breadcrumbs LI.crumb-last,
#breadcrumbs LI.crumb-leaf-last {
  background-color: #387C2B; }
#breadcrumbs LI.leaf,
#breadcrumbs LI.leaf-last {
  background-color: #6A9D60; }
#breadcrumbs LI.crumb {
  background-image: url(../images/bg_nav_crumb_about.gif); }
#breadcrumbs LI.crumb-last {
  background-image: url(../images/bg_nav_crumb_about_last.gif); }
#breadcrumbs LI.leaf {
  background-image: url(../images/bg_nav_leaf_about.gif); }


/* farmers section styles */

.theme-farmers H1, 
.theme-farmers H3, 
.theme-farmers H4,
.theme-farmers H5,
.theme-farmers H6, 
.theme-farmers A:link, 
.theme-farmers A:visited {
  color: #695F4D; }
.theme-farmers H1 {
  border-bottom-color: #695F4D; }
    
.theme-farmers IMG.border, IMG.border-farmers {
  border-color: #695F4D; }

.section-farmers {
  background-color: #887C68; }
.theme-farmers .section-farmers {
  background-color: #695F4D; }
.theme-farmers #header, 
.theme-farmers #content {
  border-color: #695F4D; }
      
.theme-farmers #navigation LI.selected A {
  color: #695F4D; }
.theme-farmers #breadcrumbs LI.crumb,
.theme-farmers #breadcrumbs LI.crumb-last,
.theme-farmers #breadcrumbs LI.crumb-leaf-last {
  background-color: #695F4D; }
.theme-farmers #breadcrumbs LI.leaf,
.theme-farmers #breadcrumbs LI.leaf-last {
  background-color: #887C68; }
.theme-farmers #breadcrumbs LI.crumb {
  background-image: url(../images/bg_nav_crumb_farmers.gif); }
.theme-farmers #breadcrumbs LI.crumb-last {
  background-image: url(../images/bg_nav_crumb_farmers_last.gif); }
.theme-farmers #breadcrumbs LI.leaf {
  background-image: url(../images/bg_nav_leaf_farmers.gif); }
  
  
/* consumers section styles */

.theme-consumers H1, 
.theme-consumers H3, 
.theme-consumers H4,
.theme-consumers H5,
.theme-consumers H6,
.theme-consumers A:link,
.theme-consumers A:visited {
  color: #FA5117; }
.theme-consumers H1 {
  border-bottom-color: #FA5117; }
  
.theme-consumers IMG.border, IMG.border-consumers {
  border-color: #FA5117; }

.section-consumers {
  background-color: #F08560; }
.theme-consumers .section-consumers {
  background-color: #FA5117; }
.theme-consumers #header, 
.theme-consumers #content {
  border-color: #FA5117; }
  
.theme-consumers #navigation LI.selected A {
  color: #FCA88B; }
.theme-consumers #breadcrumbs LI.crumb,
.theme-consumers #breadcrumbs LI.crumb-last,
.theme-consumers #breadcrumbs LI.crumb-leaf-last {
  background-color: #FA5117; }
.theme-consumers #breadcrumbs LI.leaf,
.theme-consumers #breadcrumbs LI.leaf-last {
  background-color: #F08560; }
.theme-consumers #breadcrumbs LI.crumb {
  background-image: url(../images/bg_nav_crumb_consumers.gif); }
.theme-consumers #breadcrumbs LI.crumb-last {
  background-image: url(../images/bg_nav_crumb_consumers_last.gif); }
.theme-consumers #breadcrumbs LI.leaf {
  background-image: url(../images/bg_nav_leaf_consumers.gif); }
  
  
/* food chain section styles */

.theme-foodchain H1, 
.theme-foodchain H3, 
.theme-foodchain H4,
.theme-foodchain H5,
.theme-foodchain H6,
.theme-foodchain A:link, 
.theme-foodchain A:visited {
  color: #862074; }
.theme-foodchain H1 {
  border-bottom-color: #862074; }
  
.theme-foodchain IMG.border, IMG.border-foodchain {
  border-color: #862074; }
    
.section-foodchain {
  background-color: #AB699F; }
.theme-foodchain .section-foodchain {
  background-color: #862074; }
.theme-foodchain #header,
.theme-foodchain #content {
  border-color: #862074; }
     
.theme-foodchain #navigation LI.selected A {
  color: #862074; }
.theme-foodchain #breadcrumbs LI.crumb,
.theme-foodchain #breadcrumbs LI.crumb-last,
.theme-foodchain #breadcrumbs LI.crumb-leaf-last {
  background-color: #862074; }
.theme-foodchain #breadcrumbs LI.leaf,
.theme-foodchain #breadcrumbs LI.leaf-last {
  background-color: #AB699F; }
.theme-foodchain #breadcrumbs LI.crumb {
  background-image: url(../images/bg_nav_crumb_foodchain.gif); }
.theme-foodchain #breadcrumbs LI.crumb-last {
  background-image: url(../images/bg_nav_crumb_foodchain_last.gif); }
.theme-foodchain #breadcrumbs LI.leaf {
  background-image: url(../images/bg_nav_leaf_foodchain.gif); }


/* navigation styles */

#sections, #sections A, #switcher, #switcher A {
  font-size: 8pt;
  color: #333; }

#sections DIV {
  float: left;
  padding: 9px 9px 6px 9px;
  margin-left: 1px;
  color: White;
  text-transform: uppercase;
  }
#sections DIV A {
  font-size: 11pt;
  font-weight: bold;
  color: White;
  text-decoration: none; }
  
#navigation LI, #breadcrumbs LI {
  margin: 0;
  padding: 0px 2px;
  display: inline; }

#navigation LI {
  padding-right: 10px; }
  
#footer LI {
  margin: 0;
  padding: 0px 12px 0px 0px;
  display: inline; }
  
#navigation {
  background-color: Black; }
  
#navigation UL {
  margin: 0;
  padding: 6px 4px; }
  
#navigation UL {
  font-size: 10pt;
  font-weight: bold;
  text-transform: uppercase; }
#navigation UL A {
  color: White;
  text-decoration: none; }

#footer UL {
  margin: 6px 0px; 
  padding: 0;
  font-size: 8pt; }
#footer UL A {
  color: #333; }
    
#breadcrumbs {
  margin: 0;
  padding: 0; }
  
#breadcrumbs LI {
  padding: 5px 6px 5px 6px;
  margin-top: 1px;
  float: left;
  font-size: 8pt;
  font-weight: bold;
  white-space: nowrap; }
#breadcrumbs LI A {
  color: White;
  text-decoration: none; }
  
#breadcrumbs LI.crumb, #breadcrumbs LI.crumb-last {
  padding-right: 13px;
  background-position: right center;
  background-repeat: no-repeat;
  text-transform: uppercase; }

#breadcrumbs LI.leaf, #breadcrumbs LI.leaf-last {
  padding-right: 7px;
  background-position: right center;
  background-repeat: no-repeat; }

#breadcrumbs LI.leaf-last {
  padding-right: 6px;
  background-image: none !important; }
  
/* search styles */

#searchControls {
  float: right;
  margin: 3px 4px 0px 0px; }

INPUT#navSearch {
  width: 160px;
  font: 9pt arial,helvetica,sans-serif; }
INPUT#navSearchBtn {
  width: 32px;
  font: 9pt arial,helvetica,sans-serif; }
  
.inactiveSearch {
  color: Gray; }
  
.ebSearchList INPUT.text {
  width: 320px; }