body {
  margin: 0;
  width: 800px;
  color: #603913;
  background-color: #E7E4E0;
}

/* #DBDDC7 olive green (content) */
/*#D1E3E4 robin blue (footer) */
/*#E7E4E0 taupe (sidebar)*/

a {
  
  font-color: blue;
}
.orange {
  color: #CE6146;
}
.brown {
  color: #603913;
}
.dark_green {
  color: #336600;
}
.light_green {
  color: #689A38;
}
#left_column {
  width: 180px;
/*  background-color: #E7E4E0; */
  background-color: transparent;
  position: absolute;
  left: 0;
  height: 100%;
  overflow: hidden;
  background-image: url('../images/3stone_second.gif');
  background-repeat: no-repeat;
  background-position: top center;
/*  margin-bottom: "-2em";*/
}
#right_column {
  background-color: white;
  position: absolute;
  left: 180px;
  padding-left: 1px;
}
#white_space {
  background-color: white;
  width: 100%;
  float: right;
}

#content, #footer {
  margin-left: 1px;
  padding: 15px;
  width: 730px;
  width: "796px"; /* IE box model hack */
  padding-left: 35px;
}
#content {
  background-color: #D8DDC7; /* olive green */  
  margin-top: 24px;
  margin-top: "2px";
  overflow: auto;
  position: relative;
  bottom: 0;
/*  height: auto;*/
/*  bottom: "-1em";*/
  padding: "2em";
/*  border-bottom: 0px solid transparent;*/
}
#footer {
  background-color: #D1E3E4;
  height: 70px;
  height: "98px";
  margin-top: 2px;
}

.style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style6 {color: #cd5806}
.style11 {font-size: 18px; color: #603913; font-family: Arial, Helvetica, sans-serif;}
.style14 {font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #603913; }
.style16 {font-size: 14px;font-weight: bold;color: #cd5806;font-family: Arial, Helvetica, sans-serif;}
.style8 {font-family: Arial, Helvetica, sans-serif;color: #563F23;font-size: 14px;}

.style14 {	font-family: Arial, Helvetica, sans-serif;
	color: #404616;
	font-size: 14px;
}
.style15 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #603913; }
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	color: #336600;
	font-size: 16px;
	font-weight: bold;
}
.style18 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #603913; font-weight: bold; }
.style24 {font-family: Arial, Helvetica, sans-serif; color: #336600; font-size: 14px; font-weight: bold; }
.style28 {font-size: 12px; color: #669933; font-weight: bold; }
.style31 {color: #336600; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.style32 {color: #563F23}
.style12 {font-size: 14px; color: #603913; font-family: Arial, Helvetica, sans-serif;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; padding:0; color: #fff; width: 800px; padding-left: 1px; margin: 0;font:  15px Arial, Verdana, sans-serif;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:14px;}
#menu li span {display:block; z-index:100; padding: 5px 10px; font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif); background-color: transparent;}
#menu dt {background: white; margin:0px; padding: 0; font-size: 1.1em; border-bottom:1px solid #fff; float:left; border-right:2px solid white;} /* top level, brown background */
#menu dd {display:none; background: transparent; border-bottom:1px solid #fff; clear:left; margin:0; padding:0; font-size: 1em; text-align:left;} /* this is the actual pulldown */

#menu dt a, #menu dt a:visited {display:block; text-decoration:none; color: white; padding: 16px 16px; background: #563F23;}

#menu dd a, #menu dd a:visited {background:#563F23; text-decoration:none; display:block; padding: 5px 10px; color: white;} /* brown background */

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background:#8cb85c; color:white;} /* green hover */

#home #menu dl.home dt a,
#how_it_works #menu dl.how_it_works dt a,
#place_an_order #menu dl.place_an_order dt a,
#our_foods #menu dl.our_foods dt a,
#community_calendar #menu dl.community_calendar dt a,
#links #menu dl.links dt a,
#about_us #menu dl.about_us dt a {
  background-color: #993300;  /* red background for current page */
}
