body {
margin:0;
font-family: Verdana, sans-serif;
font-size: 12px; 
font-weight: 900;
color: #308014;
}


#header {

  background-image:url('images/farmer_brown_top.jpg') ;
  background-repeat:no-repeat;
  height: 269px;
  margin: 0;
  background-color: #fff;
}

#nav {
  vertical-align: middle; 
  padding-left: 20px; 
  background-color:#360;
  height: 25px;
}

#container {
	width: 100%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;

}

#content {
	width: 80%;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 15px;
	border-radius: 15px;

}


#footer {
	clear: both;
	border-top: 2px solid #336600;
	margin: 0px;
	padding-right: 30px;
	text-align: right; 
	background-color: #fff;
  height: 90px;

}

#footer p {

  font-family: Arial, Helvetica, sans-serif;
  font-size:0.9em;

}


/* ~~~~~~~~~~~~ RED HEADLINES  ~~~~~~~~~~~~~~~~~~~~~~*/



.headline {

color: #FF0000;
font-family: Verdana, 
Sans-Serif;
font-size: 10pt;

}



/* ~~~~~~~~~~~ No Border on Images ~~~~~~~~~~~~~~~~~~~*/

img {
border-width: 0px;
 }

table.nav{
width: 770px;
vertical-align: center;
text-align:center;
border-collapse: collapse;
padding: 0px;
}

.navigation{
font-family: Verdana, sans-serif; 
font-size: 10px; 
color: white; 
text-align: center;
}

.copyright{
color: white;
font-family: Verdana, sans-serif; 
font-size: 10px; 
padding-left: 1cm;
}

.smalltxt{
font-family: Verdana, sans-serif; 
font-size: 10px; 
font-weight: bold;
color: #336600;
}

.maintxt{
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold;
color: #003300;
}

h3.products{
font-family: Verdana, sans-serif;
color: #238E68;
}

.items{
font-family: Verdana, sans-serif;
font-size: 10px; 
font-weight: 900;
color: #337147;
}


p.margin {
margin-left: 1cm; 
margin-right: 1cm;
}


p{
font-family: Verdana, sans-serif;
font-size: 12px; 
font-weight: 900;
color: #308014;

}

/* ~~~~~~~~~~ List ~~~~~~~~~~~~~ */

#list { 
list-style-type: square;; 
color: #308014;
font-family: Verdana, Sans-Serif;
font-size: 10pt;
font-weight: bold;
padding-left: 20px;
}


h3{
font-family: Verdana, sans-serif;
font-size: 16px; 
font-weight: 900;
color: #308014;
margin: 0;

}

h4{
font-family: Verdana, sans-serif;
font-size: 18px; 
font-weight: 900;
color: #00EE00;
margin: 0;

}


a.nav:link {color: #FF7F50;  text-decoration: none; font-family: Verdana, sans-serif; font-size: 12px; font-weight: 900; }
a.nav:visited {color: #FF7F50;  text-decoration: none}
a.nav:hover {color: #FF6600; text-decoration: underline;}

/* ~~~~~~~~~~ Top Navigation ~~~~~~~~~~~~~ */

ul#main-nav            {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:100%;}
ul#main-nav li         {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;}
ul#main-nav li a       {text-decoration:none;display:block;padding:0.3em 0.5em; border-left:0.4em solid #336600;border-bottom:0.4em solid #336600;
                        color:#fff;background:#00CC99;font-size:0.9em; width:12em; text-align:center; font-weight: bold;}
ul#main-nav li a:hover {border-top:0.4em solid #900;border-bottom:0.4em solid #900;color:#000;text-transform:uppercase; background:yellow;}




