html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
	
	/* Do not remove the following section, these rules are required for forms */
		.comment-replies {
			margin-left: 30px;
		}

		.form-element.form-hide, .form-important {
			display: none;
		}

		.form-element.form-type-checkbox label,
		.form-element.form-type-radio label {
			display: inline;
		}

		.form-float-left {
			float: left;
		}

		.form-element.form-float-left {
			padding-right: 10px;
		}
		
		/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

		div.heroshots {
			position: relative;
			width: auto;
			height: auto;
			overflow: hidden;
		}

			div.heroshots img {
				position: absolute;
				top: 0px;
				left: 0px;
			}

			div.heroshots div.foreground {

			}

			div.heroshots div.caption {

			}

			div.heroshots div.controls {
			}

				div.heroshots div.controls ul {

				}

					div.heroshots div.controls ul li {
                        list-style:none;
					}

						div.heroshots div.controls ul li a {

						}

						div.heroshots div.controls ul li a.previous {

						}

						div.heroshots div.controls ul li a.pause {

						}

						div.heroshots div.controls ul li a.play {

						}

						div.heroshots div.controls ul li a.next {

						}
						
		/* Global styles */
		
		.clear {
			clear: both;
		}
		
		form .clear {
			clear: none;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.right {
			text-align: right;
		}
		
		img.left {
			float: left;
		}
		
		img.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.right {
			float: right;
		}
		
		.hideme {
			display: none;
		}

		

		/* Specific styles */
		
		#wrapper { /* If a non YUI-standard width is being used, set it here; otherwise replace the wrapper ID in includes/header.inc.php with the appropriate YUI ID. */
			width: 750px; /* Set in ems by dividing the desired width by 13; the default is for 800px */
			*width: 750px; /* Make up for IE's inability to do math by multiplying the first width by 0.9759 */
			text-align: left;
			margin: auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
			position: relative;
		}
		
		a {
			outline: 0;
			}


#wrapper {
	padding-top: 2em;
}

#hd p {
	clear: both;
	width: auto;
}

#hd p.join {
	margin: 0!important;
}

#hd p a {
	display: block;
	width: 238px;
	height: 56px;
	background: transparent url(/images/tastebuds_logo.png) no-repeat;
	text-indent: -50000px;
	overflow: hidden;
	float: left;
}

#hd form {
	display: static;
	clear: none;
	float: right;
	width: 210px;
}


#hd table {
	float: right;
	width: 238px;
	margin-bottom: 0;
}

#hd input.text {
	display: block;
	height: 17px;
	float: left;
	border:  1px solid #666;
	padding: 4px 0 0 4px;
	font-family: courier, monospace;
	font-size: 1em;
	width: 148px;
	margin: 0 !important;
}

#hd form label {
	display: block;
	font-weight: normal;
}

#hd  .join {
	float: right;
}

#hd div.subscribe {
	display: block;
	width: 270px;
	height: auto;
	float: right;
}

#hd  input.submit {
	display: block;
	width: 55px;
	height: 23px;
	background: transparent url(/images/submit_button.png) no-repeat;
	text-indent: -50000px;
	overflow: hidden;
	outline: none;
	border: 0;
	cursor: pointer;
	float: left;
}

ul.navigation {
	clear: both;
	padding: 2em 0 1em 0;
	margin: 0 0;
	list-style: none;
	width: 477px;
	float: left;

}

ul.navigation li a{
	float: left;
	display: block;
	text-indent: -50000px;
;
	overflow: hidden;
}

ul.navigation li.nav-about a{
	width: 69px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll 0 -63px no-repeat;
}

	ul.navigation li.nav-about a:hover {
		background: transparent url(/images/navsprite.png) scroll 0px -187px;
	}
	
	ul.navigation li.nav-about a:active {
		background: transparent url(/images/navsprite.png) scroll 0px -125px;
	}
	
	html#about-2 ul.navigation li.nav-about a{
		background: transparent url(/images/navsprite.png) scroll 0px -125px;
	}

ul.navigation li.nav-news a{
	width: 69px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll -68px -63px no-repeat;
}

	ul.navigation li.nav-news a:hover {
		background: transparent url(/images/navsprite.png) scroll -68px -187px;
	}
	
	ul.navigation li.nav-news a:active {
		background: transparent url(/images/navsprite.png) scroll -68px -125px;
	}

	html#news ul.navigation li.nav-news a {
		background: transparent url(/images/navsprite.png) scroll -68px -125px;
	}

