body
{
background-color: #FFFFFF;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
}

h1
{
margin-top: 0px;
margin-bottom: 0px;
font-size: x-small;
font-weight: bold;
color: #FFFFFF;
}

h2
{
margin-top: 0px;
margin-bottom: 0px;
font-size: x-small;
font-weight: bold;
color: #CC9900;
}

h3
{
margin-top: 0px;
margin-bottom: 0px;
font-size: x-small;
font-weight: bold;
color: #FF0000;
}

p
{
margin-top: 2px;
margin-bottom: 2px;
}

a
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

/* sections */

div.container
{
padding: 0px;
font-size: x-small;
color: #575757;
}

div.header
{
background-color: #000000;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
}

div.content
{
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
border-top: 1px solid #DCDCDC;
}

div.menu
{
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
border-top: 1px solid #DCDCDC;
}

div.footer
{
padding-top: 2px;
padding-left: 4px;
border-top: 1px solid #DCDCDC;
font-size: xx-small;
}

/* classes */

a.menu
{
font-weight: bold;
color: #000000;
}

a.menu:visited
{
color: #000000;
}

span.key
{
background-color: #000000;
color: #FFFFFF;
}

ul.ingredients
{
margin-top: 4px;
margin-left: 28px;
margin-bottom: 4px;
}

ol.method
{
margin-top: 4px;
margin-left: 36px;
margin-bottom: 4px;
}