body {
	margin:0;
	padding:0;
	
	background:url("res/backpattern.gif") top center no-repeat;
	color:#000;
	
	font-family:Verdana, Helvetica, sans-serif;
	font-size:0.7em;
	}
  
a {
  color:#aa0000;
  }

a:visited {
  color:#dd0000;
  }
  
/* To fix disappearing text in some IE6/AOL rendering.  Does it fix this on index and recipes? \*/
div {
  height: 1%;
}

#innercontent div {
  margin:10px 0;
}
/* End hide from IE5-mac */
  
  
a.pdf {
  padding:0 0 0 20px;
  background: url("res/pdf.gif") no-repeat top left;
  }
  
#header {
	width:660px;
	height:80px;
	background: #fff;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding-top:10px;
	}

#title {
	position:relative;
	margin:10px 0 10px 10px;
	display: block;
	width: 660px;
	height: 89px;
	background: url("res/namehead.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
	}

/* ------------------------------ */
/* NAVIGATIONAL TAB STYLES  BEGIN */

#nav {
	position:relative;
	width:679px;
	height:30px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

#nav div {
	width:100%;
	float:left;
	line-height:normal;
	margin-top:0;
	margin-bottom:0;
	}

#tabs {
	position: absolute;
	bottom: 0;
	left: 0;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	list-style:none;
	}

#tabs li {
	list-style:none;
	float:left;
	}

#tabs li a {
	margin:0px 0 0 1px;
	padding:0 0 0 8px;
	float:left;
	text-decoration:none;
	background:url('res/norm-left.gif') no-repeat left top;
	}

#tabs li a span {
	display:block;
	padding:6px 10px 6px 4px;
	background:url('res/norm-right.gif') no-repeat right top;
	color:#fff;
	font-weight:bold;
	}


	#tabs li a:hover {
	background-position:0% -120px ! important;
	}

#tabs li a:hover span {
	background-position:100% -120px ! important;
	}
  
#tabs div {
  clear:none !important;
  }
/* NAVIGATIONAL TAB STYLES END    */
/* ------------------------------ */


/* ------------------------------ */
/* CONTENT AREA STRUCTURE BEGIN   */

#content {
	width:660px;
  margin:0 auto 10px auto;
	border-top:5px solid #AA0000;
  font-size:1.2em;
	}

#innerContent {
	padding:30px;
	margin:0px 0 10px 0;
	background: #fff;
	min-height: 30em;
	}

/* CONTENT AREA STRUCTURE END     */
/* ------------------------------ */

/* ------------------------------ */
/* CONTENT AREA FORMAT BEGIN      */

h1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:1.8em ! important;
  padding:0;
  margin:0;
  font-weight:normal;
  color:#aa0000;
	}
  
h2 {
  color:#000;
  font-weight:bold;
  font-size:1.1em ! important;
  }
  
h3 {
  font-size:1.1em ! important;
  font-family:Verdana, Helvetica, sans-serif;
  color:#666;
  font-weight:bold;
  }

ul.list {
	list-style:square outside;
	max-width:600px;
	}

ul.list li {
	margin-bottom:0.5em;
	}

span.name {
	font-weight:bold;
	}
  
div.recipe-promo {
  clear:both;
  margin:0px 0 20px 0;
  display:block;
  padding:0px 0 20px 0;
  }

/* CONTENT AREA FORMAT END        */
/* ------------------------------ */

/* ------------------------------ */
/* FOOTER STYLES BEGIN            */

#footer {
	height:2em;
	background:#fff;
  text-align:center;
	}

#footer div {
  clear:both;
	padding-top:5px;
	margin:0 auto 20px auto;
  border-top:1px solid #AA0000;
	}

#footer div a {
	text-decoration: none;
	}

#footer div a:hover {
	text-decoration: underline;
	}

/* FOOTER STYLES END              */
/* ------------------------------ */