body {
  font: 100% Arial, Helvetica, sans-serif #000;
  background-color: #EBE1A5;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
  color: #000;
}

html { overflow: -moz-scrollbars-vertical !important; }

a:link {
	color: #6D6DB3;
}
a:visited {
	color: #4C4C98;
}
a:hover {
	color: #9B9BFD;
}
a:active {
	color: #4C4C98;
}
img {
	border: 0;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	font-size: 20px;
	font-weight: normal;
	color: #333;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
}
.toptext {
	font-size: 11px;
	color: #000;
	margin: 0;
	}

/* PAGE LAYOUT */

#container { 
	width: 920px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 5px solid #FFF;
}
#corner {
	width: 210px;
	height: 213px;
	border-right: 5px solid #FFF;
}
#menuHome {
  display: block;
  width: 141px;
  height: 22px;
  background: url("../images/menu_home.gif") no-repeat 0 0;
}
#menuBook {
  display: block;
  width: 141px;
  height: 22px;
  background: url("../images/menu_book.gif") no-repeat 0 0;
}
#menuCookin {
  display: block;
  width: 141px;
  height: 22px;
  background: url("../images/menu_whats_cookin.gif") no-repeat 0 0;
}
#menuTown {
  display: block;
  width: 141px;
  height: 22px;
  background: url("../images/menu_around_town.gif") no-repeat 0 0;
}
#menuAuthor {
  display: block;
  width: 141px;
  height: 22px;
  background: url("../images/menu_author.gif") no-repeat 0 0;
}
#menuHome:hover, #menuBook:hover, #menuCookin:hover, #menuTown:hover, #menuAuthor:hover { 
  background-position: 0 -22px;
}
#menuHome span, #menuBook span, #menuCookin span, #menuTown span, #menuAuthor span {
  display: none;
}
#leftColumn { 
	margin: 0; 
	padding: 0; 
	width: 210px;
	background-color: #98C5E1;
	background-image: url(../images/left_column.jpg);
	background-repeat: repeat-y;
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
#rightContent { 
	margin: 0; 
	padding: 20px 38px 30px 38px;  
	width: 629px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	background-color: #C3DDEE;
	border-top: 5px solid #FFF;
}
.pageTitle { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #12699F;
	margin-bottom: 25px;
}
.recipeTop {
	width: 630px;
	height: 9px;
	background-image: url(../images/recipe_top.jpg);
	background-repeat: no-repeat;
}
.recipe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	width: 590px;
	background-image: url(../images/recipe_bg.jpg);
	background-repeat: repeat-y;
	padding: 0 20px 5px 20px;
}
.recipeTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.recipeCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E01831;
}
.quoteCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-top: 15px;
}
.recipeBottom {
	width: 630px;
	height: 16px;
	background-image: url(../images/recipe_bottom.jpg);
	background-repeat: no-repeat;
}
.newsTop {
	width: 630px;
	height: 9px;
	background-image: url(../images/news_top.jpg);
	background-repeat: no-repeat;
}
.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	width: 590px;
	background-image: url(../images/news_bg.jpg);
	background-repeat: repeat-y;
	padding: 0 20px 5px 20px;
}
.newsBottom {
	width: 630px;
	height: 16px;
	background-image: url(../images/news_bottom.jpg);
	background-repeat: no-repeat;
}
.photo { 
	margin: 0;
	padding: 0 0 10px 10px; 
	border: 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.headline {
	color: #68940D;
	font-weight: bold;
	font-size: 14px;
}
.green {
	color: #68940D;
	font-size: 12px;
}

/* Footer
----------------------------------------------- */
#footer {
  width:930px;
  margin:0 auto;
  padding: 5px 20px 40px 0;
  text-align: right;
  }
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #333366;
}
#footer a:hover {
	color: #68940D;
}