/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2010 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#4f2e10;
	background:#F5EAD2 url(../images/bgtile.gif) repeat-x top left;}
div.wrapper{
	margin:0 auto;
	padding:0 5px;
	width:980px;
	overflow:hidden;}
img{
	border:0;}
a:link, a:visited{
	color:#0066FF;
	text-decoration:underline;
	font-weight:bold;}
a:hover, a:active{
	color:#CB061B;
	text-decoration:none;
	font-weight:bold;}
h1{
	margin:15px 0;
	padding:0;
	font-size:40px;
	font-weight:normal;
	color:#000;}
h2{
	font-size:30px;
	font-weight:normal;
	color:#000;}
h3{
	margin:12px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	color:#53210d;}
h4{
	margin:12px 0;
	padding:0;
	font-size:17px;
	font-weight:bold;
	color:#D56215;}
p{
	line-height:1.6em;}

/* -----------------------------------------------------------------------------------------------------
   -- HEADER ------------------------------------------------------------------------------------------- */

div.header div.logoType{
	margin:27px 0 18px 12px;
	padding:0;
	width:610px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/Common-Thread-CSA.png) no-repeat top left;}
div.header div.logoType a{
	display:block;
	width:610px;
	height:60px;}
div.header div.banner{
	margin:0;
	padding:5px 0 0 0;
	width:980px;
	height:242px;
	overflow:hidden;
	background-color:#FFF;}
div.header div.banner div.logo{
	float:left;
	margin:0 5px;
	padding:0;
	width:169px;
	height:237px;
	overflow:hidden;
	background:url(../images/Common-Thread-CSA-logo.gif) no-repeat top left;}
div.header div.banner div.photo{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:796px;
	height:237px;
	overflow:hidden;
	background:url(../images/banner-photos.jpg) no-repeat top left;}

/* -----------------------------------------------------------------------------------------------------
   -- NAVIGATION MENU ---------------------------------------------------------------------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu{
	position:relative;
	margin:0;
	padding:0;
	width:980px;
	height:37px;
	list-style-type:none;
	z-index:100;}
#menu li{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	text-indent:-9999px;
	background-image:none;}
#menu li a{
	display:block;
	height:37px;}
#menu li.btn-home a{
	width:164px;
	background:url(../images/btn-home.gif) no-repeat top left;}
#menu li.btn-ourfarm a{
	width:163px;
	background:url(../images/btn-ourfarm.gif) no-repeat top left;}
#menu li.btn-thisweek a{
	width:163px;
	background:url(../images/btn-thisweek.gif) no-repeat top left;}
#menu li.btn-join a{
	width:163px;
	background:url(../images/btn-join.gif) no-repeat top left;}
#menu li.btn-photos a{
	width:163px;
	background:url(../images/btn-photos.gif) no-repeat top left;}
#menu li.btn-contact a{
	width:164px;
	background:url(../images/btn-contact.gif) no-repeat top left;}
#menu li a:hover{
	background-position: 0 -37px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; /*background-color:#c60;*/}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; /*background:#c60;*/}
#menu li:hover > a.sub {color:#fff; /*background-color:#c60;*/}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:37px; margin-top:0; width:200px; background:#444;}
/* custom contact dropdown position */#menu :hover ul.contact {left:-60px;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:200px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #F5EAD2; border-left:0; border-right:0;}
#menu :hover ul li a {width:200px; padding:0; text-indent:15px; background:#997F64; color:#fff; height:26px; line-height:26px; text-decoration:none; font-weight:bold;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#6D5740; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#BB0000; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:200px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

/* selected */

body.farm #menu li.btn-ourfarm a{
	background-position: 0 -74px;}
body.thisweek #menu li.btn-thisweek a{
	background-position: 0 -74px;}
body.join #menu li.btn-join a{
	background-position: 0 -74px;}
body.photos #menu li.btn-photos a{
	background-position: 0 -74px;}
body.contact #menu li.btn-contact a{
	background-position: 0 -74px;}

/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */

div.bodyContent{
	float:right;
	padding-bottom:180px;
	width:695px;
	overflow:hidden;}

/* newsletters */

