html, body { margin:0px auto; padding:0; text-align:center; width: 770px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
body {  width: 770px; font-size: 100%; }

img {margin: 0; padding: 0; border: 0; }

.r { float: right;}
.l { float: left; }

.s8 { width:8px;}
.s20 { width:20px;}
.s30 { width:30px;}
.s40 { width:40px;}
.s50 { width:50px;}
.s80 { width:80px;}
.s125 { width:125px;}
.s200 { width:200px;}
.s250 { width:250px;}
.s350 { width:350px;}

form { margin: 0; padding: 0; }

div.clear { clear:both; width: 100%; display:block; height:1px;}

/***************************************************************/
/********************* STRUCTURE *******************************/
/***************************************************************/
#holderHome{ margin:0; padding:0; width:770px; text-align:center; background: url(../img/bg_greyline.gif) repeat-y;}
#holder{ margin:0; padding:0; width:770px; text-align:center; background: url(../img/bg_content.gif) repeat-y;}
#top{margin:0 1px 0 1px; padding:0; width:768px; height:70px; background-color:#FFFFFF}
#logo {margin:0; padding:7px 0 0 13px; float:left;}
#middle { margin:0 1px 0 1px; padding:0; clear:both;  width:768px;}
#leftcolHome { margin:0; padding:0;  width: 248px; float:left; text-align:left;  font-size: 0.7em; }
#leftcol {display:none; margin:0; padding:0;  width: 154px; float:left; text-align:left;  font-size: 0.7em; }
#homerightcol {margin:0; padding:0; width:520px; float:left; text-align:left; }
#rightcol {margin:0; padding:0; height: 100%; width:614px; float:left; text-align:left; }
/***************************************************************/
/************************ HOME STUFF *************************/
/***************************************************************/
#recipeOfMonth{margin:0; padding:0; width:90%; min-height: 100%;  border-right:0px solid #B8B5B4; background-color: #FFF}
#recipeOfMonth h1{display:none; margin:-2px 0 0 0; padding:1px 0 0 0; border-top:0px solid #B8B5B4; background-color: #FFF}
#recipeOfMonth h2{margin:0; padding:8px 2px 5px 10px; color:#666666; font-size:1em; font-weight:bold}
#recipeOfMonth p{margin:0; padding:2px 2px 5px 10px; color:#666666; font-size:1em; line-height: 1.5em}
#recipeOfMonth img{display:none;}

#home_feature{margin:0; padding:0; width:90%; float:left}
#home_feature_text{margin:0; padding:10px 0 0 10px; width:90%; text-align:left}
#home_feature_text h1{margin:0; padding:10px 0 0 0;}
#home_feature_text p{margin:0; padding:5px 0 0 20px; color:#666666;  font-size: 0.7em; line-height: 1.5em}
#home_feature img{display:none}

#recipes { margin:0 1px 0 0; padding:0; width:90%; clear:both; text-align: left;}
#searchRecipes{display:none; margin:0; padding:0; float:left; width:247px; background-color:#F8F8F8; border-right: 1px solid #BFBFBF;}
#searchRecipes h1{margin:0; padding:0; border:1px solid #BCBCBC; border-width:1px 0 1px 0}
#searchRecipes p{margin:0; padding:5px; color:#666666; font-size:0.6em;}
#searchRecipes img{margin-right:5px; padding:0;}

#recipesCat{margin:0; padding:0; width:90%; float:left }
#recipesCat h1{margin:0; padding:0; border:0px solid #BCBCBC; border-width:0}
.recipeCatBox{margin:0; padding:0; width:90%; float:left;}
.recipeCatBox_text{margin:0; padding:0; width:90%; float:left;}
.recipeCatBox_text h2{margin:0; padding:5px 0 0 5px; color:#666666; font-size:0.7em; font-weight:bold}
.recipeCatBox_text p{margin:0; padding:0; color:#666666; font-size:0.6em;}
.recipeCatBox_text ul{margin:0; padding:3px 0 0 0; color:#666666; font-size:0.7em; list-style:none}
.recipeCatBox_text li{margin:0; padding:0 0 0 16px;  background: url(../img/bullet_diamond.gif) no-repeat;  }
.recipeCatBox img{display:none; padding:0; border-left:0px solid #669D72}
.recipeCatBox img{display:none; margin:0 0 0 -3px; voice-family:"\"}\""; voice-family:inherit; margin:0; }
#dummy { }
/*.recipeCatBox img{margin:0; padding:0; border-left:2px solid #669D72}*/

/***************************************************************/
/*************************** FOOTER ****************************/
/***************************************************************/
#footer { margin:0; padding:0; width:90%; clear:both; text-align:left; border-top: 1px solid #BFBFBF}
#footer p{margin:0; padding-top:3px; font-size:0.65em; color:#666}


/***************************************************************/
/************************** MENU *******************************/
/***************************************************************/

#menu{display:none; margin:0 1px 0 1px; padding:0; height:26px; background-color: #558D61; width: 768px}
#menu ul{margin: 0; padding: 5px 0 21px 0;  list-style: none;  font: bold 0.7em Verdana;}
#menu li{margin: 0 0 0 39px; padding:0 4px 0 4px; float:left; list-style: none}
#menu li.first{margin: 0 0 0 8px}
#menu li.on{color: #FAF9AA}
#menu li a{color:#FFF; text-decoration: none; float: left;}
#menu li a.on{color: #FAF9AA}
#menu li a:LINKS{color:#FFF;}
#menu li a:VISTED{color:#FFF;}
#menu li a:HOVER{color:#FAF9AA; text-decoration: underline;}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#mainmenu a {float:none;}
  /* End IE5-Mac hack */

/***************************************************************/
/********************** SUB MENU *******************************/
/***************************************************************/

#subMenu{display:none; margin:0; padding:0; width:152px; height: 100%; min-height:100%; }
#subMenu ul{margin: 0; padding: 0 0 10px 0; list-style: none;  font: bold 1em Verdana; color:#666666;}
#subMenu li{margin: 0; padding:10px 10px 10px 20px; list-style: none; border-bottom: 1px solid #ffffff;}
#subMenu li.last{border-bottom: 0px solid #ffffff;}
#subMenu li.on{color: #666; background-color:#C9DAC8;}
#subMenu li a.on{color: #666;}
#subMenu li a{color:#666666; text-decoration: none;}
#subMenu li a:LINKS{color:#666666;}
#subMenu li a:VISTED{color:#666666;}
#subMenu li a:HOVER{color:#666666; text-decoration: underline;}
/*********** SUB SUB ***********/
#subMenu li.subSub{margin: 0; padding:6px 10px 6px 30px; list-style: none; font-weight:bold;  color:#666666;  background: White url(../img/bullet_subSub.gif) no-repeat;  }
#subMenu li.subSub a{font-weight:normal;}
/***************************************************************/
/*********************** CONTENT *******************************/
/***************************************************************/
#content {margin:0 0 20px 0; padding:10px 0 0 20px;}

#content h1 { margin:0; padding: 0;}
#content h2 { margin:0; padding: 10px 0 0 0;  font-size: 0.8em; color: #558D61; }
#content h3 { margin:0; padding: 10px 0 0 0;  font-size: 0.7em; color: #558D61;}

#content p {margin:0; padding:5px 10px 0 0; color:#3E3E3E; font-size: 0.7em; line-height: 1.5em}

#content ul{margin:8px 0 0 0; padding:0; font-size:0.7em; color:#3E3E3E}
#content li{margin: 0; padding:0 0 0 18px; list-style: none; background: White url(../img/bullet_diamond.gif) no-repeat;  }

#content dl { margin:0; padding: 10px 0 0 0;  font-size: 0.7em; color: #666666;}
#content dt {margin:10px 0 0 0; padding:0; font-weight:bold}
#content dd {margin:0; padding:0; font-weight:normal}

/***************************************************************/
/************************* LINKS *******************************/
/***************************************************************/
a.specialLink{margin:0; padding:0; color: #088E26; font-weight:bold}
a:LINK.specialLink{margin:0; padding:0; color: #088E26; font-weight:bold}
a:VISITED.specialLink{text-decoration:none;  color: #088E26; }

a{color: #106A23; text-decoration:none}
a:link{}
a:visited{}
a:hover{text-decoration:underline}

/***************************************************************/
/********************** PRODUCTS DISPLAY ***********************/
/***************************************************************/
#products{margin:20px 0 0 0; padding:10px; width:450px}
#products .prodDisplay{margin:10px 0 10px 0; padding:0;}
#products .prodText{margin:0; padding:0;}
#products .prodText h3{margin:0; padding:0; font-size: 0.75em}
#products .prodText p{margin:0; padding:10px 0 0 0;}
#products img{margin:0 10px 0 0; border:1px solid #979696}
#products .seperator{margin:10px 0 10px 0; padding:0; height:25px; clear:both;  background: url(../img/seperator.gif) no-repeat;  }
/***************************************************************/
/*************************** NEWS ******************************/
/***************************************************************/
#news{}
#news dl { margin:0; padding: 10px 0 0 0;  font-size: 0.7em; color: #666666;}
#news dt {margin:10px 0 0 0; padding:0; font-weight:bold}
#news dd {margin:0; padding:0; font-weight:normal}
#news h3{color:#666666}
#news span.date{font-weight:normal; font-style: italic;}

/***************************************************************/
/********************** OPTIONS LIST ***************************/
/***************************************************************/
#recipeDetails{margin:0 0 0 20px; padding:0; float:right; width:187px; background-color:#F8F8F8; border: 1px solid #BFBFBF; border-width:1px 0 1px 1px}
#recipeDetails h1{margin:-3px 0 0 0; padding:0; border-top:1px solid #B8B5B4;}
#recipeDetails h2{margin:0; padding:10px 0 0 7px; font-size:0.75em; color:#666666;}
.options{margin:0; padding:0}
.options ul{margin:0; padding:3px 0 15px 3px; list-style:none; color:#666666;}
.options li{margin:0; padding:5px 7px 0 30px; font-size:0.7em; list-style:none}
.options li.print{ background: url(../img/bullet_pring.gif) no-repeat; }
.options li.email{ background: url(../img/bullet_email.gif) no-repeat; }
.options li.shopList{ background: url(../img/bullet_shopList.gif) no-repeat; }
.options li.back{ background: url(../img/bullet_back.gif) no-repeat; }
.options li.search{ background: url(../img/bullet_search.gif) no-repeat; }
.options li.plain{margin:0; padding:5px 7px 0 10px;}
.options li.recipe{ margin:3px 0 0 0; padding:1px 0 3px 25px; background: url(../img/bullet_recipe.gif) no-repeat; }
.options li a{color:#666666; text-decoration:none}

/***************************************************************/
/******************* FORM SCREENS ****************************/
/***************************************************************/
#form{margin:0; padding:20px 0 0 5px; width:90%;}
#form h2{margin:10px 0 0 0; padding:7px 0 7px 40px; color:#558D61; background-color:#fff; border:1px solid #B8B5B4; border-width:0 0 1px 1px;}

#form h2.season{ background: url(../img/icon_season.gif) no-repeat;  }
#form h2.generic{ background: url(../img/icon_generic.gif) no-repeat;  }
#form h2.course{ background: url(../img/icon_course.gif) no-repeat;  }
#form h2.ingredient{ background: url(../img/icon_ingredient.gif) no-repeat; }
#form h2.product{ background: url(../img/icon_product.gif) no-repeat;  }
#form p{margin: 0; padding: 5px 5px 0 8px; background-color:#F3F6F3;}
#form .formSection{margin:5px 0 20px 0; padding:5px; font-size:1em; color:#666666;}
#form .formSection ul{margin:0 0 10px 0; padding:0; color:#666666; list-style:none; font-size:1em;}
#form .formSection li{margin:0; padding:0 0 0 10px; float:left; background: none;}
/**table**/
#form table{width:98%;}
#form table td{margin:0; padding:5px}
#form table tr.alt{background-color:#F3F6F3}
/**button**/
.action{margin:0; padding:0 0 20px 0;  text-align:center; border: 1px solid #B8B5B4; border-width:1px 0 0 0}
.butt {margin:0; padding:5px 5px 5px 5px; width:100px; text-align:center; font-weight: bold; font-size: 0.7em; color:#FFF; background-color:#558D61;  border: thin outset Gray;  display: block;   }
.butt a{color:#fff; text-decoration:none}
/**form elements**/
label {font-size:0.7em; color:#3E3E3E;}
input.tf {border: 1px solid  #808080; font-size:0.7em; color:#3E3E3E;}
select.sel {border: 1px solid  #808080; font-size:0.7em; color:#3E3E3E;}
/**results**/
#searchResults{}
#searchResults dl { margin:0; padding: 10px 0 0 0;  font-size: 0.7em; color: #666666;}
#searchResults dt {margin:10px 0 0 0; padding:0; font-weight:bold}
#searchResults dd {margin:0; padding:0; font-weight:normal}
/***************************************************************/
/*********************** FORMS *********************************/
/***************************************************************/