ul.navigation li.nav-events a{
	width: 74px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll -138px -63px no-repeat;
}

	ul.navigation li.nav-events a:hover {
		background: transparent url(/images/navsprite.png) scroll -138px -187px;
	}
	
	ul.navigation li.nav-events a:active {
		background: transparent url(/images/navsprite.png) scroll -138px -125px;
	}
	
	html#events ul.navigation li.nav-events a{
	background: transparent url(/images/navsprite.png) scroll -138px -125px;
	}

ul.navigation li.nav-guide a{
	width: 63px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll -212px -63px no-repeat;
	display:block;
	z-index:2000;
}

	ul.navigation li.nav-guide a:hover {
		background: transparent url(/images/navsprite.png) scroll -212px -187px;
	}
	
	ul.navigation li.nav-guide a:active {
		background: transparent url(/images/navsprite.png) scroll -212px -125px;
	}
	
	html#maps-and-directory ul.navigation li.nav-guide a, html#seasonal-growth-chart ul.navigation li.nav-guide a, html#definitions ul.navigation li.nav-guide a{
		background: transparent url(/images/navsprite.png) scroll -212px -125px;
	}



ul.navigation li.nav-application a{
	width: 86px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll -275px -63px no-repeat;
}

	ul.navigation li.nav-application a:hover {
		background: transparent url(/images/navsprite.png) scroll -275px -187px;
	}
	
	ul.navigation li.nav-application a:active {
		background: transparent url(/images/navsprite.png) scroll -275px -125px;
	}
	
	html#application ul.navigation li.nav-application a{
		background: transparent url(/images/navsprite.png) scroll -275px -125px;
	}

ul.navigation li.nav-faq a{
	width: 48px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll -361px -63px no-repeat;
}

	ul.navigation li.nav-faq a:hover {
		background: transparent url(/images/navsprite.png) scroll -361px -187px;
	}
	
	ul.navigation li.nav-faq a:active {
		background: transparent url(/images/navsprite.png) scroll -361px -125px;
	}
	
	html#faq ul.navigation li.nav-faq a{
		background: transparent url(/images/navsprite.png) scroll -361px -125px;
	}

ul.navigation li.nav-contact a{
	width: 68px;
	height: 30px;
	background: transparent url(/images/navsprite.png) scroll -409px -63px no-repeat;
}

	ul.navigation li.nav-contact a:hover {
		background: transparent url(/images/navsprite.png) scroll -409px -187px;
	}
	
	ul.navigation li.nav-contact a:active {
		background: transparent url(/images/navsprite.png) scroll -409px -125px;
	}
	
	html#contact ul.navigation li.nav-contact a{
		background: transparent url(/images/navsprite.png) scroll -409px -125px;
	}


form#cse-search-box{
	float: left;
	display: block;
	height: 30px;
	width: 273px;
	background: transparent url(/images/searchbox.png) no-repeat;
	margin: 2em 0 1em 0;
}

// check this one.. FF3 on Windows hack
* form#cse-search-box{
	display: inline;
	float: right;
}

	form#cse-search-box label {
	display: none;
	}
	
	form#cse-search-box input[type="submit"] {
	background: transparent url(/images/search_button.png) no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -5000px;
	overflow: hidden;
	border: 0 none;
	outline: none;
	margin:-21px 0 0 246px;
	}
	
	form#cse-search-box input[type="text"] {
	margin: 6px 10px;
	height: 12px;
	width: 225px;
	display: block;
	border: none;
	font-size: 1em;
	font-family: courier, monospace;
	padding: 4px 0 0 5px;
}

#bd {
	clear:left;
}

#bd .container {
	margin: 2em 0;
}




h2.home_headline {
	display: block;
	width: 745px;
	letter-spacing: -1px;
	height: 40px;
	margin: 0px 0px 10px 0px;
	font-weight: 500;
	font-size: 1.9em;
	color: #F14C22;
/*	background: transparent url(/images/home_headline.png) no-repeat;
	text-indent: -50000px;*/
	overflow: hidden;
	
}

p.about_p {
	width: 378px;
	height: 106px;
	font-size: 1.7em;
	font-weight: 200;
	line-height: 1.3em;
	margin-bottom: 0.6em;
	overflow: hidden;
	float: left;
}

html#home p.about{
	display: block;
	float: left;
	clear: both;
	margin: 0;
}

html#home p.about a {
/*	background: transparent url(/images/about_link.png) no-repeat;*/
	width: 180px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	height: 12px;
