body{background:#F7FBFF url("../images/clouds.jpg") repeat-x top; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; height:100%;}

#header{width:785px; height:209px; margin:0 auto; padding:0; background:#fff url(../images/header.jpg) no-repeat top;}

a{color:#5B7420; text-decoration:underline;}

a:hover { color: #A6B47B; text-decoration:underline;}

a.name { color:#A6B47B; text-decoration:none;}

.clear{clear:both; height:1px;}

.greentext{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5B7420;}

.redtext{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ff0000; font-weight:bold;}

a.backToTop{background:url(../images/up.gif) no-repeat left; padding:3px 0 0 20px; border:none}



hr {color:#5B6D1D;background-color:#5B6D1D;height:1px;border:none;}

		

.alignleft {text-align:left;}

.alignright {text-align:right;}

.aligncenter {text-align:center;}



.FormBox {color:#5B7420; font-size:9px; border:1px solid #5B7420;} 



/* nav dropdowns */

#nav{height:29px; background:#55671D;}

#nav, #nav ul {padding: 0; margin: 0 12px; list-style: none; }

#nav a {display: block; background-repeat:no-repeat; background-position:top; padding:0; cursor:pointer;}

#nav a span {display: block; height:29px; visibility: hidden;}

#nav li {float: left; position:relative; padding:0; margin:0;cursor:pointer;}

#nav li ul {position: absolute;width: 156px;left: -999em; padding:0; margin:0; border-bottom:1px solid #5B7420;}



#nav li:hover ul, #nav li.sfhover ul {left: auto;background:#364F01 url(../images/m1-ul-bottom.jpg) repeat-x bottom; top:29px; height:auto; border-top:1px solid #314801; border-left:1px solid #2B3702; border-right:1px solid #2B3702;}

#nav li ul li a{width: 140px; padding:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FFF; text-transform:uppercase; text-decoration:none; margin:1px 0;}

#nav li ul li a:hover{background-color:#314801; border-bottom:1px solid #5B7420; border-top:1px solid #314801; margin:0;}







/* nav individual link IDs */

#nav-home{width:85px; height:29px; background-image:url(../images/m1-home.jpg);}

#nav-products{width:98px; height:29px; background-image:url(../images/m1-products.jpg);}

#nav-news{width:71px; height:29px; background-image:url(../images/m1-news.jpg);}

#nav-about{width:92px; height:29px; background-image:url(../images/m1-about.jpg);}

#nav-why{width:125px; height:29px; background-image:url(../images/m1-why-organic.jpg);}

#nav-where{width:118px; height:29px; background-image:url(../images/m1-where-to-buy.jpg);}

#nav-trade{width:75px; height:29px; background-image:url(../images/m1-trade.jpg);}

#nav-contact{width:97px; height:29px; background-image:url(../images/m1-contact.jpg);}



#nav-home:hover{width:85px; height:29px; background-image:url(../images/m1-home-over.jpg);}

#nav-products:hover{width:98px; height:29px; background-image:url(../images/m1-products-over.jpg);}

#nav-news:hover{width:71px; height:29px; background-image:url(../images/m1-news-over.jpg);}

#nav-about:hover{width:92px; height:29px; background-image:url(../images/m1-about-over.jpg);}

#nav-why:hover{width:125px; height:29px; background-image:url(../images/m1-why-organic-over.jpg);}

#nav-where:hover{width:118px; height:29px; background-image:url(../images/m1-where-to-buy-over.jpg);}

#nav-trade:hover{width:75px; height:29px; background-image:url(../images/m1-trade-over.jpg);}

#nav-contact:hover{width:97px; height:29px; background-image:url(../images/m1-contact-over.jpg);}

#nav-contact:hover ul{left:-61px !important;}



#content{width:785px; margin:0 auto; padding:0; background:#fff url(../images/overall-rep.jpg) repeat-y top; }



#footer{width:785px; height:210px; margin:0 auto; padding:0; background:#F7FBFF url(../images/footer.jpg) no-repeat top; position:relative; }



#footerLeft{position:absolute; left:20px; bottom:25px; font-size:12px; display:block;}

#footerLeft a{color:#5B7420; text-decoration:underline; display:block; float:left; padding:0px; margin:0 10px;}

#footerLeft a:hover { color: #A6B47B; text-decoration:underline;}

#footerRight{position:absolute; right:20px; bottom:25px; font-size:12px; display:block;}

#footervalid{position:absolute; left:20px; bottom:0; font-size:12px; display:block; margin:-5px 10px;}

#footerBy{position:absolute; right:20px; bottom:0; font-size:10px; display:block;}

#footerBy a{color:#9E4216;  border-bottom: 0; text-decoration:underline;}

#footerBy a:hover { color: #A6B47B;  border-bottom: 0; text-decoration:underline;}



#main {background:url(../images/content-grad-rep.jpg) repeat-x top; margin:2px auto 0; width:761px; padding:0; clear:both;}



#rightColumn{width:164px; float:right; margin:0 10px 0 0; padding:0; height:100%;}



.rightBox{margin:15px 0 0; padding:0;border:1px solid #BFC6A7; width:164px;}



.righth2Green{height:37px; background:url(../images/box-header-green.jpg) no-repeat top; font-size:12px; 

font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#fff; display:block;

margin:0 0 -11px 0; padding:11px 0 0 34px;}



.righth2Brown{height:37px; background:url(../images/box-header-brown.jpg) no-repeat top; font-size:12px; 

font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#fff; display:block;

margin:0 0 -11px 0; padding:11px 0 0 34px;}



.centredOrangerBox{font-family:Georgia, "Times New Roman", Times, serif; color:#A3431E; font-size:12px; padding:5px 5px; text-align:center; margin:0;}

.rightBoxContent{background:#eefbd4; margin:0; padding:0;}

.rightBoxParagraph{font-size:12px; color:#4F4E4F; margin:0; padding:8px;}

.rightBoxParagraph a{color:#5B7420; text-decoration:underline;}

.rightBoxParagraph a:hover { color: #A6B47B; text-decoration:underline;}

.rightBoxContent small{font-size:10px; color:#4F4E4F; margin:0; padding:0 0 8px 10px; text-align:left; display:block; height:14px;}



.rightBox form{margin:0; padding:0;}

.rightBox form p{margin:0; padding:18px; display:block;}

.rightRadioButtons{margin:4px 0 0 18px;}

.rightRadioButtons span, .rightRadioButtons input{display:block; float:left; height:14px;}

.rightBoxSubmit{text-align:right;clear:both; margin:0; padding:5px 15px 10px;}



input.thin{color:#5B7420; font-size:9px; width:120px; margin:0 0 2px 18px; border:1px solid #5B7420; display:block; padding:1px;}



#leftColumn{width:581px; float:left; margin:0; padding:0; }

* html #leftColumn{width:561px;} /* IE5 HAX! */

#leftColumnContent{margin:0; padding:15px;}



#leftColumnContent h1, #leftColumnContent h2, #leftColumnContent h3, #leftColumnContent h4{font-size:18px; color:#95350C; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0 0 10px 0;}

#leftColumnContent p{ font-size:12px; color:#4F4E4F; line-height:150%; margin:0; padding:5px 0;}



.threeInfoBoxes{float:left; width:162px; margin:10px 18px 0 3px; padding:0;}

* html .threeInfoBoxes{margin:10px 10px 0 3px;} /* IE5 HAX! */

.threeInfoBoxes h2{margin:-17px 0 0 !important;}

a.greenArrowLink{background:url(../images/green-arrow.jpg) no-repeat left; padding:2px 0 0 20px; font-size:12px; color:#5B7420;}

* html a.greenArrowLink {text-decoration:underline;}

a.greenArrowLink:hover{background:url(../images/green-arrow-over.jpg) no-repeat left; padding:2px 0 0 20px; font-size:12px; color:#A6B47B;}



.wheretoBuyBox{background:#eefbd4; border:1px solid #BFC6A7; width:95%;}

.wheretoBuy1{float:left; padding:10px; width:150px;}

.wheretoBuy2{float:left; padding:10px; width:200px;}

.wheretoBuy3{float:right; padding:10px; width:70px; text-align:right;}

.wheretoBuyRadioButtons span, .wheretoBuyRadioButtons input {display:block; float:left; padding:6px; font-size:12px; padding:3px; font-weight:bold; color:#5B7420;}



/* -------- This is used for the long green left hand column + right content --------- */



#leftColumnInnerPad{margin:0; padding:15px 0 0 0;}

#leftColumnInner{background:url(../images/leftColumn-rep.jpg) repeat-y left; padding:0; margin:0 0 0 15px;}

#leftColumnInnerBase{background:url(../images/leftColumn-bottom.jpg) no-repeat bottom left;  margin:0; padding:0;}



.leftColumnLong{margin:0; padding:0 0 0 1px; width:164px; float:left;}



.leftBox{margin:0; padding:0;width:164px;}

.lefth2Green{height:37px; background:url(../images/box-header-green.jpg) no-repeat top; font-size:12px; 

font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#fff; display:block;

margin:0 0 -11px 0; padding:11px 0 0 34px;}

.lefth2Brown{height:37px; background:url(../images/box-header-brown.jpg) no-repeat top; font-size:12px; 

font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#fff; display:block;

margin:0 0 -11px 0; padding:11px 0 0 34px;}

.leftBox form{margin:0; padding:0;}

.leftBox form p{margin:0; padding:13px; display:block;}



.leftBoxContent{background:#eefbd4; margin:0; padding:5px}



.leftBoxContentHead{color:#95350C; font-size:11px; padding:0 0 0 20px; background:url(../images/green-arrow.jpg) no-repeat left; 

font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; display:block; margin:5px; border:0; text-decoration:underline; }

a.leftBoxContentHead:hover { border-bottom: 0; text-decoration:underline;}

.leftBoxContent ul{border:0; margin:0; padding:5px 0 5px 10px;}

.leftBoxContent ul li{border:0; margin:0; list-style:none; padding:0 0 5px 20px; color:#707B81; font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;}

.leftBoxContent ul li a{color:#7B8D64; text-decoration:underline;}

.leftBoxContent ul li a:hover { color: #A6B47B; text-decoration:underline;}



.leftBoxNews{background:#eefbd4; margin:0; padding:0 0 20px 20px; line-height: 200%;}



.leftBoxBrown a{color:#9E4216; text-decoration:underline;}

.leftBoxBrown a:hover { color: #A6B47B; text-decoration:underline;}



.leftBoxSeperator{background:#fff; height:20px; margin:0 -1px; border-top:1px solid #C3CAAD;} /* This is to seperate top and bottom boxes on the left */



#rightContent{float:right; width:555px; margin:0; padding:10px 10px 0; }

#rightContent h1{font-size:18px; color:#95350C; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0 0 10px 0;}

#rightContent h3{color:#5B6D1D; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0; padding:10px 0 5px; font-size:12px;}

#rightContent p{color:#4F4E4F; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:5px 0;}



/* -------- This is used for the long green left hand column + right content --------- */





/* -------- picture captions --------- */

.Caption{background:#eefbd4; padding:4px; border:2px solid #C0C8A9; display:block; text-align:center; line-height:220%;}

.Caption img{border:1px solid #000; display:block; clear:both;}

.Caption {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#95350C;}

.captionRight{float:right; margin:0 0 10px 10px;}

.captionLeft{float:left; margin:0 10px 10px 0 ;}

/* -------- picture captions --------- */



.greenGeorgiaTitle{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#5B6D1D; font-weight:bold;}

.redGeorgiaTitle{font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#A3431E; font-weight:bold;}



/* ------------ external links --------------- */

a.externalLink{background:url(../images/external-link.gif) no-repeat right; padding-right:12px; position:relative; display:inline;}

a.externalLink span{display:none;}

a.externalLink:hover{background:url(../images/external-link-over.gif) no-repeat right;}

a.externalLink:hover span{display:block; position:absolute; top:-25px; left:12px; width:190px; border:1px solid #ccc;

 background:#eefbd4; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding:3px; color:#424242; text-decoration:none;}

/* ------------ external links --------------- */



/* ------------ pdf links --------------- */

a.pdfLink{background:url(../images/icon_pdf.gif) no-repeat left; padding:2px 0 0 20px; font-size:12px; color:#5B7420;}

* html a.pdfLink {text-decoration:underline;}

a.pdfLink:hover{font-size:12px; color:#A6B47B;}

/* ------------ pdf links --------------- */



/* ------------ doc links --------------- */

a.docLink{background:url(../images/icon_doc.gif) no-repeat left; padding:2px 0 0 20px; font-size:12px; color:#5B7420;}

* html a.docLink {text-decoration:underline;}

a.docLink:hover{font-size:12px; color:#A6B47B;}

/* ------------ doc links --------------- */

/* ------------ zip links --------------- */

a.zipLink{background:url(../images/icon_zip.gif) no-repeat left; padding:2px 0 0 20px; font-size:12px; color:#5B7420;}

* html a.zipLink {text-decoration:underline;}

a.zipLink:hover{font-size:12px; color:#A6B47B;}

/* ------------ zip links --------------- */

/* ed put this here, for the hiding/showing menus on products.php ---- dont change it plz */
.m1-suboff{display:none;}
.m1-subon{display:block;}