#container
{
width: 95%;
margin: 10px auto;
background-image: url(images/Image5.jpg);
border: 1px solid gray;
line-height: 130%;
clear: both;
}

TD { 
background : #f9d6dc; 
text-align : center; 
font : italic small-caps normal 14px Serif; 
clear: both
} 


#top
{
height: 100px;
padding: .5em;
background-color: #F2F3F8;
background-position: 0% 0%;background-repeat: no-repeat;
}

#top h1
{
padding: .5em;
margin: 0;

font-size: x-large; font-style: italic; text-align: center; color: navy;
}

#top h2
{
padding: .5em;
margin: 0;
font-style: italic; font-size: small; color: maroon;
text-align: center;
}


a.list:link
{
color: navy; 
font-weight: bold;
text-decoration: underline;
}

a.list:active
{
color: teal;
font-weight: bold;
text-decoration: none;
}
 
a.list:visited
{
color: maroon;
font-weight: bold;
text-decoration: none;
}

#leftnav
{
float: left;
margin-left: 0px;
width: 160px;
margin-top: auto; padding-top: 25px;
font-style: italic; font-size: medium; color: navy; text-align: center;
}



#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
font-style: italic; font-size: medium; color: navy; text-align: center;
}


#topcontent
{
margin-top: auto;
margin-left: 200px;
margin-right: 200px;
max-width: 36em;
font-style: italic; font-size: large; color: navy; text-align: center; font-weight: bold;
}




#content
{
margin-top: auto;
margin-left: 200px;
margin-right: 200px;
max-width: 36em;
font: normal normal normal 16px Serif;
}


#contentrecipes
{
margin-top: auto;
margin-left: 200px;
font: normal normal normal 14px Arial, Helvetica, Sans-Serif; color: navy; text-align: center;
}

.sidelinks {
font: italic small-caps normal 10 Serif;
}


.box {
width: 375px;
border: thin solid fuchsia;
 padding:5px;
margin:10px;
}


#bottomheader
{
margin-top: auto;
font: italic normal bold 24px Serif;
color: maroon;
text-align: center;
}

#bottom
{
font: normal normal normal 12px Arial, Helvetica, Sans-Serif; color: navy; text-align: center;

}

.bottombox {
float: left;
margin-top: auto;
margin-left: 35px;
margin-right: 25px;
border: medium dotted olive;
width: 175px;
height: 350px;
 padding:8px;
margin:5px

}

div.clear {
  
  clear: both;
  }

.producttitles
{
font: italic small-caps bold 14px Serif;
color: maroon;
}

#bottomcontent
{
text-align: center;
font: italic normal bold 12px Serif;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font: italic small-caps normal 12px Serif; color: navy;
text-align: center;
}