/* CSS Document */
body {background-color:#999999; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px; margin:0px;}

/* ----------container to center the layout-------------- */
#container {width: 780px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}

/* ----------banner for logo-------------- */
#banner {text-align: left; height: 122px;  background-color:#999999; padding: 0px; margin: 0px; background: url('bgnd_recipe.png') no-repeat left 0; _background: url('bgnd_recipe.gif') no-repeat left 0;}

/* ----------top navigation-------------- */
#nav-bar-wrapper {float:right; margin-right: 50px; width: 400px; _margin-top: -3px;}
ul#nav-bar {margin-left: 0px; padding-left: 0px; white-space: nowrap;}
#nav-bar li {display: inline; list-style-type: none; font: 11px/18px Tahoma, verdana, sans-serif; font-weight: bold;}
#nav-bar a {padding: 3px 10px;}
#nav-bar a:link, #nav-bar a:visited {color: #fff; background-color: #3f515d; text-decoration: none;}
#nav-bar #active a {color: #3f515d;	background-color: #D1D5C4;}
#nav-bar a:hover {color: #3f515d; background-color: #d9e0ce; text-decoration: none;}

#head-wrapper {float:left; margin-top: 62px; _margin-top: 75px; padding-bottom: 0px; width: 780px;}
#head {float:left; padding-left: 20px; margin-top: 20px; padding-bottom: 0px; width: 200px;}
p.pageTitle {color: #3f515d; font: 16px arial, verdana, sans-serif;	font-weight: bold;}

/* -----------------content--------------------- */
#content {float:left; width: 770px; background-color: #ffffff; padding: 0 0 0 10px; margin-top: -10px; _margin-top: 0px; margin-right: 0px;}
#content-left {float:left; width: 610px;}
div#content { min-height:600px; height:expression(this.scrollHeight > 600 ? "auto":"600px"); }

#download {width: 500px;}
#download a:link, #download a:visited {font-size: 14px; font-family: Verdana, Arial, Sans-Serif; text-decoration: none;}

p.cat {clear:both; color: #3f515d; font: 14px arial, verdana, sans-serif; font-weight: bold; padding-bottom: 10px; padding-top: 10px; padding-left: 20px;}

#recipebox {clear:both; width: 500px; height: 80px; float: left; padding: 5px; margin-left: 20px; margin-bottom: 10px; text-align: left; background: #F2F2F3;}
#recipeImg {float: left; width: 125px; height: 70px; padding: 0px; margin: 0 auto; vertical-align: middle}
#recipeImg img { background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: 0 auto; padding: 4px; position: relative; text-align:center;}
#recipeImgInfo {float: left; width: 300px; height: 70px; padding: 4px 4px 4px 10px; }


/* --------------right ad------------- */
#right {float: right; width: 150px; margin: 0; padding: 0px;}

#banner-ad { margin-left: 20px;}

/* -----------footer--------------------------- */
#footer {clear: both; height: 23px; padding: 0px; text-align:center; background: url('footer_recipe.png') no-repeat left 0; _background: url('footer_recipe.gif') no-repeat left 0;}
p.footerContent {position: relative; color:#e9ece3; font: 10px arial, verdana, sans-serif;}