﻿      /* CSS Document 
      
      me.css
      
      */
      
      body{
        margin: 0;
        text-align: center;
        position: relative;
        margin: 0 auto;
        width: 1109px;
        background: #3c1b09 url(images/bkg.jpg) top center no-repeat;
      }
      
      a{
        font: regular 11px "Arial", Verdana, sans-serif;
        text-align: left;
        margin: 0;
        line-height: 16px;   
      }
      
     td, p{
        font-family: Arial,Verdana, sans-serif;
        font-weight: regular;
        font-size: 12px;
        text-align: left;
        margin: 0;
        line-height: 16px;
      }

	  
      #column-right p{
        margin: 0 0 0 15px;
      }
      
      #column-right #column-right-problem-top p{
        width: 125px;
        color: #666666;
        margin: 0 0 0 60px;
        font-weight: bold;
      }

      #column-right #column-right-solution-top p{
        width: 120px;
        color: #666666;
        margin: 0 0 0 60px;
        font-weight: bold;
        text-align: center;
      }
      
      h1{
	    /* needs to be specified as follows in order for sIFR  to work*/
        font-family: Arial,Verdana, sans-serif;
        font-weight: regular;
        font-size: 15px;
        text-align: left;
        margin: 5px 0 0px 13px;    
        line-height: 14px;
        height: 16px;
      }

      h2{
	    /* needs to be specified as follows in order for sIFR  to work*/
		font-family: Arial, Verdana, sans-serif;
        font-weight: regular;
        font-size: 25px;
        font-weight: regular;
        text-align: left;
  	    margin: 15px;      
      }
      
      h2 .signup-sifr{
	    /* needs to be specified as follows in order for sIFR  to work*/
		font-family: Arial, Verdana, sans-serif;
        font-weight: regular;
        font-size: 25px;
        font-weight: regular;
        text-align: left;
  	    margin: 15px 15px 20px 15px;      
      }

      h3{
        font: regular 25px "Arial", Verdana, sans-serif;
        text-align: left;
  	    margin: 15px 15px 0 15px;      
      }

      h4{
        font-family: Arial, Verdana, Sans-Serif;
        font-weight: regular;
        font-size: 12px;
        color: #aa250b;
        text-align: left;
  	    margin: 15px 15px 0 15px;
	    text-transform: uppercase;   
      }

      h5{
        font: bold 12px "Arial", Verdana, sans-serif;
        color: #054084;
        text-align: left; 
		line-height:14px;
		margin: 0 0 0 15px;
      }
            
      #column-right #column-right-problem-top h1{
        width: 100px;
        color: #054084;
        margin: 10px 0px 0 70px;
      }
      
      #column-right #column-right-solution-top h1{
        width: 100px;
        color: #ba4e39;
        margin: 10px 0px 0 70px;
      }
      
      #column-right-solution-top h1 #sol{
        font-family: Arial;
        font-weight: regular;
        font-size: 14px;
        text-align: left;
        margin: 5px 0 0 13px;
        line-height: 16px;
        color: red;
      }
      
      /*--------------------------------*/
      /*everything within #container-top*/
      /*--------------------------------*/
      
      #container-top{
        background: url(images/top.jpg) #ffffff top left no-repeat;
        width: 786px;
        height:77px;
        margin: 0 auto;
        text-align: left;
      }

      #header{  
        position: absolute;
        top: 20px;
        left:160px; 
        width: 128px;
        height: 77px;
        margin: 0;

      }
   
      #mixer{ 
        margin: 0;
        width: 128px;
        height: 77px;
        float: left;
      } 
      
      #container-top ul {
        list-style: none;
        float: right;
        margin: 19px 10px 0 0;
        padding: 0;
      }
      
      #container-top ul li {
        float: left;
        /*border: green 1px solid;*/
        margin: 0 0 0 20px;
        padding: 0;
      }
      
      #container-top ul li a{
        font-family: Arial;
        font-weight: bold;
        font-size: 14px;
        color: #666666;
        display:block;
        margin: 0 0 0 0;
        text-decoration: none;
        height:56px;
        line-height:56px;
        float: left;
        padding: 0 20px;
      }
      
      #container-top ul a:hover{
        background: url(images/doodle.gif) center center no-repeat;
        color: #666666;
	  }
	  
      /*#container-top .current a{
        color: #d18417;
        background: url(images/doodle.gif) center center no-repeat;
      }*/
	  #container-top ul li a.CMSListMenuHighlightedLI{
        color: #d18417;
        background: url(images/doodle.gif) center center no-repeat;
      }
	  		  
      
      /*--------------------------------*/
      /* others */
      /*--------------------------------*/
      
      .clearizor{
        clear:both;
      }
      
      p a.black{
        /*added to keep the links black as described in the flat*/
	    color: #000000;
      }
	  /*I'm stuck.....*/ 
	  #column-sign-middle2 ul li a.black{
      /*added to keep the links black as described in the flat*/
	    font-family:Arial,Verdana,sans-serif;
        text-align: left;
        margin: 0 0 0 15px;
        line-height: 16px;
	    color: #000000;
	    
	    
        font-size:11px;
      } 
	        
      #column-right ul {
        list-style-type: none;
        position:relative;
        top:-15px;
      }
	  .bullet, #learnMore li, #learnMore li.selected {
      	background: url(images/ul.gif) no-repeat 5px;
      	padding: 0 0 0 20px;
        font-family: Arial;
        font-weight: regular;
        font-size: 12px;
        /*border: brown 1px solid;*/
        text-align: left;
        margin: 0 0 0 0px;
        line-height: 16px;      	
      }
      
      ol.bigbullet{
        position: relative;
        left: 0;
        top:-15px;
      	padding: 0 0 0 15px;
      	width: 460px;
      }
            
      .bigbullet li{
      	background: url(images/num.gif) no-repeat;
      	margin: 0 0 8px 0;
      	padding: 0 0 0 35px;
      	text-indent: -30px;
      	color: white;
      	font-weight: bold;
        font-size: 13px;
        line-height: 19px;
      }
          
      .bigbullet span.num-span{
        color: white;
        font-weight: normal;
        padding-left: 0px;
        font-family: Arial;
        font-size: 11px;
        margin: 0 0 0 3px;
      }
            
      .bigbullet span{
        color: black;
        font-weight: normal;
        padding-left: 0px;
        font-family: Arial;
        font-size: 12px;
      }      
     
 	  a, a.extlinks{
	    color: #1C3190; 
	  }

 	  a:hover, a:hover.extlinks{
	    text-decoration: none; 
	  }
	  
	  a:visited, a:visited.extlinks{
	    color: #666666;  
	  }
	  
      #bkg{
		position: relative;
        margin: 0 auto;
        width: 1109px;
      }
      
      
      #supercontainer{
        position: relative;
        background: url(images/footer.jpg) #ffffff bottom right no-repeat;
		width: 786px;
        margin: 0 auto;
        text-align: left;
        padding: 0;
      }
      
      #container{
        position: relative;
        background: url(images/stained-grid.jpg) top left repeat-x;
        width: 786px; 
        margin: 0 auto;
        text-align: left;
      }
           
      #container-prop{
      }
      
      #container-margin-top{
        margin: 0p;
        height:20px;

      }
      #container-margin-bottom{
        margin: 0;
      }   
   
    #column-right-content table
    {
        margin-left:12px;
    }   
   
      #footer{    
        width: 500px;
        height: 50px;
        position: relative;
        top: 0px;
        margin: 0 0 0 250px;

      }
      #footer a{
        color: #000000;
        text-decoration: none;
      }    
   
      #bayer{ 
        position: relative;
        top: -20px;
        left:0px;
        margin: 0;
        width: 200px;
        float: left;
      }  
      
      #container-footer{
        height: 50px;
      }
      
      
      #clip{
        position: absolute;
        top:-5px;
        left: 447px;
        height:97px;
        width: 67px;
        background: url(images/clip.png) top left no-repeat;
      }
      
      #pen{
        position: absolute;
        top: -5px;
        left: 742px;
        height:433px;
        width: 97px;
        background: url(images/pencil.png) top left no-repeat;
      }
      #grass{
        position: absolute;
        top: 450px;
        left: 650px;
        height: 130px;
        width: 124px;
        background: url(images/wheatkernels.png) top left no-repeat;
      }      

      #column-right-imageheader a.selected {
        color: #aa250b;
      }      

      
      /*--------------------------------*/
      /* everything within #column-left*/
      /*--------------------------------*/
      
      #column-left{
        width: 220px;
        float: left;
		/*border: green 1px solid;*/
      }
      
      
      #signup{
        width: 200px;
        height: 160px;
        margin: 10px 0 0 0;
      }
      
      #column-left-foxtail{
        background: top left no-repeat;
        width: 199px;
        height: 314px;
        margin-top: 135px;
        left: 30px;
        position: absolute;
        bottom: 0;
      }
      
      
      /*--------------------------------*/
      /* everything within #column-right*/
      /*--------------------------------*/
      
      
      #column-right
      {
          padding-bottom: 25px;
        width: 560px;
        float: right;
      }
      
      #column-right-imageheader{
        position:relative;
        top: -4px;
        left: -12px;
        width: 555px;
        height: 385px;
      }
      
      #column-right-imageheader ul {
        position: absolute;
        top: 239px;
        left: 15px;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      
      #column-right-imageheader ul li {
        float: left;
        margin: 0;
        padding: 0;
      }
      
      #column-right-imageheader ul li a{
        font-weight: bold;
        font-size: 12px;
        color: #666666;
        text-decoration: none;
        margin:  0 0 0 15px;
        letter-spacing: -0.2px
      }
      
      #column-right-imageheader ul li a:hover{
        color: #aa250b;
      }
      
      span{
        margin:  0 0 0 20px;
        color: #666666;
      }
      
      #column-right-content{
        position: relative;        
        /*top:-100px;*/
        margin: 0;
      } 
      
      #column-right h1{
        width: 470px;
        text-align: left;
        font-weight: regular;
        color: #ba4e39;
      }
      
      #content-prop-right{
        width: 555px;
        float: right;
      }
      
      #column-right .content-wider{
       width: 450px;
      }
      
      #column-right .content-widest{
        width: 500px;
      }
      
      
      /*****************/
      /* #column-right-problem  */
      /*****************/
      
      
      #propper{
      }
      
      #problemsolver{
        width: 500px;
        margin: 25px 0 80px 9px;
      }
      
      #problem{
        width: 250px;
        float:left;
      }
      
      #solution{
        width: 236px;
        float: right;
      }
      
      #column-right-problem-top{
        background: url(images/buckprob.jpg) top left no-repeat;
        height:55px;
        width: 238px;
        margin: 0;
        float: left;
      }
      
      #column-right-problem-middle{
        width: 225px;
        margin: 0;
        float: left;
      }
      
      /*****************/
      /* #column-right-solution  */
      /*****************/
      
      #column-right-solution-top{
        background: url(images/bucksol.jpg) top left no-repeat;
        height:55px;
        width: 236px;
        margin: 0;
        float: right;
      }
      
      #column-right-solution-middle{
        width: 225px;
        margin: 0 10px 0 0;
        float: right;
      }
      
      #content-flash {
        height: 280px;
        width: 555px;
      }
      
      #sign{
        background: url(images/signup.jpg) top left no-repeat;
        width: 200px;
        height: 123px;
        float: left;
        margin: 10px 0 5px 8px;
      }
      
      #sign p{
        margin: 0 0 0 15px;
      }
      
      #sign form{
        display: block;
        margin: 5px 0 0 0;
      }
      
      #sign a{
        float: right;
        margin: 0 30px 0 0; 
      }
      
      #column-sign-top{
        height:20px;
        width: 200px;
        margin: 0 0 10px 0px;
        float: left;
        padding: 5px 0 0 5px;
      }
      
      #sign-middle{
        width: 200px;
        margin: 0;
        float: left;
      }
      
      /*******************/
      #sign2{
        width: 200px;
        float: left;
        margin: 10px 0 5px 8px;
      }
      
      #sign2 p{
        margin: 0 0 0 15px;
      }
      
      #sign2 a{
        margin: 0 0 0 15px; 
      }
      
      #sign2 ul{
        list-style-type: none;
        margin: 0;
        padding:0;
      }
      
      #column-sign-top2{
        background: url(images/recentNews-title.png) top left no-repeat;
        width: 200px;
        margin: 0;
        float: left;
        height:32px; /* height + padding-top must = 42px */
        padding: 10px 0 0 5px;
        }
      
      #column-sign-middle2{
        background: url(images/news-middle.gif) bottom left repeat-y;
        display: block;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      #column-sign-bottom2{
        background: url(images/news-bottom.png) top left no-repeat;
        height:32px;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      /******************/
      #sign3{
        width: 200px;
        float: left;
        margin: 10px 0 5px 8px;
      }
      
      #sign3 p{
        margin: 0 0 0 15px;
      }
      
      #sign3 a{
        margin: 0 0 0 15px; 
      }
      
      #sign3 ul{
        list-style-type: none;
        margin: 0;
        padding:0;
      }
      
      #column-sign-top3{
        background: url(images/poll-top-title.png) top left no-repeat;
        height:36px;
        padding: 10px 0 0 5px;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      #column-sign-top3.signup{
        background: url(images/mixitup-top-title.png) top left no-repeat;
        height:35px;
        padding: 10px 0 0 5px;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      #column-sign-middle3{
        background: url(images/poll-middle.gif) bottom left repeat-y;
        display: block;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      #column-sign-bottom3{
        background: url(images/poll-bottom.png) top left no-repeat;
        height:36px;
        width: 200px;
        margin: 0;
        float: left;
      }
      
            /******************/
      #sign4{
        width: 200px;
        float: left;
        margin: 10px 0 5px 8px;
      }
      
      #sign4 p{
        margin: 0 0 0 15px;
      }
      
      #sign4 a{
        background-color:#728BAE;
        color:white;
        margin:0px;
        text-decoration:none;
      }
      
      #sign4 ul{
        list-style-type: none;
        margin: 0;
        padding:0;
      }
      
      #column-sign-top4{
        background: url(images/poll-top-title.png) top left no-repeat;
        height:36px;
        padding: 10px 0 0 5px;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      #column-sign-top4.signup{
        background: url(images/mixitup-top-title.png) top left no-repeat;
        height:35px;
        padding: 10px 0 0 5px;
        width: 200px;
        margin: 0;
        text-indent: -9999px;
        float: left;
      }
      
      #column-sign-middle4{
        background: url(images/poll-middle.gif) bottom left repeat-y;
        display: block;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      #column-sign-bottom4{
        background: url(images/poll-bottom.png) top left no-repeat;
        height:36px;
        width: 200px;
        margin: 0;
        float: left;
      }
      
      .bluenote 
      {
        width: 166px;
      }

      .subm{
        background:transparent url(images/submit.gif) top left no-repeat;
        display: block;
        height:22px;
        width:63px;
        border: 0;
        cursor: hand;
        margin: 0 0 0 90px;
      }

      #column-sign-bottom3 .subm{
        margin: 0 0 0 15px;
      } 

      #content-form-submit {
        background:transparent url(images/ff-submit.jpg) no-repeat scroll left top;
        display:block;
        float:right;
        height:27px;
        margin:20px 35px 0pt 0pt;
        width:63px;
      }
      
      
      /* These are standard sIFR styles... do not modify */
      
      .sIFR-flash {
      	visibility: visible !important;
      	margin: 0;
      }
      
      .sIFR-replaced {
      	visibility: visible !important;
      }
      
      span.sIFR-alternate {
      	position: absolute;
      	left: 0;
      	top: 0;
      	width: 0;
      	height: 0;
      	display: block;
      	overflow: hidden;
      }
      
      /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
      .sIFR-flash + div[adblocktab=true] {
        display: none !important;
      }
      
      /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
      
      .sIFR-hasFlash h1 {
      	visibility: hidden;

      }
      
      
      .sIFR-hasFlash #supercontainer #container #column-left h1{
        margin: 5px 0 0 5px;
      }
            
      
      
      .sIFR-hasFlash h2 {
	    margin: 0 100px 0 15px;
      	visibility: hidden;
        color: #d18417;	
        font-size: 25px;
      }
      
      .sIFR-hasFlash h2.signup-h2 {
	    margin: 5pt 100px 0 50px;
      	visibility: hidden;
        color: #d18417;	
        font-size: 25px;
        height: 31px;
      }
      
      .sIFR-hasFlash h3 {
      	visibility: hidden;
      	font-size: 21px;
        color: #aa250b;
      }
      
      .sIFR-hasFlash h4 {


      }
      
      .sIFR-hasFlash h5#pullquote {

      }
      
	
	
#mnuSubNav li 
{
    font-family: Arial, Verdana, Sans-Serif;
	}
	
#mnuSubNav li a {
	padding: 0 6px 0 6px; 
	}
	
#mnuSubNav li.LastMenu {
	border-right: none;
	}

img
{
    border: 0pt none;
}



