@charset "UTF-8";
#center {
	width: 666px;
	margin-top: 100px;
	margin-right: 151px;
	margin-bottom: 60px;
	margin-left: 151px;
}
#container  {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header  {
	background: #FFFFFF url(webimages/hdr-grn.jpg) no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 980px;
}
.farmers  #header {
	background: #FFFFFF url(webimages/hdr-blue.jpg) no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 980px;
}
.recipes #header {
	background: #FFFFFF url(webimages/hdr-red.jpg) no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 980px;
}
.events #header {
	background: #FFFFFF url(webimages/hdr-tan.jpg) no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 980px;
}
.purchase #header {
	background: #FFFFFF url(webimages/hdr-org.jpg) no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 980px;
}
#header  h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent  {
	background: #FFFFFF url(webimages/bkg-grn.jpg) repeat-y;
	margin: 0px;
	padding: 10px 120px 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.4em;
	text-align: center;
	color: #333333;
}
.farmers #mainContent {
	background: #FFFFFF url(webimages/bkg-blue.jpg) repeat-y;
}
.recipes #mainContent {
	background: #FFFFFF url(webimages/bkg-red.jpg) repeat-y;
}
.events #mainContent {
	background: #FFFFFF url(webimages/bkg-tan.jpg) repeat-y;
	line-height: 1.7em;
}
.purchase #mainContent {
	background: #FFFFFF url(webimages/bkg-org.jpg) repeat-y;
	line-height: 1.7em;
}
.purchase #mainContent2 {
	background: #FFFFFF url(webimages/bkg-org.jpg) repeat-y;
	margin: 0px;
	padding: 0px 120px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.7em;
	text-align: center;
}
.purchase #mainContent2 p {
	margin: 0px;
}
#footer  {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#99CB33 url(webimages/ftr-grn.jpg) no-repeat;
}
.farmers #footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#67669A url(webimages/ftr-blue.jpg) no-repeat;
}
.recipes #footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#9C0F0F url(webimages/ftr-red.jpg) no-repeat;
}
.events #footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CC9933 url(webimages/ftr-tan.jpg) no-repeat;
}
.purchase #footer {
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#D56E3B url(webimages/ftr-org.jpg) no-repeat;
}
#footer  p  {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#mainContent p {
	margin: 0px;
}
.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: right;
	padding: 30px 43px 0px 10px;
	margin-bottom: 0px;
	line-height: 1.9em;
}
.navigation2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: center;
}
.home {
	line-height: 2em;
}
.navigation a:hover {
	color: #CCCCCC;
}
.navigation a {
	text-decoration: none;
	color: #000000;
}
.navigation2 a:hover {
	color: #CCCCCC;
}
.navigation2 a {
	text-decoration: none;
	color: #000000;
}
.nav3 a {
	text-decoration: none;
	color: #7BA32C;
}
.nav4 a {
	text-decoration: none;
	color: #545188;
}
.nav5 a {
	text-decoration: none;
	color: #B71212;
}
.nav6 a {
	text-decoration: none;
	color: #C08922;
}
.nav7 a {
	text-decoration: none;
	color: #FA5B35;
}
.style1 {
	color: #F27A39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
}
.style7 {
	color: #BABABA;
	font-size: 1.1em;
}
.style8 {
	color: #84B130
}
.style7 a {
	color: #BABABA;
	text-decoration: none;
}
.style7 a:hover {
	color: #666666;
	text-decoration: none;
}
.style9 {
	color: #5D5E91
}
.style9 a {
	color: #5D5E91;
	text-decoration: none;
}
.style9 a:hover {
	color: #CCC;
	text-decoration: none;
}
.style10 {
	color: #B71212
}
.style10 a {
	color: #B71212;
	text-decoration: none;
}
.style10 a:hover {
	color: #CCC;
	text-decoration: none;
}
.style11 {
	color: #B71212;
	font-size: 2.2em;
}
.style11 a {
	color: #B71212;
	text-decoration: none;
}
.style11 a:hover {
	color: #666666;
	text-decoration: none;
}
.style12 {
	color: #54527E;
	font-size: 2.2em;
}
.style12 a {
	color: #54527E;
	text-decoration: none;
}
.style12 a:hover {
	color: #666666;
	text-decoration: none;
}
.style13 {font-size: 2em}
.style14 {
	color: #78973B;
	font-size: 2.2em;
}
.style14 a {
	color: #78973B;
	text-decoration: none;
}
.style14 a:hover {
	color: #666666;
	text-decoration: none;
}
.style15 {
}
.style15  a {
	text-decoration: none;
	color: #999999;
}
.style15 a:hover {
	color: #666666;
	text-decoration: none;
}
.style16 {
	font-size: 1.1em;
	color: #D09837;
	font-weight: 700;
}
.style17 a {
	color: #333333;
	text-decoration: none;
}
.style17 a:hover {
	color: #999999;
	text-decoration: none;
}
.o1 #mainContent2 {
	margin: 0px;
	padding: 0px 120px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.7em;
	text-align: center;
}
.red #mainContent {
	background: #FFFFFF;
}
.red #header {
	background: #FFFFFF url(webimages/hdr-wht.jpg) no-repeat;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 980px;
}
.o1 #mainContent2 p {
	margin: 0px;
}