body {
   margin: 0px;
}

#container {
   margin: 0px auto;
   padding: 0px;
   width: 100%;
   font: 85% arial, hevetica, sans-serif;
   background-color: #fff;

}
#logo {
   padding-top: 16px;
   background: #fff url('styles/body.png');
   text-align: center;
   height: 130px;
   background-color: #EFDBA8;
}
#content {
   -moz-border-radius: 15px;
   border-radius: 15px;
   font-size: 12pt;
   padding: 0px 20px 10px 20px;
   margin-left: 185px;
   margin-right: 185px;
   background: #fff url('styles/page-bg.gif');
   border: 1px solid #BFAD7D;
   line-height: 145%;
}
#content h1 {
   font: 190% georgia, times, "times new roman", serif;
   color: #57251C; 
   text-align: center;
   background: url('styles/hr.png') no-repeat center bottom;
   padding-bottom: 40px;
}
#content h2, h3 {
   text-shadow: 1px 1px 0 #333;
   color: #A68A76;
   font: 150% georgia, times, "times new roman", serif;
}
#content b {
   font-size: 100%;
   color: #006633;
   font-style: italic;
   font-family: Arial, Helvetica, sans-serif;
}
#left-menu {
   float: left;
   width: 147px;
   margin-left: 16px;
   margin-top: 30px;
   background-color: #ffffff;
}
#right-menu {
    float: right;
   font-size: 12pt;
   width: 170px;
   margin-left: 10px;
   margin-top: 30px;

}
#footer {
   font-weight: bold;
   border-top: 1px #642F07 solid;
   clear: both;
   padding: 15px;
   margin-top: 5px;
   background: #fff url('styles/body5.png');
}

a, a:link, a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}
A:active {
   color: #000; 
   background: #F6C5A1;
}

#recipe {
   word-spacing: 2px; 
   -moz-border-radius: 15px;
   border-radius: 15px;
   color: #333;
   font-size: 13pt;
   padding: 0 20px 40px 20px;
   margin-bottom: 25px;
   border: 7px #A68A76 double;
   font-family: Arial, Helvetica, sans-serif;
   background: #fff url('styles/hr.png') no-repeat center bottom;
}

#recipe-summer {
   word-spacing: 2px; 
   -moz-border-radius: 15px;
   border-radius: 15px;
   color: #333;
   font-size: 13pt;
   padding: 0 20px 40px 20px;
   margin-bottom: 25px;
   border: 7px #99CC99 double;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #fff;
   background: #fff url('styles/hr.png') no-repeat center bottom;
}

#recipe-party {
   word-spacing: 2px; 
   -moz-border-radius: 15px;
   border-radius: 15px;
   color: #333;
   font-size: 13pt;
   padding: 0 20px 40px 20px;
   margin-bottom: 25px;
   border: 7px #99CC99 double;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #fff;
   background: #fff url('styles/hr.png') no-repeat center bottom;
}

/* ------------------------------
mainnav styles
------------------------------ */

#mainnav {
   float: center;
   text-align: center;
   color: #272900;
   padding: 0;
   margin: 0 13px 22px 13px;
   font-weight: bold;
}

#mainnav ul
{
   text-align: center;
	margin: 25px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#mainnav li {
   display: inline;
   border-bottom: 1px solid #57251C;
   background-color: #fff;
   border-radius: 6px;
   box-shadow: inset 0 1px 6px #fff, inset 0 -15px #F5E2B8, 0 0 3px #57251C;
   -o-box-shadow: inset 0 1px 6px #fff, inset 0 -15px #F5E2B8, 0 0 3px #57251C;
   -webkit-box-shadow: inset 0 1px 6px #fff, inset 0 -15px #F5E2B8, 0 0 3px #57251C;
   -moz-box-shadow: inset 0 1px 6px #fff, inset 0 -15px #F5E2B8, 0 0 3px #57251C;
   text-shadow: 0 1px #fff;
   padding: 5px 30px;
}

#mainnav li a
{
   text-shadow: 1px 1px 0 #fff;
   text-decoration: none;
   color: #333;
}

#mainnav li a:hover
{
   text-shadow: 1px 1px 1px #ccc;
	color: blue;
}