@charset "utf-8";
/* CSS Document */

html, body { 
	min-height: 100%;
	height: auto !important;
}

body {
	background-image: url(pageBG.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #7493bc;
	font-family: Arial;
	color: #6c5735;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0;
}

div.loginForm {
	width: 350px;
	text-align: right;
	margin: auto;
}

	div.loginForm h2 {
		margin-right: 0;
		text-align: left;
	}
	div.loginForm input {
		margin-bottom: 5px;
	}

img { display: block; }

a img { border: none; }

a {
	color: #0a9444; 
	text-decoration: underline;
}

p { margin: 12px 30px; }

p.instructions {
	font-style: italic;
	text-align: center;
}

.editTitle {
	color: #0a9444;
}

.hidden {
	display: none;
}

.unset {
	font-style: italic;
	color: #999;
}

button.deleteButton {
	float: right;
	margin-right: 30px;
}

#usernameField,
#passwordField {
	width: 145px;
}

.textareaEdit {
	width: 600px;
	margin-left: 30px;
}

	.textareaEdit p, 
	.textareaEdit h4 {
		margin-left: 0;
	}

	.textareaEdit textarea {
		width: 570px;
		font-family: Arial;
		font-size: 15px;
		color: #6c5735;
		line-height: 1.2em;
	}

	.textareaEdit .editButtons {
		display: block;
	}

#categoryChecks {
	float: right;
	width: 260px;
	margin-right: 30px;
}

	#categoryChecks h3 {
		color: #0a9444;
		margin-left: 0;
		margin-top: 0;
	}

p.editField input {
	color: #6c5735;
	font-weight: normal;
	font-size: 13px;
	width: 300px;
}
	
#uploadForm {
	display: none;
	width: 349px;
	margin-left: 30px;
}

	#uploadForm input {
		font-size: 14px;
		font-weight: normal;
		color: black;
		float: left;
	}

	#uploadForm_iframe {
		border: none;
		width: 0;
		height: 0;
	}
	
.markerImage {
	width: 160px;
	background-color: #ddd;
}

#markerImageC {
	margin-left: 30px;
}

#markerImageC .markerImage {
	margin: 10px 0;
}

.mceWrapper {
	padding: 0 30px;
}

h2 {
	color: #f8931d;
	font-weight: normal;
	font-size: 24px;
	padding: 12px 0;
	margin: 0 30px 15px;
	border-bottom: 1px solid #f2ddc6;
	line-height: 1.2em;
}
	h2 input {
		color: #f8931d;
		font-weight: normal;
		font-size: 24px;
		width: 100%;
	}

h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 30px;
}
	h3 input {
		font-weight: bold;
		font-size: 16px;
		width: 330px;
	}

h4 {
	font-weight: bold;
	font-size: 16px;
	margin: 20px 30px 0 30px;
}
	h4 + p { margin-top: 5px; }

ol,
ul {
	padding: 0 0 0 40px;
	margin: 12px 30px;
}

	li {
		padding: 0;
		margin: 0 0 5px 0;
	}
	
blockquote {
	margin: 30px;
}
	
img.inline {
	float: right;
	display: inline;
	margin: 0 30px 10px 15px;
	border: 1px solid #f2ddc6;
	padding: 8px;
	background-color: white;
}

#footerSpace {
	width: 950px;
	margin: auto;
}

#pageHeader,
#pageFrame {
	background-color: #f3f2f2;
	width: 950px;
	margin: auto;
	position: relative;
}

#pageFrame {
	margin-bottom: 355px;
	padding-top: 1px; /* for the occassional background colour gap at the top in Mozilla */
}

