html {
 height: 100.1%;
}

body {
 margin: 0;
 padding: 0 0 10px 0;
 border: 0;
 text-align: center;
 background: #73402B;
 font: 12px/1.8 Verdana, Arial, Helvetica, sans-serif;
 color: #000;
}


/* [LAYOUT]--------------------------------------------------- */

#container {
 position: relative;
 width: 720px;
 margin: 0 auto;
 padding: 0;
 border: 1px solid #000;
 border-top: 0;
 text-align: left;
 background: #fff url(img/grad_cont_fill.gif) repeat-x;
}
	
#main-body {
 float: right;
 width: 555px; 
 margin: 20px 0;
 padding: 0;
 border: 0;
}
	
#sidebar {
 float: left;
 width: 135px; 
 margin: 20px 0; 
 padding: 0 0 0 20px;
 border: 0;
 text-align: center;
}	

#content {
 margin: 0;
 padding: 0 15px 0 10px;
 border: 0;
 line-height: 1.8em;
}

#header {
 margin: 0;
 padding: 0;
 border: 0;
 height: 140px;
 width: 720px;
 background: url(img/header.jpg);
}

#footer {
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border: 0;
 width: 720px;
 background: #fff url(img/grad_footer_fill.gif) repeat-x center bottom;
 text-align: center;
 clear: both;
}



/* [HEADINGS]------------------------------------------------- */

h1, h2, h3, h4, h5 {
 display: block;
 margin: 0;
 border: 0;
 padding: 0 0 5px 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 line-height: 1.0;
 color: #963;
}

h1 {font-size: 130%;}
h2 {margin: 15px 0 0 0; padding: 0 0 2px 0; font-size: 120%;}
h3 {padding: 3px 0; font-size: 120%; color: #fff;}
h4 {margin: 5px 0 -5px 0; font-size: 100%;}


/* [STANDARD ELEMENTS]------------------------------------------ */

blockquote {
 margin: 10px 0 10px 20px;
 padding: 0 0 0 3px;
 border: 0;
 border-left: 2px solid #963;
 font-size: 90%;
 line-height: 1.5em;
 color: #777;
}

code {
 font: 12px/1.8 Verdana, Arial, Helvetica, sans-serif;
 color: #963;
 text-align: left;
}

abbr, acronym {
 font-style: normal;
 border-bottom: 1px dotted #963;
 cursor: help;
}

em {font-style: italic;}
strong {font-weight: bold;}
strike, del {text-decoration: line-through;} /* strike is deprecated, use del in your markup */

address {
 margin: 0;
 padding: 0;
 font-style: normal;
}



/* [CONTENT STYLE]-------------------------------------------- */

#header h1 {
 display: none;
}

#footer p {
 margin: 0;
 padding: 2px 0;
 border: 0;
 font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
 color: #963;
 text-align: center;
}

#content p {
 margin: 0;
 padding: 0 0 15px 0;
 border: 0;
 text-align: left;
}

#content p.prodret {
 margin: 0 0 15px 0;
 padding: 0 0 0 18px;
 border: 0;
 background: url(img/arrow_left.gif) no-repeat 0 6px;
}

#content p.errorno {
 color: #090;
 font-weight: bold;
}

#content p.erroryes {
 color: #f00;
 font-weight: bold;
}

#content p img {
 float: left;
 margin: 6px 10px 5px 0;
 padding: 2px;
 border: 1px solid #963;
}

#sidebar p {
 margin: 0;
 padding: 20px 0 0 0;
 border: 0;
 font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
 color: #963;
 text-align: left;
}

#sidebar img {
 margin: 0;
 padding: 0;
 border: 0;
}

#content a, #footer a, a:link, a:visited, a:hover, a:active {text-decoration: underline; color: #000;}
#content a:hover, #footer a:hover {color: #963;}




/* [MENU]-------------------------------------------- */

ul#nav {
 margin: 0 0 20px 0; 
 padding: 0;
 border: 0;
 font: 10px/1.5 arial, helvetica, sans-serif;
 text-align: left;
 list-style-type: none;
 width: 135px;
}

ul#nav li {
 margin: 0 auto;
 padding: 0;
 border: 0;
 list-style: none;
 text-align: center;
 width: 100%;
 vertical-align: bottom; /* Fix IE5 vertical spacing issue */
}

ul#nav li a {
 margin: 0 auto;
 padding: 2px 0;
 border: 1px solid #bbb587;
 border-top: 0;
 display: block;
 background: #efeddb;
 font: 10px/1.5 arial, helvetica, sans-serif;
 color: #7e7a5a;
 font-weight: bold;
 text-decoration: none;
}

ul#nav li.first { border-top: 1px solid #000; }

ul#nav li a:hover {
 background: #ccc794;
 color: #73402B;
 text-decoration: none;
}

ul#nav li a.menusel {
 background: #ccc794;
 color: #73402B;
 text-decoration: none;
}

ul#nav li#first {
 border-top: 1px solid #bbb587;
}



/* [LISTS]-------------------------------------------- */

ul#farming, ul#chocolate {
 list-style: none;
 margin: 0;
 padding: 0;
 border: 0;
}

ul#farming li, ul#chocolate li {
 margin: 0 0 0 15px;
 padding: 6px 0 0 20px;
 border: 0;
 background: url(img/arrow_li.gif) no-repeat 0 12px;
}

.recipe ul, .recipe ol {
 margin: 5px 0;
 padding: 0;
 border: 0;
}

.recipe ol {margin: 5px 0 25px 0;}

.recipe li {
 margin: 0 0 0 25px;
 padding: 0;
 border: 0;
}

.recipe ol li {margin: 0 0 0 30px;}

ul#rlink {
 list-style: none;
 margin: 0;
 padding: 0;
 border: 0;
}

ul#rlink li {
 margin: 0;
 padding: 0;
 border: 0;
}

ul#healthy {
 list-style: none;
 margin: 15px 0 0 0;
 padding: 0;
 border: 0;
}

ul#healthy li {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 90%;
 color: #963;
}


/* [TABLES]--------------------------------------------------- */

#product table {
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 1px dotted #000;
 border-bottom: 1px dotted #000;
 width: 500px;
}

#product th {
 font-weight: bold;
 color: #963;
}

#product td {
 width: 125px;
}

#product td.cntr {
 text-align: center;
}

/* [FORMS]--------------------------------------------------- */

#form_Contact {
 margin: 0;
 padding: 0;
 border: 0;
}
  
#form_Contact #frmContactAuth, #form_Contact #frmContactEm, #form_Contact #frmContactComms {
 display: block;
 margin: 0 0 10px 0;
 padding: 1px;
 border: 1px solid #5D0101;
}

#form_Contact #frmContactAuth, #form_Contact #frmContactEm {
 width: 250px;
}

label {
 margin: 0;
 padding: 0;
 border: 0;
}

/* [OTHER ELEMENTS]--------------------------------------------------- */

.recipe {
 margin: 0 0 20px 0;
 padding: 5px;
 border: 1px solid #963;
 background: #fafafa;
}

.category {
 margin: 30px 0 0 0;
 padding: 5px;
 border: 0;
 background: #73402B;
}

h4 img {
 margin: 0;
 padding: 0;
 border: 0;
}

#address {
 margin: 0 0 10px 0;
 padding: 0;
 border: 0;
}

#add1 {
 float: left;
 width: 45%;
 margin: 0;
 padding: 0;
 border: 0;
}

#add2 {
 float: left;
 width: 45%;
 margin: 0;
 padding: 0;
 border: 0;
}

#sneaky { 
 display: none;
}