body {
background-color: #FFFFFF; 
margin: 0px;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
padding: 0px;}

p { 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-top: 0px; 
text-align: justify;}

ul {
font-weight: bold;
color: #a1080f;}

li {
font-weight: bold;
color: #6b6b26;}

/* specific divs */
#container {
width: 100%;
margin: 0px;
padding: 0px;}

#pageHeader {
background: none;
padding: 0px;
width: 100%;  
margin: 0px}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1  { 
background: none;
margin: 0 auto;text-align: center;
padding: 10px 0px;}

#pageHeader h2 { 
background: none; 
margin: 0px auto;text-align: center;
padding: 10px 0px;}

#pageTitle {
background: none; 
margin: 0px auto;
padding: 10px 0px;}

#pageTitle p {text-align: center;
color: #000000;
font: bold, 24px, "Signboard", Verdana, sans-serif;}

#mapLink {
display: none;
margin: 0px;
padding: 0px;}

/*end container*/

#wrapper {
width: 100%;
margin: 0px;
padding: 0px;}

#nav {
display: none;}

#main {
width: 100%;  
margin: 0px;
padding: 0px;}

#content {
width: 100%;
margin: 0px;
background: none;
padding: 10px 0px;}

#content h3.one, #content h3.two, #content h3.three, #content h3.four, #content h3.five, #content h3.six, #content h3.seven, #content h3.eight, #content h3.plain {
background: none;
color: #000000;
font: bold 18px/32px "Signboard", Verdana, sans-serif;
text-indent: 50px;
letter-spacing: 0.1em;
margin: 0px;
padding-top: 5px;}

#content h4 {
background: none;
color: #000000;
font: bold 14px/28px "Signboard", Verdana, sans-serif;
text-indent: 50px;
margin: 0px;
padding-top: 5px;
text-align: center;}

#content p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000000;
padding: 0px 20px 0px 20px;
text-align: justify;}

/*end main*/

table.recipe {
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: 12px;
color: #000000;
width: 100%;
background-color: #dabd47;
border: 1px #6b6b26 solid;
border-collapse: collapse;
border-spacing: 0px;
height: 150px;}

.recipeHd {
border-bottom: 2px solid #6b6b26;
background-color: #b7b779;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #6b6b26;}

.recipeBod p {
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 10px;
line-height: 16px;
color: #404040;
background-color: #dabd47;
margin: 5px 5px 5px 5px;}

#footer {
width: 100%;
font-weight: bold; 
color: #000000; 
text-align: center;
font-size: 12px;
padding: 10px 0px 0px 0px;}

.copyright {
font-size: 10px;
color: #000000;}

#footer a:link, #footer a:visited {
font-size: 12px;
text-decoration: underline;}

/*end footer*/

/*end wrapper*/