ul.newsletters{
	margin:0;
	padding:0;
	border-top:2px solid #E5DCB4;
	border-bottom:1px solid #E5DCB4;}
ul.newsletters li{
	margin:-1px 0 0 0;
	padding:10px;
	border-top:1px solid #E5DCB4;
	border-bottom:1px solid #E5DCB4;
	background:none;}
ul.newsletters li div.info{
	float:right;}
ul.newsletters li div.info div{
	float:left;}
ul.newsletters li div.info div.size{
	margin:0 10px;
	text-align:right;}

/* join - delivered boxed shares */

div.delivery-locations{
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	width:300px;}
div.delivery-locations h2{
	font-size:22px;
	margin:25px 0 0 0;}
div.delivery-locations h3{
	margin:6px 0;}
div.delivery-locations h3 a:link, div.delivery-locations h3 a:visited{
	color:#D56215;
	text-decoration:underline;
	font-weight:bold;}
div.delivery-locations h3 a:hover, div.delivery-locations h3 a:active{
	color:#CB061B;
	text-decoration:none;
	font-weight:bold;}

/* expandable content - faq and join */

div#expandableContent h3{
	font-size:13px;}
div#expandableContent h3 a:link, div#expandableContent h3 a:visited{
	color:#022c13;
	text-decoration:none;
	font-weight:bold;}
div#expandableContent h3 a:hover, div#expandableContent h3 a:active{
	color:#06385B;
	text-decoration:underline;
	font-weight:bold;}
div#expandableContent h3 a:link .vertical_status, div#expandableContent h3 a:visited .vertical_status{
	color:#022c13;
	text-decoration:none;
	font-weight:normal;}
div#expandableContent h3 a:hover .vertical_status, div#expandableContent h3 a:active .vertical_status{
	color:#06385B;
	text-decoration:underline;
	font-weight:normal;}
.vertical_status{
	font-size:11px;}

/* whats in */

