@import url("reset.css");
HTML, BODY, FORM
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
BODY
{
	background: url('../IMAGES/bg.png') no-repeat fixed center 0;
	font: normal 11px tahoma;
}
#wrapper	
{
	width: 993px;
	min-height: 300px;			
	background: url('../IMAGES/table_main_bg.png') repeat-y 0 0;
	padding: 0px;
	margin: 0px auto;
}
#wrapper #header
{
	height: 165px;
	min-height: 165px;
	width: 100%;
	background: url('../IMAGES/table_main_top.png') no-repeat 0 0;
}
#wrapper #header img
{
	width:100%;
	height:100%;
}
#wrapper .google
{
	height: 90px;
	width: 728px;
	margin:0px 130px;
}
#wrapper #content
{
	min-height: 215px;
	width: 962px;
	margin:0px 0px 0px 15px;
}
#wrapper #footer
{
	height: 50px;
	width: 100%;
	background: url('../IMAGES/table_main_bottom.png') no-repeat 0 0;
}
a
{
	text-decoration: none;
}


.List
{
}
.List .Header{font: bold 12px arial; background: green; color: White; height: 30px;text-align:left;vertical-align:middle; margin-left:5px;padding-left:5px;}
.List .Header td{padding-left:10px;}
.List .Item
{
	height: 25px;text-align:left;
}
.List .Item:hover, .RecipeList .AlternatingItem:hover
{
	height: 25px;
	cursor: pointer;
	background: PaleGreen;
}

.Container
{
	border: 0px solid red;
	width:962px;
	margin: 0px;
	padding: 0px;
}
.Container h1
{
	border: 1px solid #e1dede;
	padding: 4px;
	margin: 10px;
	text-align:left !important;
}
.recipe 
{
	border:0px solid red;
}
.recipe h2
{
	margin: 10px;
}
.recipe .content
{
	float:left;
	width:897px;
	border: 1px solid silver; 
	background: white; 
	padding: 20px; 
	margin: 10px; 
	line-height: 20px;
	text-align:left	;
	color: Black;
	font: 13px verdana; 
}	
.recipe .materials
{
	float:left;
	width:400px;
	border:0px solid red;
	height:100%;
}

.recipe .content .materials h5
{
	margin:10px 0px 0px 20px;
}
.recipe .content p
{
	margin: 10px;
}
.recipe .content .pic
{
	float:left;
	width:480px;
	border:0px solid red;
	overflow:hidden;
	text-align:center;
	height:100%;
	line-height:400px;