body {
max-width: 1024px;
background:#7FA16A; 
font-family: Arial, Verdana, sans-serif;
color: #000;
margin:auto;
padding:0;
text-align:center;
}

.solid {	
   border-top: 1px solid #7FA16A;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

a { 
font-weight: bold;
color: #8B4513; 
text-decoration: underline;
background: transparent;
}

a:hover { 
 background: #E7E8B6;
 color: #8B4513;
 }


h1 { font-family: Verdana,Georgia, Arial, sans-serif; font-size: 170%;  color: #8B4513;background: transparent;text-align: center;padding-top:0px;line-height: 150%;}
h2 { font-family: Georgia, Verdana, Arial, sans-serif; font-size: 130%;  color: #8B4513;background: transparent;}
h3 { font-family: Georgia,Verdana, Arial, sans-serif; font-size: 115%;color: #8B4513;background: transparent; }
h4 { font-family: Georgia,Verdana, Arial, sans-serif; font-size: 115%;color: #383838;background: transparent;text-align:center;font-weight:bold; }


/* 
Notice the width:expression part? That's for internet explorer, which doesnt understand max-width commands.
So this works WITH the max-width at the top of this page. If you change that to say 1050px, change both occurences here
to 1050px as well. Otherwise Those using IE wont get the width constraint....their page would expand indefinitely!
Firefox will ignore this part, and IE will ignore the max-width part....you need both of them.

BUT DONT TOUCH THIS PART BELOW UNLESS YOU HAVE READ THE PDF THAT EXPLAINS HOW, AND YOU ARE SURE YOU UNDERSTAND IT!!*/

.main-table {
width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

}


table {
font-family: Verdana, Arial, sans-serif;
font-size: 83%;
color: #000;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

.note {
font-family: Verdana, Arial, sans-serif;
background:#fff; 

color: #666666;
font-style: italic;
} 

.recipelist {
font-family: Verdana, Arial, sans-serif;

} 

.smalltype {
font-family: Verdana, Arial, sans-serif;

} 


td.headerbg {
border-top: 0px #383838 solid;
border-right: 0px #383838 solid;
border-left: 0px #383838 solid;
border-bottom: 0px #383838 solid;
background:#ffffff;
color: #000;
}

td.spacerbg {
border-left: 0px #383838 solid;
background:#fff; 
color: #000;
width: 22%;}

td.contentbg {
padding-right: 25px;
padding-left: 25px;
border-left: 0px #C2C499 solid;
border-right: 0px #C2C499 solid;
background:#fff; 
line-height: 150%;
color: #000;
}


td.rightbg {
width:22%;
color: #000;
background:#fff; 
}

td.leftbg {
padding-left: 25px;
margin-left: 10px;
background: #fff; 
color: #000;
}

td.footerbg {
font-family: Verdana, Arial, sans-serif;
color: #383838;
line-height: 250%;
font-size: 80%;
background:#fff;
text-align: center;
border: 0px
}

td.footerbg a{
color: #383838;
font-weight:normal;}

td.footerbg2 {
font-family: Verdana, Arial, sans-serif;
color: #383838;
line-height: 250%;
font-size: 80%;
background:#ffffff;
text-align: center;
border: 0 px;
}

td.footerbg2 a{
color: #383838;
font-weight:normal;}


td.topbg {
background:#7FA16A;
color: #000;
display: none ; 
}


td.horizontalbg {
font-family: Verdana, Arial, sans-serif;

color: #fff;
background:#ffffff;
}

td.amazonbg {
background:#7FA16A;
font-family: Verdana, Arial, sans-serif;
color: #fff;
}

td.recipeindex {
	line-height: 140%;
	font-size: 110%;	
	padding-right: 5;
	}
	
td.recipeindex a {
	font-weight:normal;
	}

font.highlight {
	font-family: Georgia,Verdana, Arial, sans-serif; 
	font-size: 130%;
	color: #383838;
	font-weight: bold;
	background-color:#E7E8B6;
	}

font.normal {
 font-weight: normal;
  color: #000000; 
  text-decoration: none; }



 font.subhead1 {
	line-height: 300%;
	font-family: Georgia,Verdana, Arial, sans-serif; 
	font-size: 60%;
	color: #383838;
	background: transparent;
	text-align:center;
	font-weight:bold;
}

font.subhead2 {
	color: #8B4513;
	font-size: 70%;
	font-family: Georgia, Arial, sans-serif;
}