body { background-color: #E3D5BB; font-family: Verdana; margin: 5px; color: #9FB0BA; }
h1 { font-size: 16px; margin: 2px; padding: 0px; }
h2 { font-size: 12px; }
p { font-size: 11px; margin-left: 10px; margin-top: 6px; padding: 0px; }
a:link { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; }
a:visited { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; }
a:hover { color: #DDE3E7; font-size: 10px; font-weight: bold; text-decoration: none; }

#content { margin: 0 auto; position: relative; width: 800px; height: 570px; background-color: #FFFFFF; }

/* header */
#header { position: absolute; top: 17px; left: 17px; width: 766px; height: 107px; background-color: #9FB0BA; }
#topimage1 { position: absolute; left: 0px; }
#topimage2 { position: absolute; left: 186px; }
#topimage3 { position: absolute; left: 328px; }
#topimage4 { position: absolute; left: 471px; }
#topimage5 { position: absolute; left: 618px; }

/* Main Navigation*/
#nav { position: absolute; top: 130px; left: 17px; width: 766px; background-color: #9FB0BA; }
.active { background-color: #DDE3E7; color: #AEBDC6; height: 14px; }
.active a:link { color: #AEBDC6; }
.active a:visited { color: #AEBDC6; }
.active a:hover { color: #AEBDC6; }

/* Main Content */
#body1 { position: absolute; top: 155px; left: 17px; width: 766px; height: 397px; background-color: #FFFFFF; background-image: url(images/background1.jpg);}
#body2 { position: absolute; top: 155px; left: 17px; width: 766px; height: 397px; background-color: #FFFFFF; background-image: url(images/background2.jpg);}
#body3 { position: absolute; top: 155px; left: 17px; width: 766px; height: 397px; background-color: #FFFFFF; background-image: url(images/background3.jpg);}
#body4 { position: absolute; top: 155px; left: 17px; width: 766px; height: 397px; background-color: #FFFFFF; background-image: url(images/background4.jpg);}
#body5 { position: absolute; top: 155px; left: 17px; width: 766px; height: 397px; background-color: #FFFFFF; background-image: url(images/background5.jpg);}
#body6 { position: absolute; top: 155px; left: 17px; width: 766px; height: 397px; background-color: #FFFFFF; background-image: url(images/background6.jpg);}
#leftimage { position: absolute; left: 0px; top: 0px; }
#copy { position: absolute; left: 138px; top: 10px; overflow: auto; width: 340px; }
#rightimage { position: absolute; right: 0px; top: 0px; }

/* Bits n bobs */
#quoteauthor { position: absolute; left: 34px; top: 305px; width: 100px; text-align: center; }
#quoteauthor p { color: #FFFFFF; font-size: 9px; margin: 0px; }

#quoteauthorlink { position: absolute; left: 18px; top: 332px; }
#quoteauthorlink a:link { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; }
#quoteauthorlink a:visited { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; }
#quoteauthorlink a:hover { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; }

#quoteauthor2 { position: absolute; left: 34px; top: 340px; width: 100px; text-align: center;}
#quoteauthor2 p { color: #FFFFFF; font-size: 9px; margin: 0px; }

#quoteauthorlink2 { position: absolute; left: 19px; top: 365px; }
#quoteauthorlink2 a:link { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; }
#quoteauthorlink2 a:visited { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; }
#quoteauthorlink2 a:hover { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; }

#quoteauthor3 { position: absolute; left: 37px; top: 305px; width: 100px; text-align: center;}
#quoteauthor3 p { color: #FFFFFF; font-size: 9px; margin: 0px; }

#quoteauthorlink3 { position: absolute; left: 29px; top: 365px; }
#quoteauthorlink3 a:link { color: #FFFFFF; font-size: 7px; margin: 0px; text-align: center; }
#quoteauthorlink3 a:visited { color: #FFFFFF; font-size: 7px; margin: 0px; text-align: center; }
#quoteauthorlink3 a:hover { color: #FFFFFF; font-size: 7px; margin: 0px; text-align: center; }

#recipelink { position: absolute; left: 30px; top: 516px; width: 100px; text-align: center; }
#recipelink a:link { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; text-decoration: underline; }
#recipelink a:visited { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; text-decoration: underline; }
#recipelink a:hover { color: #FFFFFF; font-size: 8px; margin: 0px; text-align: center; text-decoration: underline; }

#contact { position: absolute; left: 18px; top: 200px; }
#contact h4 { font-size: 10px; color: #FFFFFF; margin: 4px;  }
#contact p { font-size: 10px; color: #FFFFFF; margin: 4px; }
#contact a:link { font-size: 8px; line-height: 12px; }
#contact a:visited { font-size: 8px; line-height: 12px; }
#contact a:hover { font-size: 8px; line-height: 12px; }

/* drop downs */
#goodie { position: absolute; left: 170px; top: 360px; }
#natural { position: absolute; left: 350px; top: 360px; }
#spice { position: absolute; left: 170px; top: 520px; }
#chocolate { position: absolute; left: 350px; top: 520px; }
.archiveweek {
	font-size: 8px;
	color: #9FB0BA;
	background-color: #DDE3E7;
	padding: 3px 3px 0px 3px;
	margin-bottom: 6px;
	height: 14px;
	width: 120px;
	text-align: center;
}
.archiveweek a, .archiveweek a:visited {
	font-size: 8px;
	text-decoration: none;
	color: #9FB0BA;
	background-color: #DDE3E7;
}
.archiveweek a:hover {
	font-size: 8px;
	text-decoration: underline;
	color: #9FB0BA;
	background-color: #DDE3E7;
}
.archiveitem {
	font-size: 8px;
	color: #9FB0BA;
	text-decoration: none;
	text-align: center;
	background-color: #DDE3E7;
	padding: 2px; 
}
.archiveitem a, .archiveweek a:visited {
	font-size: 8px;
	text-decoration: none;
	color: #9FB0BA;
	background-color: #DDE3E7;

}
.archiveitem a:hover {
	font-size: 8px;
	text-decoration: underline;
	color: #9FB0BA;
	background-color: #DDE3E7;
}
#bridgetext { position: absolute; top: 490px; left: 535px; width: 240px; }
#bridgetext p { color: #FFFFFF; text-align: center; }