#pageHeader {
	background-image: url(pageHeader.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 170px;
	color: #6c5735;
}

	#topMenu {
		height: 23px;
		position: absolute;
		right: 0;
		font-size: 12px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		#topMenu li {
			float: left;
			margin: 0;
			padding: 0;
		}
			
		#topMenu a {
			text-decoration: none;
			color: #6c5735;
			padding: 3px 7px;
			display: block;
			background-color: white;
		}

                        #topMenu a.bold {
				font-size: 15px;
				font-style: italic;
                                text-transform: uppercase;
                                font-weight: bold;
                                color: #f8931d;
                                background: none;
                        }

				#topMenu a.bold:hover {
					background-color: white;
					color: #584529;
				}


		#topMenu a.selected,
		#topMenu a:hover {
			background-color: #584529;
			color: #fff;
			display: block;
		}

	#menu {
		position: absolute;
		height: 20px;
		left: 20px;
		bottom: 26px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 16px;
	}
		#menu li {
			float: left;
			padding: 0 5px;
			margin: 0;
		}

		#menu a {
			text-decoration: none;
			color: #6c5735;
			padding: 3px 5px;
			display: block;
		}

			#menu a.selected,
			#menu a:hover {
				background-color: #f8931d;
				color: white;
			}

	#serverResponse {
		position: absolute;
		right: 20px;
		bottom: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 16px;
		text-align: right;
		color: red;
		font-style: italic;
	}	


	div.homeBoxWrapper {
		width: 900px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
		div.homeBoxWrapper div.box { 
			height: 100%;
			margin: 0;
			padding: 0 15px;
		}
	
		div.homeBoxWrapper div.left   { float: left;  width: 430px; }
		div.homeBoxWrapper div.right  { float: right; width: 360px; }
		
		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
		div.homeBoxWrapper:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 1%;
			font-size: 0.1em;
			line-height: 0;
		}			

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		div.homeBoxWrapper { display: inline-block; }
		div.homeBoxWrapper { display: block; }
	
	div.box {
		width: 870px;
		margin: 0 auto;
		background-repeat: no-repeat;
		position: relative;
		padding: 1px 15px;
		color: white;
	}

		div.box img.topMargin {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
		}

		div.box img.bottomMargin {
			position: absolute;
			z-index: 2;
			bottom: 0;
			left: 0;
		}

		div.box img.title { margin: 15px 0; }

		div.box a { color: white; }

		div.box p { margin: 12px 0; }
		


	#news {
		background-image: url(boxBG-News.jpg);
		background-position: top left;
		background-color: #82ba21;
	}
	
		#news p { margin-right: 75px; }
		
		#news textarea { 
			width: 355px; 
			font-family: Arial;
			font-size: 15px;
			line-height: 1.2em;
		}
	
	#buyLocal {
		background-image: url(boxBG-BuyLocal.jpg);
		background-position: bottom left;
		background-color: #75a3ff;
	}
		#buyLocal img.map {
			float: right;
			display: inline;
			margin-top: 40px;	
		}

	#featuredMember {
		background-image: url(boxBG-FeaturedMember.jpg);
		background-color: #ffbd09;
		background-position: bottom right;
	}

		#featuredMember img.farm {
			float: left;
			display: inline;
			margin: 4px 15px 4px 0;
		}

	#upcomingEvents {
		background-image: url(boxBG-UpcomingEvents.jpg);		
		background-color: #bb1c1c;
		background-position: bottom right;
	}
	
		#upcomingEvents table {
			margin-right: 140px;
			border-collapse: collapse;
		}
		
			#upcomingEvents table td {
				padding: 0 10px 15px 0;
				vertical-align: top;
			}
	
			#upcomingEvents table td.date { white-space: nowrap; }
	
	#didYouKnow {
		background-color: #a0476e;
		background-position: center left;
		background-image:url(boxBG-DidYouKnow.jpg);
		padding-left: 380px;
		width: 505px;
	}
		
		#didYouKnow textarea { 
			width: 505px; 
			font-family: Arial;
			font-size: 15px;
			line-height: 1.2em;
		}
		
	#facebook {
		margin: 30px 25px 0;
		border: none;
	}
	
	
	
	table.chart { 
		margin: 10px auto; 
		width: 736px; 
		border-collapse: collapse;
	}
	table.chart #colProduct { width: 100px; }
	table.chart td span { display: none; }
	table.chart td.check {
		width: 40px;
		height: 23px;
		background-image: url(check.gif);
		background-position: center center;
		background-repeat: no-repeat;
	}

	table.chart th {
		padding: 9px 10px;
		height: 16px;
		text-align: left;
		color: #584529;
		font-size: 14px;
		border-bottom: 1px solid #e0ddda;
	}
	table.chart td {
		padding: 4px 10px;
		height: 29px;
		border-left: 1px solid #eceae8;
		border-bottom: 1px solid #e0ddda;
	}
	table.chart td.product { border-left: none }
	table.chart tr.even { background-color: #f9f9f9; }
	table.chart tr.tHeader { background-color: white; }
	table.chart tr.expired { font-style: italic; color: #999 }
	
	
	
	
	div.partnerList {
		margin: 20px auto;
		padding-top: 1px;
		width: 760px;
	}
	
		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
		div.partnerList:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 1%;
			font-size: 0.1em;
			line-height: 0;
		}			

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		div.partnerList { display: inline-block; }
		div.partnerList { display: block; }

	div.partnerList .item {
		float: left;
		display: inline;
		margin: 0 15px;
		width: 350px;
		border-bottom: 1px solid #e9e7e3;
		background: #f7f7f7;
	}

	div.partnerList .itemImg {
		display: block;
		float: left;
		padding: 10px;
	}
	div.partnerList .itemImg img {
		width: 70px;
		height: 70px;
		border: 1px solid #f2ddc6;
	}
	div.partnerList .itemDesc {
		float: left;
		padding: 10px 3px;
		width: 230px;
		font-weight: bold;
	}
	div.partnerList .itemDesc a { 
		font-weight: normal; 
		font-size: 12px;
	}

	#infoText p {
		margin-left: 0;
		margin-right: 0;
	}


	#searchBoxW {
		margin: 4px auto;
		padding: 5px;
		text-align: center;
		background-color: white;
		border-top: 1px solid #f2ddc6;
		border-bottom: 1px solid #f2ddc6;
	}
	#searchBoxW select {
		position: relative;
		padding: 2px;
		color: #584529;
		border: 1px solid #f2ddc6;
		vertical-align: middle;
	}
	#searchBoxW input {
		position: relative;
		vertical-align: middle;
	}






