body {
	background: #fff0b7;
	margin: 0; /*margins are set to zero*/
	padding: 0; /*for Opera6*/
}

#PageWrapper {
width: 960px;
}

      
#container {
float: left;
width: 100%;
background: #ffffff;
}

#header {
	height: 85px;
    margin-top: 0;
	margin-left: 0;
	width: 100%;
	margin-bottom: 0;
	margin-right: 0;
	background:  url(../image-files/recipes-topimage960.jpg) no-repeat;
   
}
.Liner {
padding: 10px 10px;
}

#leftcontent {
    float: left;
width: 179px;               
margin-left: -960px;  

}

#webcontent {
	/*The area that holds the primary content*/
    
	margin: 0 180px 0 180px;  
    }

#rightcontent {
	/*to set the right column*/
    float: left;
width: 179px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */
margin-left: -180px; 

}


	
#PageWrapper {
border: 3px solid #c31f1e;   
margin: auto;
background: #ffffff;
}

#navigation {
    font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    line-height:100%;/*line-height set  in order to have the navigation elements better separated*/
	color:#000000;
	font-size:x-small;
	margin:0px 0px 0px 0px;
	text-align:left;
}

.menu {
	font-weight:normal; 
	font-size:x-small; 
	margin: 5px 5px 10px 5px; 
	line-height:18px;
}

#menu3 {
	/*for manual footer links*/
	clear: both;
    padding-right: 0;
	border-top: thin solid #c31f1e;
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	line-height: 22px;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}	


/*Settings for all heading tags*/
h1{
	margin-bottom: 0;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
    text-align: center;
	color: #c31f1e;
	background-color: #ffffff;
}
    

h2{
	margin-bottom: 0;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
    line-height: 15px;
	color: #ffffff;
	border-top: 2px solid #c31f1e;
	border-bottom: 2px solid #c31f1e;
	border-left: 2px solid #c31f1e;
	border-right: 2px solid #c31f1e;
    clear: both;
	margin: 0;
	padding: 1px;
	text-align: center;
	background-color: #c31f1e;
}

h3{
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
     clear: both;
	font-weight: bolder;
	background-color: #ffffff;
}

h4 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #c31f1e;
     clear: both;
	background-color: #ffffff;
}

h5{
	margin-bottom: 0;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
    line-height: 15px;
	color: #ffffff;
     clear: both;
	border-top: 2px solid #c31f1e;
	border-bottom: 2px solid #c31f1e;
	border-left: 2px solid #c31f1e;
	border-right: 2px solid #c31f1e;
	margin: 0;
	padding: 1px;
	text-align: center;
	background-color: #c31f1e;
    
}


h6 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #696969;
     clear: both;
	background-color: #ffffff;
}    
    

.emph {  /*used for Submitted by*/
      font-style: italic;
      font-weight: bold;
      color: #696969;
}



strong, b {font-weight:800;}/*NN 4.xx needs that...*/ 
big {font-size:larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:small; font-style:italic; font-weight: bold; color:#696969; text-align:right;}


a img {border:0.1px none #000000;} 

img {border: 2px solid #c31f1e;}

  
     
ul{/*You can create a special image to use in lists, upload to the Graphics Library and be sure and name it li.gif*/
	list-style-image:url(../images/li.gif);
	list-style-position:outside;
	list-style-type:none;
    line-height:1.5;
}


em, i{ /*sets italics to bold to stand out better*/
	font-weight: bold;
	font-style: italic;
}