/* Midwest Farmers Market CSS Document */

/* Colors
-------------
yellow: ede148
green: 8a9e5a
red: 8a2f1c
*/

body {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(../../images/site/bg.png); background-position: left top; background-color: #8a9e5a;
	}
	
p {
	font-family:Arial, Helvetica, sans-serif;
}

.date {font-family: Arial, Helvetica, "Times New Roman", Times, serif;
		font-size:16px;
		color:#F00;
		font-weight:bold;
}




/* Links
------------------- */
a { color: #8a2f1c; text-decoration: none; border-bottom-color: #8a9e5a; border-bottom-style: dotted; border-bottom-width: 1px; }
a:hover { color: #00c; border-bottom-color: #8a2f1c; }
a:active { color: #00c; border-bottom-color: #8a2f1c; }
a:visited { border-bottom-color: #8a9e5a; }



/* Text
------------------- */
/*h1,h2,h3 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #849b52; }*/
h1 { font-size: large; padding-top: 0px; }
h2 { font-size: medium; padding-top: 0px; padding-bottom: 0px; }
h3 { /*font-size: small; font-style:*/ italic; margin-bottom: 0px; padding-bottom: 0px; }
p { font-size: small; padding-top: 0px; padding-bottom: .5em; line-height: 1.125em; }
.error-message { color: #f00; font-style: italic; }
.superscript { vertical-align:text-top; line-height: 66%; font-size:66%; font-weight: bold;
	}

/* Images
------------------- */
img { border: 0px; }
img.photo { float: right; border-color: #8a9e5a; border-style: solid; border-width: 1px; padding: 2px; }

/*photos in gallery = 375px by 500px
thumbnail images in gallery = 75px by 100px*/

/* Form Elements
------------------- */
form { margin: 0px; padding: 0px; }
input {
	background-color: #F2F2F2;
	font-size: 12px;
	/* width: 225px; */
	border-width: 1px; border-color: #ccc; border-style: solid;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}
.checkbox {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	}
select {
	background-color: #F2F2F2;
	font-size: 12px;
	width: 150px;
	border-width: 1px; border-color: #ccc; border-style: solid;
	padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}
textarea {
	background-color: #F2F2F2;
	font-size: 12px;
	border-width: 1px; border-color: #ccc; border-style: solid;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}
.bnt {
	background-color: #8a2f1c;
	font-size: 12px;
	color: #F2F2F2;
	font-weight: bold;
	border-width: 1px; border-color: #ccc; border-style: solid;
	padding: 3px;
	width: 75px;
	font-family: Arial, Helvetica, sans-serif;
	}


/* Tables
------------------- */
table.contactform td {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
table.contactform td.header {
	text-align: right;
	width: 130px;
	}
table.contactform td.header span {
	font-size: 10px; font-style: italic;
	}
table.contactform td.headerBorder {
	border-bottom-color: #F2F2F2;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
table.contactform td.input {
	text-align: left;
	padding-left: 4px;
	}
table.contactform td.inputBorder {
	border-left-color: #8a9e5a;
	border-left-style: solid;
	border-left-width: 1px;
	}
table.contactform .checkbox input {
	background-color: #fff;
	border: 0px;
/*	font-size: 10px; */
	}
#gallery{border:0px;}
	#gallery td {text-align:center; vertical-align:middle; padding:10px; border:0px;}


/* div - structure
------------------- */
#container { 
	background-color: #fff;
	border-style: solid; border-color: #ede148; border-width: 3px;
	padding: 0px; /* margin: 0px; */ 
	width: 816px;
	margin-top: 0px; margin-right: 0px;
	margin-left: auto; margin-right: auto;
	}

#header {
	margin: 0px; padding: 0px;
	background-color: #fff;
/*	height: 187px; */
	}
	#header a, img { border: 0px; }
	#header img.feature-home { float: left; width: 604px; height: 187px; margin: 0px; }
	#header img.logo-lg { float: left;  margin: 20px 0 0 17px; height: 141px;}
	#header img.feature-sec { float: left; width: 609px; height: 156px; margin: 0px; }
	/* #header img.logo-md { float: left;  margin: 0px; } */
	#header img.logo-md { float: left;  margin: 8px 0px 0px 0px; }

#navigation {
	clear: both;
	background-color: #8a2f1c;
	border-top-color: #ede148; border-top-style: solid; border-top-width: 5px;
	border-bottom-color: #666; border-bottom-style: solid; border-bottom-width: 3px;
	color: #fff;
	height: 32px;
	margin: 0px; padding: 0px;
	text-align: center;
	}
	#navigation ul { list-style-type: none; padding: 0px; margin: 9px 0px 9px 0px; /* margin-top: 9px; margin-bottom: 9px; margin: 5px 0px; margin-top: 10px; margin-bottom: 0px; */ }
	#navigation li { display: inline; padding: 0px 1px; }
	#navigation a { 
		font-size: 12px; font-family: Arial, Helvetica, sans-serif;
		text-decoration: none; color: #fff; font-weight: bold; border-bottom-width: 0px; }
	#navigation a:hover {
		border-bottom-color: #ede148; border-bottom-style: dotted; border-bottom-width: 1px;
		}
	#navigation a.currentPage { 
		border-bottom-width: 1px; border-bottom-color: #ede148; border-bottom-style: solid; }
/*
	#navigation li { float: left; padding-left: 7px; padding-right: 7px; }
*/

#wrap-content {
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/site/bg-secondary.png); background-position: top right; background-repeat: repeat-y;
	}
	#content {
		width: 582px;
		margin: 0px; padding: 10px;
		}
		#content ul { list-style-type: circle; font-size: small; margin-top: 0px; padding-top: 0px; }
		#content #gallery td a { border: 0px; }

	#col-right { 
		float: right;
		padding: 10px;
		width: 187px;
		}
		#col-right ul.address {
			font-size: 11px;
			list-style: none; margin-top: 10px; margin-left: 0px; padding: 0px;
			}
			#col-right li { margin-left: 5px; padding-bottom: .2em; }
			
		#col-right ul.quicklinks {
			list-style: none; margin-top: 10px; margin-left: 0px; padding: 0px;
			}
			#col-right li { margin-left: 5px; padding-bottom: .2em; }

		#col-right h1, h3, p {
		font-size: 95%;
			}
			
			#col-right h2{ color:#8a2f1c; font-style:italic; font-weight:normal; }

	#footer {
		clear: both;
		font-size: x-small;
		height: 68px; width: 803px;
		}
		#footer ul {
			list-style: none; margin: 5px; margin-bottom: 5px; padding: 5px; height: 68px;
			background-image: url(../../images/icon-mfm-building.png);
			background-position:right center;
			background-repeat: no-repeat;
			}
		#footer li { float: left; padding-left: 2px; padding-right: 2px;  padding-top: 45px; margin-bottom: 10px; }
		#footer a { font-family: Verdana, Arial, Helvetica, sans-serif; }
/* margin-top: 50px;

*/
		#footer img { width: 219px; height: 68px; border-width: 0px; }

.featured_vendor {padding: 30px 3px 3px 3px; font-family: Arial, Helvetica, sans-serif;}
.featured_vendor h3{color: #8a2f1c; font-size:small; padding:0; font-weight:normal;}
.featured_vendor p{font-size:x-small; padding:0;}

.red-text {color:#8a2f1c;}
.invisible {display:none; visibility:hidden;}


.form_errors { color:#900; }

.datelist li {
		list-style:square;
		padding-bottom: 10px;
}

.time {
		font-weight:bold;
		margin-bottom:-20px;
		font-family:Arial, Helvetica, sans-serif;
}

.event li {
		margin-bottom: 8px;
		list-style:disc;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
}
.bold {
	font-weight:bold;
	margin-bottom:-20px;
	font-family:Arial, Helvetica, sans-serif;
}

.event li {
		margin-bottom: 8px;
		list-style:disc;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
}