div.scheduleBox{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	width:219px;
	overflow:hidden;
	text-align:center;
	border:1px solid #815121;}
div.scheduleBox h3{
	margin:0;
	padding:0;
	height:35px;
	line-height:35px;
	font-size:22px;
	color:#FFF;
	background-color:#815121;}
div.scheduleBox ul{
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(../images/scheduleBox-dividers.gif) repeat top left;}
div.scheduleBox ul li{
	height:25px;
	line-height:25px;}

div.SpringBox{
	border:1px solid #E38C1B;}
div.SpringBox h3{
	background-color:#E38C1B;}
div.SpringBox ul{
	background:url(../images/scheduleBox-dividers-spring.gif) repeat top left;}

div.SummerBox{
	border:1px solid #D53915;}
div.SummerBox h3{
	background-color:#D53915;}
div.SummerBox ul{
	background:url(../images/scheduleBox-dividers-summer.gif) repeat top left;}

div.FallBox{
	border:1px solid #D56215;}
div.FallBox h3{
	background-color:#D56215;}
div.FallBox ul{
	background:url(../images/scheduleBox-dividers-fall.gif) repeat top left;}

body.pyo div.scheduleBox{
	float:right;
	margin:20px 0 10px 10px;
	padding:0;
	width:298px;
	overflow:hidden;
	text-align:left;
	border:1px solid #815121;}
body.pyo div.scheduleBox h3{
	margin:0;
	padding:0;
	height:35px;
	line-height:35px;
	font-size:22px;
	text-align:center;
	color:#FFF;
	background-color:#815121;}
body.pyo div.scheduleBox ul{
	margin:20px;
	padding:0;
	list-style-type:none;
	background:none;}
body.pyo div.scheduleBox ul li{
	margin:10px 0;
	padding:0;
	height:auto;
	line-height:1.2em;}

/* contact */

div.contactForm{
	float:right;
	margin:10px 0 20px 8px;
	padding:0 0 0 20px;
	width:375px;
	overflow:hidden;
	border-left:1px solid #E8D8B6;}
div.contactForm h3{
	font-size:16px;}
	
/* Recipe List */

ul.recipelist li {
	float:left;
	margin:4px 0;
	width:210px;
	
} 
 

/* -----------------------------------------------------------------------------------------------------
   -- SIDEBAR ------------------------------------------------------------------------------------------ */

div.sidebar{
	float:left;
	margin:0;
	padding:0;
	width:275px;
	overflow:hidden;}
div.sidebar div.sidebar-top{
	margin:4px 0 0 0;
	padding:0;
	width:275px;
	height:15px;
	overflow:hidden;
	background:url(../images/sidebar-top.jpg) no-repeat top left;}
div.sidebar div.sidebar-main{
	margin:0;
	padding:0;
	width:275px;
	overflow:hidden;
	background:url(../images/sidebar-bgtile.jpg) repeat-y top left;}
div.sidebar div.sidebar-btm{
	margin:0;
	padding:0;
	width:275px;
	height:15px;
	overflow:hidden;
	background:url(../images/sidebar-btm.jpg) no-repeat top left;}

div.sidebar div.sidebar-main div.content{
	margin:2px 0 0 16px;
	width:234px;}

div.sidebar div.memberAgreementForms{
	margin:0 0 8px 0;
	padding:0;
	width:234px;
	height:87px;
	overflow:hidden;
	text-indent:-9999px;}
div.sidebar div.memberAgreementForms a{
	display:block;
	width:234px;
	height:87px;
	background:url(../images/btn-member-agreement-forms.jpg) no-repeat top left;}
div.sidebar div.memberAgreementForms a:hover{
	background-position:0 -87px;}

div.sidebar div.employmentOpportunities{
	margin:0;
	padding:0;
	width:234px;
	height:67px;
	overflow:hidden;
	text-indent:-9999px;}
div.sidebar div.employmentOpportunities a{
	display:block;
	width:234px;
	height:67px;
	background:url(../images/employment-opportunities.jpg) no-repeat top left;}
div.sidebar div.employmentOpportunities a:hover{
	background-position:0 -67px;}

div.sidebar div.photo{
	margin:8px 0 0 0;
	padding:0;
	width:234px;
	overflow:hidden;}
div.sidebar div.photo img{
	width:234px;}

div.sidebar div.extras{
	background:url(../images/sidebar-bgtile.jpg) repeat-y top left;}
div.sidebar div.extras-btm{
	margin:0;
	padding:0;
	width:275px;
	height:15px;
	background:url(../images/sidebar-extras-btm.jpg) no-repeat top left;}

div.sidebar div.extras div.content{
	margin:0 0 0 8px;}
div.sidebar div.extras div.btn{
	margin:0;
	padding:0;
	width:250px;
	height:48px;
	overflow:hidden;
	text-indent:-9999px;}
div.sidebar div.extras div.btn a{
	display:block;
	width:250px;
	height:48px;}
div.sidebar div.extras div.btn a:hover{
	background-position:-250px 0;}
div.sidebar div.extras div.facebook a{
	background:url(../images/facebook.gif) no-repeat top left;}
div.sidebar div.extras div.newsletter-signup a{
	background:url(../images/newsletter-signup.gif) no-repeat top left;}

div.sidebar div.divider{
	margin:0 auto;
	padding:0;
	width:234px;
	height:2px;
	overflow:hidden;
	background:url(../images/sidebar-divider.jpg) no-repeat top left;}
	
/* E-News Signup */

div.enewsbox{
	margin:4px 0 0 10px;
	padding:0 0 8px 0;
	width:234px;}
div.enewsbox h3{
	margin:0 auto;
	padding:0;
	width:234px;
	height:28px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/enews-heading.gif) no-repeat center center;}
div.enewsbox #signup {
	margin:0 auto;
	padding:0;
    width:234px;
    height:35px;
	overflow:hidden;
    background:url(../images/enews-signup-bg.gif) no-repeat top left;}
div.enewsbox #signup #s {
    float:left;
    padding:0;
    margin:4px 0 0 4px;
    border:0;
    width:141px;
	height:27px;
	color:#000;
	background:none;
	vertical-align: middle;}
div.enewsbox #signup #go {
    float:right;
    margin:4px 4px 0 0;}

/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

div.footer{
	clear:both;
	float:right;
	margin:-130px 0 0 0;
	width:695px;
	overflow:hidden;}
div.footer a:link, div.footer a:visited{
	color:#53210d;
	text-decoration:none;
	font-weight:bold;}
div.footer a:hover, div.footer a:active{
	color:#000;
	text-decoration:none;
	font-weight:bold;}

div.footer ul.features{
	margin:0;
	padding:0;
	width:695px;
	overflow:hidden;
	list-style-type:none;}
div.footer ul.features li{
	float:left;
	margin:0 10px 0 0;
	width:225px;
	height:130px;
	overflow:hidden;
	text-indent:-9999px;}
div.footer ul.features li.endcap{
	margin:0;}
div.footer ul.features li a{
	display:block;
	width:225px;
	height:130px;}
div.footer ul.features li.recipe a{
	background:url(../images/feature-recipe.jpg) no-repeat top left;}
div.footer ul.features li.farmhours a{
	background:url(../images/feature-farmhours.jpg) no-repeat top left;}
div.footer ul.features li.join a{
	background:url(../images/feature-join.jpg) no-repeat top left;}
div.footer ul.features li.member a{
	background:url(../images/feature-member.jpg) no-repeat top left;}
div.footer ul.features li a:hover{
	background-position:0 -130px;}

div.footer div.footerBox{
	margin:10px 0;
	padding:12px 0 0 0;
	width:695px;
	background:#E7D9B6 url(../images/footer-logo.jpg) no-repeat top right;}

div.footer ul.nav{
	margin:0 0 12px 0;
	padding:0;
	list-style-type:none;
	text-align:center;}
div.footer ul.nav li{
	display:inline;
	margin:0 8px;
	padding:0;}
div.footer p{
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.2em;}
div.footer p.copyright{
	font-size:14px;}
div.footer p.credit{
	padding-bottom:8px;
	font-size:13px;}

/* -----------------------------------------------------------------------------------------------------
   -- FORMS -------------------------------------------------------------------------------------------- */

/* default form styles */

form{
	margin:0;
	padding:0;
	font-size:15px;}
form fieldset{
	margin:0;
	padding:0;
	border:0;}
form fieldset div{
	clear:left;}
form fieldset div label{
	float:left;
	margin:3px 0;
	padding:0;
	width:125px;}
form fieldset div input{
	float:left;
	margin:3px 0;
	padding:2px;
	width:150px;}
form fieldset div textarea{
	float:left;
	margin:3px 0;
	padding:0;
	width:200px;}
label.required{
	font-weight:bold;
	color:#0F5890;}
.submit{
	margin:0;
	padding:0;
	width:95px;
	height:37px;}

div.captcha { padding:0 0 5px 10px; clear: both;}

/* required color styles */

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #999;}
#myForm .red {
	border: 1px solid red;}
#myForm label.red {
	border: none;
	color: red;}
#myForm .customRed {
	border: none;
	color: red;}

#myForm input.submit, #myForm input.bullet{
	border:none;}
#validationMessage {
	padding: 5px;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	display: none;}
#myForm .errorMessage, p.error {
	color: red;
	font-size: 0.8em;}

/* -----------------------------------------------------------------------------------------------------
   -- DYNAMO ------------------------------------------------------------------------------------------- */

/*-- content photos ---*/

div.photos{ float:right; margin:0 0 0 20px; width: auto !important; max-width: 420px; /*width: 420px;*/ overflow: visible;}
div.photos img { margin:0 0 6px 0; display: block;}
div.photos div{ margin:0; line-height: 0; padding:0;}
div.photos div small{ display:block;  line-height:normal;}
p.caption{ font-size:.8em; margin:0; font-weight: bold; padding: 5px 0; line-height:normal; width: auto; display: inline;}

/* -- albums --------- */

div.sidebar div.photo_album{
	margin:0;
	padding:0 0 6px 0;
	border-bottom:1px solid #FFF;}
div.sidebar div.photo_album h3{
	margin:6px 0;
	padding:0;
	font-size:16px;
	height:auto;
	line-height:normal;}
div.sidebar div.photo_album div.album_icon{
	float:left;
	margin:0 0 6px 0;
	width:125px;
	text-align:center;}
div.sidebar div.photo_album p{
	font-size:12px;}

ul.photo_gallery{
	margin:0;
	padding:0;
	list-style-type:none;
	background-image:none;}
ul.photo_gallery li{
	float:left;
	margin:4px 4px;
	padding: 0px 6px 6px 6px;
	width:150px;
	height:215px;
	background: #E8D8B6;
	border: 1px solid #dac69c;}
ul.photo_gallery li p {
	margin: 0px;
	padding: 0px;}
ul.photo_gallery li p.image {
	text-align: center;}
ul.photo_gallery li p.text {
	font-size: 12px;
	margin: 0px;
	padding: 0px;}
ul.photo_gallery li p.title {
	line-height: 16px;
	margin: 4px 0px 6px 0px;}
ul.photo_gallery li div{
	height: 115px;
	width: 150px;
	overflow: hidden;
	margin: 6px 0px 3px 0px;}
body.photos div.wrapper div.body div.bodyContent p.back-to {margin: 0px 0px 3px 0px; padding: 0px;}

/* -- faq ------------ */

div.faqContent{
	margin:0 0 20px 0;}
div.faqContent h3{
	margin-bottom:4px;}
div.faqContent p{
	margin:0 0 0 20px;}

/* -- albums --------- */

ul.album-photos{
	margin:0;
	padding:0;
	background:none;}
ul.album-photos li{
	float:left;
	margin:5px 17px 12px 0;
	padding:2px;
	width:150px;
	height:115px;
	text-align:center;
	/*background: #E8D8B6;
	border: 1px solid #dac69c;*/
	list-style-type: none;}
ul.album-photos li div{
	height: 115px;
	width: 150px;
	overflow: hidden;}