/*	text-indent: -50000px;*/
	overflow: hidden;
	display: block;
}

div.guide_link {
	float: none;
	display: block;
	width: 327px;
	height: 139px;
	overflow: hidden;
	margin:  0 423px 0;
	position: absolute;
}
div.guide_link div {
	width: 327px;
	height: 139px;
}

div.guide_link a:hover {
}

div.join a{
	float: right;
	clear: right;
	width: 327px;
	height: 70px;
	background: transparent url(/images/join.png) no-repeat;
	text-indent: -50000px;
	overflow: hidden;
	margin: 2em 0 1em 0;
}

div.find a{
	float: right;
	clear: right;
	width: 327px;
	height: 70px;
	background: transparent url(/images/find.png) no-repeat;
	text-indent:  -50000px;
	overflow:  hidden;
}

div.home_events {
	float: left;
	clear: left;
	width: 409px;
	height: 142px;
	margin: 27px 0 0;
}

div.home_events ul {
	list-style: none;
	margin: 0;
}

div.home_events div.upcoming_header {
	background: transparent url(/images/upcoming_header.png) no-repeat;
	text-indent: -50000px;
	overflow: hidden;
	width: 409px;
	height: 23px;
}

div.home_events ul li {
	list-style: none;
	background: #eee;
	width: 406px;
	height: 29px;
	border: 1px solid #ddd;
}

div.home_events ul li strong a {
	float: left;
	margin: 5px 0 0 5px;
	text-decoration: none;
	color: #F14C22;
}

div.home_events ul li cite {
	float: right;
	margin: 5px 5px 0 0;
	text-decoration: none;
	color:  #666;
	border-bottom: none;
	font-style: normal;
}

div.home_events ul li.smallcaps a{
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 7px 0 0 5px;
	color: green;
	text-decoration: none;
}

li.sidebar-block ul {
	margin: 0;
}

div.drop {
	position: absolute;
	top: 152px;
	left: 195px;
	display: none;
	z-index: 7000;
}

div.drop ul {
	list-style: none;
}

li.nav-guide div.drop ul li.subnav a {
	display: block;
	width: 150px;
	height: 24px;
	color: white;
	background: url(/images/hoverbg.png) repeat-x;
	text-indent: 15px;
	text-decoration: none;
	outline: 1px solid green;
	vertical-align: center;
	z-index: 5000;
}

li.nav-guide div.drop ul li.subnav a:hover {
	background: url(/images/hoverhoverbg.png) repeat-x;
}

li.nav-guide {
	position: static;
}

/* About */

div.span-9 h2, div.span-8 h2 {
	color: #f14c22;
	margin-bottom: 0.2em;
}

div.span-9 p a {
	color: #f14c22;
	text-decoration: none;
}

div.span-8 img.aboutimage {
	margin: 4em 0 0 2em;
	width: auto;
	height: auto;
}

/* Events */

div.container h1 {
	font-size: 2em;
	line-height: 1.4em;
	color: #444;
}

div.infoblock {
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
	position: relative;
	margin-bottom: 1em;
}

div.infoblock p span {
	font-weight: bold;
	position: absolute;
	left: 550px;
	top: 9px;
	width: 185px;
	text-align: right;
	color: #127918;
	font-size: 1.2em;
}

div.infoblock p {
	margin: 0;
}

div.infoblock h2 {
	padding: 0;
	margin: 0;
}

div.infoblock h2 a {
	color: #f14c22;
	text-decoration: none;
}

/* News */

p.teaser {
	font-size: 1.2em;
	color: #444;
}

img.newsimg {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 300px;
	width: expression( document.body.clientWidth > 299 ? "300px" : "auto" ); /* sets max-width for IE */
	height: auto;
	max-height: 400px;
    height: expression( this.scrollHeight > 399 ? "4px" : "auto" ); /* sets max-height for IE */
}

p a, li a, ul a, ul li a {
	color: #F14C22;
	text-decoration:  none;
}

p a:hover, li a:hover, ul a:hover, ul li a:hover {
	color: #F14C22;
	text-decoration:  underline;
}

p.back a {
	text-transform: uppercase;
	font-size:96%;
	text-decoration: none;
	font-weight: bold;
}


/* Contact */




#bd div.span-5 h2 {
	color: #f14c22;
	margin: 0;
}

div.form form label {
	display: block;
	font-weight: normal;
	color: green;
}