#mapBox {
	float: left;
	display: inline;
	margin: 0 15px 15px 30px;
	padding: 10px;
	background-color: white;
	border: 1px solid #f2ddc6;
}
#mapBox.details {
	float: right;
	display: inline;
	margin: 0 30px 15px 15px;
}
#map {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 400px;
}

#searchBox {
	margin-bottom: 5px;
}

#searchBox form {
	margin-top: 4px;
	padding: 5px;
	width: 286px;
	background-color: white;
	border: 1px solid #f2ddc6;
}
#searchBox span {
	color: #f8931d;
}
#searchBox select {
	position: relative;
	padding: 2px;
	color: #584529;
	border: 1px solid #f2ddc6;
	vertical-align: middle;
}
#searchBox input {
	position: relative;
	vertical-align: middle;
}


#details {
	display: inline;
	float: left;
	margin: 10px 0px 0px 12px;
	width: 298px;
}
#details #markerDetail { margin-bottom: 20px; }
#details #markerDetail a { color: #000000; }
#details #copyright {
	margin-bottom: 10px;
	width: 210px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}


#results {
	padding: 10px;
	border: 1px solid #F2DDC6;
	background: #F7F6F6;
}

#resultList {
	margin-top: 0px;
	padding-right: 10px;
	height: 271px;
	overflow: auto;
	background: #F7F6F6;
}

#resultList .rName {
	margin: 0px 1px 0px 1px;
	padding: 7px 20px 5px 6px;
	color: #F8931D;
	background: #F7F6F6;
	border-bottom: 1px solid #F2DDC6;
}
#resultList .rName a {
	color: #F8931D;
	text-decoration: none;
}
#resultList .rName a:hover { text-decoration: underline; }

#resultList .resulte {
	border-bottom: 1px solid #F2DDC6;
	background: #FFFFFF;
}
#resultList .resulte .rName {
	margin: 0px 1px 0px 1px;
	color: #584529;
	background: #FFFFFF;
	border-bottom: none;
}
#resultList .resulte .rName a {
	color: #584529;
	font-weight: bold;
}

#resultList .resultc .rInfo { display: none; }
#resultList .resulte .rInfo {
	margin: 0px 20px 0px 20px;
	padding: 8px 8px 8px 0px;
	font-size: 11px;
	border-top: 1px solid #E9E7E3;
}
#resultList .resulte .rInfo p {
	margin: 0px;
	padding: 4px 0px;
}
#resultList .resulte img { margin: 10px 0px 2px 0px; }




/* ===== MAP ===== */


.editMap {
	width: 890px;
	height: 450px;
	margin: auto;
	border: 1px solid #979797;
}

.mapError {
	margin: 20px auto;
	text-align: center;
	color: #c43434;
	font-weight: bold;
}

div.infoWindow {
	/* width: 450px; */
	width: 350px;
	overflow: auto;
	font-size: 12px;
	text-align: center;
}

	div.infoWindow h3 {
		margin-left: 0;
		margin-right: 0;
	}

	div.infoWindow .address {
		font-size: 15px;
	}

	div.infoWindow div.hr {
		margin: 7px 0;
		padding: 0;
		height: 1px;
		overflow: hidden; /* for IE6 */
		border-top: 1px solid #7e7d7b;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #7e7d7b;
	}
	
		div.infoWindow div.hr.topLine { margin-bottom: 20px; }
		div.infoWindow div.hr.bottomLine { margin-top: 20px; }

	div.infoWindow strong, 
	div.infoWindow input {
		color: #6e9db7;
		display: block;
		font-size: 14px;
		font-weight: bold;
		font-family: "Trebuchet MS", sans-serif;
	}

	div.infoWindow strong {
		margin-bottom: 10px;
	}
	
	div.infoWindow span.editButtons {
		clear: both;
		display: block;
		margin-bottom: 10px;
	}
	
table.savourSimcoePartners {
	margin: auto;
}

	table.savourSimcoePartners td {
		text-align: center;
		vertical-align: middle;
		padding: 10px 20px;
	}

	table.savourSimcoePartners td img {
		margin: auto;
		border: none;
	}
	
table.savourSimcoeParticipants {
	margin: 20px 30px;
	border-collapse: collapse;
}

	table.savourSimcoeParticipants tbody tr:nth-child(odd) {
		background-color: #f9f9f9;
	}

	table.savourSimcoeParticipants thead td {
		font-weight: bold;
	}

	table.savourSimcoeParticipants td {
		padding: 2px 20px;
	}