/** This controls putting the footer on the bottom of the screen **/

body {
	margin:0;
	padding:0;
	font-family:Sans-Serif; 
	font-size:12px;
}
#topper {
	padding:0;
	margin:0;
}

#footer {
	width:100%; /** If you make it 100% it will wrap **/
	margin:0;
	padding:0;
	position: absolute;  /* Needed for Safari */
	text-align:center;
}

#content {
	margin:0;
}


.menu  { 
	color: #305B53;
    font-family: comic-sans, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    margin-left: 14px;
    margin-top: 2px;
    margin-bottom: 15px;
	display:block;
	text-decoration:none;
	
    }

.submenu {
	color: #305B53;
    font-family: comic-sans, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
	text-decoration:none;
}
		
div#recipe ul {
	display: none;
	position: absolute;
	font-weight: normal;	
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom:1em;
	margin:0;
	list-style:none;
	width:10em;
	top:330px;
	left:50px;
	border-left-style:solid;
	border-left-color:black;
	border-left-width:1px;
	border-top-style:solid;
	border-top-color:black;
	border-top-width:1px;
	background-image: url(images/menu_background.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}

#recipe:hover ul {
	display:block;
}
div#recipe>ul {
	top:auto;
}

.product_description {
	padding:1em;
	line-height:1.5;
}

.recipe_list {
	text-align:center;
	height:457px;

}