div.form form input.input-text {
	width: 308px;
	height: 20px;
	border: 1px solid #cccccc;
	margin-bottom: 1em;
	font-family: courier, monospace;
	font-size: 1em;
	padding-top: 5px;
}

div.form form input.input-submit {
	background: transparent url(/images/submit_button.png) no-repeat scroll 0 0;
	border: 0 none;
	cursor: pointer;
	float: right;
	height: 23px;
	width: 55px;
	text-indent: -50000px;
	overflow: hidden;
	margin-top: 1em;
}

div.form textarea.input-textarea {
	width: 300px;
	height: 100px;
	border: 1px solid #cccccc;
}

div.form input.input-text:focus, div.form textarea.input-textarea:focus {
	background: #fffed5;
}

div.form h2 em {
	font-size: 0.7em;
	color: #129718;
}

/* Guide */

h3.dl_guide a {
	display: block;
	text-indent: -50000px;
	overflow: hidden;
	background: transparent url(/images/downloadbutton.png) no-repeat 0 0;
	width: 166px;
	height: 36px;
}

div.category h3 {
	cursor: pointer;
	color: #666666;
}

dd, dt {
	color: #444;
}

dd {
	padding-bottom: 1em;
	margin: 0;
}

html#maps-and-directory li.nav-guide div.drop ul li.subnav a, html#seasonal-growth-chart li.nav-guide div.drop ul li.subnav a, html#definitions li.nav-guide div.drop ul li.subnav a {
	background: transparent url(/images/hoverbg.png) repeat-x scroll 0 0 !important;
}

html#maps-and-directory li.nav-guide div.drop ul li.subnav a:hover, html#seasonal-growth-chart li.nav-guide div.drop ul li.subnav a:hover, html#definitions li.nav-guide div.drop ul li.subnav a:hover {
	background: transparent url(/images/hoverhoverbg.png) repeat-x scroll 0 0 !important;
}

#map {
	width: 570px;
	height: 300px;
	float: left;
	z-index: 1000;
	margin-bottom: 2em;
}

div#providers {
	width: 170px;
	float:right;
	height: 300px;
}

#providers h3 {
	color: #ff0000;
	margin: 0px 0 10px 5px;
	font-size: 1.5em;
	line-height: 24px;
}

#providers ul {
	margin-left:5px;
}

#providers ul li {
	color: #666666;
	display:block;
	background: transparent url(/images/selectorEmpty.png) no-repeat scroll 0 3px;
	width:135px;
	height:20px;
	font-size: 10px;
	line-height: 1.8em;
	margin: 3.5px 0px;
	text-indent:20px;
	cursor: pointer;
}

#providers ul li.activeCat {
	background: transparent url(/images/selectorFull.png) no-repeat scroll 0 3px;

}



#mapMessage {
	position: absolute;
	padding: 0;
	background: transparent url(/images/load.png)  no-repeat 0 0;
	width: 570px;
	height: 300px;
	z-index: 1500;
	margin: 0 auto;
	border: 1px dotted green;
}

#mapMessage span {
	background: url(/images/ajax-loading.gif) no-repeat 0 0;
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	z-index: 1550;
	top: 94px;
	left: 263px;
	text-indent: 5000px;
	overflow: hidden;
}

#mapMessage p {
	display:none;
}


ul.places {
	float: left;
}

div li.name {
	font-weight: bold;
}

div li {
	list-style: none;
}

div li.website a {
	color: #127918;
}

div.ProviderList {
	float: left;
	clear: none;
}

div.ProviderInfo {
	float: left;
	height: auto;
	width: 100%;
}

div.ProviderInfo div.unit {
	border-bottom:1px solid #e9e9e9;
	height: 47px;
	display: block;
	padding-top: 10px;
}

div.ProviderInfo div.unit div.name {
	float:left;
	width: 315px;
	color: #666666;
}

div.unit div.name div.mapThis {
	display: block;
	width: 60px;
	height: 35px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(/images/mapthis.png) no-repeat 0 0;
	float: left;
	margin: 4px 20px 0 0;
	cursor: pointer;
	
}

div.ProviderInfo div.unit div.name ul li.smallprint {
	font-size: 0.9em;
	margin-top: 2px;
	color: #777;
}

div.ProviderInfo div.unit ul.address {
	float:left;
	width:200px;
}

div.ProviderInfo div.unit ul.contact {
	float:left;
	width:180px;
}

div.ProviderInfo div.unit ul.foodhours {
	width: 150px;
	float: left;
	clear: right;
}

div.ProviderInfo h3 {
	color: #ff0000;
	padding-bottom: 1em;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 0;
}

div.ProviderInfo li {
	padding: 0 !important;
	color: #666666;
}

div.ProviderInfo ul {
	margin: 0 !important;
	padding: 0 !important;
}

#maps-and-directory li span a {
	color: green;
}


/* Application */

div.partner span {
	font-weight: bold;
}

div.partner a.apply {
	display: block;
	background: transparent url(/images/applybutton.png) no-repeat;
	width: 49px;
	height: 23px;
	text-indent: -50000px;
	overflow: hidden;
	padding: 0 0 1em;
	margin-top: 0.5em;
}

div.partner p {
	margin: 0;
}

div.partner {
	color: #444;
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0 0 0.5em;
}


/* FAQ */

div.container h2 a{
	color: #f14c22;
	width: 335px;
	line-height: 1.4em;
}

div.container p a {
	color:  #f14c22;
	text-decoration: none;
}


/* Footer */

#ft {
	clear: both;
	padding-top: 2em;
}

div.ft-bg {
	background-color: #1f3f09;
	margin-top: 1.5em;
	height: 100%;
}

	div.ft-bg h3 {
		color: #80c14d;
		font-size: 1em;
	}
	
	div.ft-bg ul {
		list-style: none;
		margin: 0;
		font-size: 0.8em;
	}
	
	div.ft-bg .col1 {
		float: left;
	}
	
	div.ft-bg .col2 {
		float: right;
	}
	
	div.ft-bg h4, ul li {
		color: white;

	}
	
	div.ft-bg ul li a {
		text-decoration: none;
		color: #bbb;
	}
	
	div.ft-bg ul li.foodroutes, li.buyfresh, li.crabtree {float:left;}
	
	div.ft-bg div.span-7 ul li a {text-indent:-500000px; overflow: hidden;margin-right:5px;}

	div.ft-bg ul li.gainingground a {display: block; width: 80px; height: 50px; background: transparent url(/images/gainingground.png) no-repeat; }
	div.ft-bg ul li.benwood a {display: block; width: 157px; height: 18px; margin-bottom: 12px; background: transparent url(/images/benwood.png) no-repeat; }
	div.ft-bg span.crabtree a { text-indent:-500000px; display: block; width: 100px; height: 52px; background: transparent url(/images/crabtree.png) no-repeat;  }
	
	div.ft-bg div.span-4 ul li span {display: block; width: 19px; height:19px; float:left; clear: both; margin: 0 5px 10px 0; }

	div.ft-bg div.span-4 ul li a {float: right; margin-bottom: 10px;}
	div.ft-bg div.span-4 ul.col2 {margin-right: 2em;}
	
	div.ft-bg div.span-4 ul li.youtube span {background: transparent url(/images/connectedsprite.png) no-repeat -20px 0;}
	div.ft-bg div.span-4 ul li.facebook span {background: transparent url(/images/connectedsprite.png) no-repeat 0 -20px;}
	div.ft-bg div.span-4 ul li.rss span {background: transparent url(/images/connectedsprite.png) no-repeat 0 0px;}
	div.ft-bg div.span-4 ul li.twitter span {background: transparent url(/images/connectedsprite.png) no-repeat -20px -20px;}

	div.ft-bg h4 {font-size: 1em; margin-bottom: 0.4em;}


	div.ft-bg ul.credits {
		clear: left;
	}
	
	div.ft-bg ul.credits li {
		float: left;
		margin: 0 2em 0 0;
	}


/* Lightbox */

#lightbox {
	position: absolute;
	width: 680px;
	z-index: 2001;
}

#lightbox .close {
	position: absolute;
	color:  #999;
	top: 20px;
	left: 30px;
	text-decoration: none;
	outline: 0;
}

#lightbox .close span {
	font-size: 1.5em;
	color: #777;
}

div.home {
	height: 101%;
}

div.loadingIcon {
	position: absolute;
	background: transparent url(/images/ajax-loader.gif) no-repeat;
	width:130px;
	height: 25px;
	top: 312px;
	left: 520px;
	text-indent: -50000px;
	overflow: hidden;
}

/* Extend green in footer */
html {
	background-color: #1F3F09;
}

div.addresses ul {
	margin: 0 0 1.5em;
}

div.addresses ul li {
	color: #666666 !important;
}

<!--[if IE 8]>

#hd div.drop {
	top: 40px !important;
	left: -284px !important;
	z-index: 7000;
}


<![endif]-->