/* CSS Document */


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(/images/mainback.gif) top left;
	margin:0px;
	padding:5px;
}
a:link, a:active, a:visited{
	text-decoration:none;
	color:#333333;
}
form{
	margin:0px;
	padding:0px;
}

#container{
	position:relative;
	width:949px;
	margin:0px auto;
	min-height:500px;
	_height:auto;
}
#header{
	position:relative;
	height:143px;
	width:949px;
	z-index:100;
}
#mainMenu{
	position:relative;
	height:45px;
	width:949px;
	background:url(/images/headerNav.jpg) top left repeat-y;
	text-align:center;
	padding:30px 0px 0px 0px;
	margin:0px;
	z-index:60;
}

#logo{
	height:68px;
	width:949px;
	background:url(/images/headerback.png) top left no-repeat;
	text-align:center;
}
#logo img{
	width:150px;
	height:64px;
	margin-top:4px;
}
#search{
	position:absolute;
	top:5px;
	right:2px;
	width:251px;
	height:54px;

}
#content{
	background:url(/images/contentback.jpg) top left repeat-y;
	position:relative;
	width:949px;
	min-height:475px;
	height:auto;
}
#topLeft{
	position:absolute;
	top:0px;
	left:5px;
	width:314px;
	height:236px;
	background-color:#FFFFFF;
	z-index:15;
}
#bottomLeft{
	position:absolute;
	top:236px;
	left:5px;
	width:314px;
	height:236px;
	background-color:#FFFFFF;
	z-index:15;
}
#tallRight{
	position:absolute;
	top:0px;
	right:5px;
	width:314px;
	height:472px;
	background-color:#FFFFFF;
	z-index:15;
}
#topRight{
	position:absolute;
	top:0px;
	right:5px;
	width:314px;
	height:236px;
	background-color:#FFFFFF;
	z-index:15;
}
#bottomRight{
	position:absolute;
	top:236px;
	right:5px;
	width:314px;
	height:236px;
	background-color:#FFFFFF;
	z-index:15;
}

#footer{
	width:949px;
	height:39px;
	background:url(/images/footerback.png) top left no-repeat;
	text-align:center;
	z-index:9;
}
#footerLinks{
	padding-top:15px;
	color:#9c845f;
	font-size:11px;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover{
	color:#9c845f;
}
#bodyContent, #bodyContentWide{
	position:relative;
	margin-left:319px;
	height:auto;
	background-color:#FFFFFF;
	min-height:472px;
}
#adminContent{
	padding:10px 25px;
	position:relative;
	height:auto;
	min-height:480px;
}
#bodyContent{
	width:314px;
}
#bodyContentWide{
	width:625px;
}

/* SIGNUP FORM */

#subscribeForm .signupInput{
	margin:0px 0px 10px; 
	padding:2px; 
	font-size:13px; 
	color:#296bf2; 
	width:229px; 
	border:1px solid #4488bd;
}
#subscribeForm .submitForm{
	padding:4px 8px 6px; 
	background-color:#4488bd; 
	color:#FFFFFF; 
	border:0px none #4488bd;
}
#adSignup .signupInput{
	margin:0px 0px 10px; 
	padding:2px; 
	font-size:13px; 
	color:#116600; 
	width:229px; 
	border:1px solid #376c36;
}
#adSignup .submitForm{
	padding:3px 6px; 
	background-color:#376c36; 
	color:#FFFFFF; 
	border:0px none #376c36;
}

input.brown, select.brown, textarea.brown{
	margin:5px 10px; 
	padding:2px; 
	font-size:11px; 
	color:#333333; 
	border:1px solid #9c845f;
}

#ja input{
	margin:2px;
	padding:1px;
	font-size:10px;
}
#appTable, #appTable table{
	font-size:10px;
}
.regTextSmaller{
	font-size:85%;
}
.px12{
	font-size:12px;
}
.px10{
	font-size:10px;
}


/* MINI NAV */

#miniNav{
	position:absolute;
	right:30px;
	bottom:6px;
	text-align:right;
	width:320px;
	height:12px;
	font-size:10px;
	color:#a28c69;
	z-index:60;
}



/* TOP NAV */

#mainNav{
	list-style:none;
	padding:0;
	margin:0;
	z-index:100;
	color:#a28c69;
	font-size:12px;
	text-transform:uppercase;
}
#mainNav a:link, #mainNav a:active, #mainNav a:visited, #mainNav a:hover, #miniNav a:link, #miniNav a:active, #miniNav a:visited, #miniNav a:hover{
	color:#a28c69;
}
.mainLI{
	padding:0px 5px;
	margin:0px;
	display:inline;
	position:relative;
	z-index:100;
}
.mainLI + .mainLI{
	background:url(/images/menuSpacer.gif) 0px 2px no-repeat;
	padding-left:16px;
}
.subNav{
	display:none;
	list-style:none;
	background-color:#FFFFFF;
	border-left:1px dotted #a28c69;
	position:absolute;
	top:13px;
	left:15px;
	width:130px;
	height:auto;
	padding:0px 2px;
	margin:0;
	text-align:left;
	text-transform:lowercase;
	font-size:11px;
	z-index:120;
}
#mainNav .subNav a:link, #mainNav .subNav a:active, #mainNav .subNav a:visited, #mainNav .subNav a:hover{
	color:#a28c69;
}

.subLI{
	padding:2px 5px;
	margin:0px;
	border-bottom:1px dotted #a28c69;
	background-color:#FFFFFF;
}
.subLI:hover{
	background-color:#f7f3ec;
}



/* ORGANICS */

div#orgList{ 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 600px; 
    height:400px; 
	z-index:10;
	margin-left:20px;
} 
div#orgList div.orgItems { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
	clear:both;
} 
 
div#orgList div.orgItems div.orgItem { 
    float:left; 
	width:575px;
} 

.orgItem{
	margin-bottom:2px;
}
.orgItem .title{
	font-size:14px;
	height:16px;
	color:#ffffff;
	font-weight:900;
	padding:2px 5px;
	background-color:#a8916f;
}
.orgItem .title .url{
	float:right;
	font-size:11px;
	font-weight:100;
}
.orgItem .descrip{
	font-size:12px;
	color:#9c845f;
	background-color:#FFFFFF;
	padding:2px 5px 5px;
	text-align:justify;
	position:relative;
	height:auto;
}



/*  DEPARTMENTS  */

#slideShow{
	position:relative;
	width:312px;
	height:470px;
	overflow:hidden;
}
#bottomRightSlideShow, #bottomLeftSlideShow, #topRightSlideShow{
	position:relative;
	width:314px;
	height:236px;
	overflow:hidden;
}

#loadSlide{
	position:absolute;
	top:0px;
	left:0px;
	width:312px;
	height:480px;
	z-index:20;
	background-color:#FFFFFF;
	overflow:hidden;
}
.slideThumb{
	font-size:14px;
	padding:15px 3px;
	width:144px;
}
.slideThumb + .slideThumb{
	border-top:1px solid #CCCCCC;
}
.bottomRightSlide, .bottomLeftSlide, .topRightSlide{
	position:absolute;
	top:0px;
	left:0px;
	width:314px;
	height:236px;
	display:none;
	z-index:2;
	overflow:hidden;
}

.deptSlide{
	position:absolute;
	top:0px;
	left:0px;
	width:311px;
	height:480px;
	display:none;
	z-index:2;
	overflow:hidden;
}

#deptNav{
	position:absolute;
	right:0px;
	top:0px;
	width:176px;
	height:237px;
	z-index:6;
	overflow:hidden;
}
#deptNav #thumbContainer{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	margin:0px;
	padding:0px;

}
#deptNav li{
	padding:0px;
	margin:0px;
}
#deptNav img{
}

.subDepts{
	width:125px;
	height:151px;
	background-color:#f4f099;
	color:#9c845f;
	padding-left:10px;
	border-bottom:1px solid #FFFFFF;
}
.subDepts div a:link, .subDepts div a:active, .subDepts div a:visited{
	color:#a28c69;
}
.subDepts div{
	width:100px;
}
.subDepts div:hover{
	background-color:#a28c69;
}
.subDepts div a:hover, .subDepts div:hover a{
	color:#FFFFFF;
	background-color:#a28c69;
}
.subDepts h2{
	margin:8px 0px 2px;
	font-size:18px;
	font-weight:100;
}
#subNavTable{
	height:100%;
}
#subNavTable td{
	border-bottom:1px solid #FFFFFF;
}
.subShop{
	height:72px;
	background-color:#ee3a43;
	color:#FFFFFF;
	font-size:22px;
	padding-left:10px;
	border-bottom:1px solid #ee3a43;
}
.subFeat{
	width:170px;
	height:72px;
	background-color:#82d2e5;
	color:#FFFFFF;
	font-size:22px;
	padding-left:20px;
	font-family:: 'Arial Black';
	cursor:pointer;
}
.thumb1{
	color:#c1d72e;
}
.thumb2{
	color:#f26e29;
}
.thumb3{
	color:#841452;
}

.subLocal{
	background-color:#841452;
}
.subOrganic{
	background-color:#c1d72e;
}
.subSignature{
	background-color:#f26e29;
}


/* RECIPES */

.rec_nav_top{
	color:#9c845f;
}
#recSubNav .class1, #recSubNav .class2{
	padding:4px 8px 5px 8px;
	width:120px;

}
#recSubNav .class1{
	background-color:#FFFFFF;
}
#recSubNav .class2{
	background-color:#FFFFFF;
}

.deptTitle{
	font-size:18px;
}
.deptTitlePurp{
	font-size:18px;
	color:#4B2942;
}

.recResult{
	font-size:12px;
	padding:3px 0px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	color:#9c845f;
}
.recResult:nth-child(odd){
	background-color:#EEEEEE;
}
.recResult:hover{
	background-color:#FFFFCC;
}
.recResult:last-child{
	border-bottom:1px dotted #AAAAAA;
}
.recResult .title{
	font-weight:900;
	width:auto;
}
.recResult .servings{
	float:right;
	width:auto;
	text-align:right;
}
.recResult2{
	font-size:11px;
	padding:3px 0px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	clear:both;
}
.recResult2 .servings{
	float:right;
	width:115px;
	text-align:right;
}
.recResult2 .title{
	text-align:left;
	width:auto;
	margin-right:115px;
}
.recResult2:hover{
	background-color:#FFFFCC;
}
.recResult3{
	font-size:11px;
	padding:7px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	clear:both;
}
.recResult3 .servings{
	float:right;
	width:115px;
	text-align:right;
}
.recResult3 .title{
	text-align:left;
	width:auto;
	margin-right:115px;
}
.recResult3:nth-child(even){
	background-color:#f8f5e3;
}
.recResult3:hover{
	background-color:#E1DEAE;
}



/*    CALENDAR    */

.calTable{
	color:#333333;
	font-size:14px;
}
.calTable th{
	font-weight:100;
	font-size:14px;
	padding:4px 3px 2px;
	background-color:#841452;
	color:#FFFFFF;
}

.miniSideBox{
	position:relative;
	width:26px;
	height:27px;
	float:left;
	margin-right:8px;
	background:url(/images/calendar/miniDateBox.gif) left top no-repeat transparent;
}
.miniSideBoxMine{
	position:relative;
	width:26px;
	height:27px;
	float:left;
	margin-right:8px;
	background:url(/images/calendar/miniDateBoxMine.gif) left top no-repeat transparent;
}
.miniSideBox .day, .miniSideBoxMine .day{
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;	
	width:32px;
	height:12px;
	padding-bottom:1px;
	padding-top:1px;
	margin:0;
	text-transform:lowercase;
}
.miniSideBox .date, .miniSideBoxMine .date{
	position:absolute;
	top:12px;
	left:0px;
	color:#333333;
	font-size:12px;
	text-align:center;
	padding:0px;
	width:26px;
	height:10px;
}

.dateBox{
	padding:4px 6px;
	font-size:16px;
	cursor:default;
}
.dateBox.event{
	color:#FF7900;
	background-color:#f4f099;
}
.dateBox.day{
	color:#666666;
	background-color:#f4f099;
}
.dateBox.today{
	color:#FFFFFF;
	background-color:#FF7900;
}
.dateBox .add{
	cursor:pointer;
}
.dateBox .add:hover{
	text-decoration:underline;
}

.dateBox .info{
	display:none;
	z-index:80;
	position:absolute; 
	bottom:12px; 
	left:16px;	
	width:150px;
	font-size:11px;
	color:#666666;
	border:1px solid #ff7900;
	background-color:#FFFFFF;
}
.dateBox:hover .info{
	display:block;
}
.dateBox .info ul{
	padding:0px 0px 0px 20px;
	margin:0;
}
.dateBox .info li{
	padding-left:-20px;
	padding-bottom:3px;
}
.dateBox .infoDate{
	color:#333333; 
	padding:2px;
	padding-right:16px;
	font-style:italic;
	font-size:12px;
	font-weight:900;
	height:13px;
	background: url(/images/eventArrow.gif) right top no-repeat transparent;
}

.smallish{
	font-size:8px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}
.sideEvent + .sideEvent{
	border-top:1px solid #AAAAAA;

}
.sideEvent{
	position:relative;
	padding:3px 4px;
	font-size:12px;
	margin:0px 8px;
	width:150px;
	height:auto;	
}
.sideEvent:hover{
}
.sideEvent .time{
	color:#999999;
	font-size:11px;
	cursor:pointer;
	letter-spacing:150%;
}
.sideEvent .title{
	color:#333333;
	font-size:13px;
	letter-spacing:150%;
	cursor:pointer;
	padding-top:2px;
}
.sideEvent:hover .time, .sideEvent:hover .title{
}
#EventForm{
	position:absolute;
	top:95px;
	left:10px;
	width:auto;
	height:410px;
	background:url(/images/calendar/addBack.gif) left top repeat-x #dddbd5;
	color:#333333;
	border:1px solid #AAAAAA;
	padding:5px;
	z-index:100;
	display:none;	
}
#EventFormText{
	position:relative;
	margin:5px;
	padding:5px;
	width:510px;
	height:auto;
	z-index:100;
}
.sideEventBlurb{
	position:absolute;
	top:-135px;
	left:135px;
	width:315px;
	height:208px;
	background: url(/images/popupMedium.png) top left no-repeat;
	padding:5px;
	z-index:30;
	display:none;
}
.monthEvents{
	position:relative;
	color:#333333;
	padding:3px 3px;
	width:580px;
	text-align:justify;
}
.monthEvents .time{
	font-size:12px;
	color:#666666;
}
.monthEvents .title{
	font-size:14px;
	font-weight:900;
	color:#3c1d34;
}
.monthEvents .descr{
	padding:3px;
	margin:6px 0px 6px 5px; 
	color:#333333;
	font-size:12px;
}


/*    ABOUT US    */

ul.pressReleases{
	list-style:none;
	margin:0px;
	padding:0px;	
}
ul.pressReleases li{
	background:url(/images/menuSpacer.gif) 0px 2px no-repeat;
	padding-left:16px;
	font-size:14px;
	color:#9c845f;
	padding-bottom:10px;
}
ul.pressReleases li a:link, ul.pressReleases li a:visited, ul.pressReleases li a:active, ul.pressReleases li a:hover{
	text-decoration:none;
	color:#9c845f;
}



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.seasonscrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 314px; 
    height:236px; 
	z-index:10;
} 
 
div.seasonscrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
div.seasonscrollable div.items div { 
    float:left; 
	width:314px;
	height:236px;
} 

 
/* you may want to setup some decorations to active item */ 
div.seasonscrollable div.items div.active { 
}

#seasonNext, #seasonPrev{
	font-size:18px;
	font-weight:900;
	position:absolute;
	top:125px;
	z-index:55;
	cursor:pointer
}
#seasonNext{
	right:5px;
}
#seasonPrev{
	left:5px;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.eventscrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 313px; 
    height:210px; 
	z-index:10;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.eventscrollable div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
	clear:both;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.eventscrollable div.items div { 
	height:100px;
	width:100%;
	margin-top:4px;
	padding:0px;
	color:#9c845f;
	float:left;
	overflow:hidden;
	font-size:11px;
} 
div.eventscrollable div.items div h3{ 
	margin:0px;
	padding:0px;
	padding-top:8px;
	font-size:12px;
}
div.eventscrollable div.items div img{ 
	margin-right:10px;
}
div.eventscrollable div.items div:nth-child(even) { 
	background-color:#f9f7cc;	
}	 
div.eventscrollable div.items div:nth-child(odd) { 
	background-color:#f7f4b7;	
}	 





div.eventscrollable1 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 626px; 
    height:420px; 
	z-index:10;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.eventscrollable1 div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
	clear:both;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.eventscrollable1 div.items div.monthEvents { 
	min-height:100px;
	margin-top:4px;
	color:#9c845f;
	float:left;
	overflow:hidden;
	font-size:11px;
} 
div.eventscrollable1 div.items div.monthEvents h3{ 
	margin:0px;
	padding:0px;
	padding-top:8px;
	font-size:12px;
}
div.eventscrollable1 div.items div.monthEvents img{ 
	margin-right:10px;
}

#eventNext, #eventPrev, #orgNext, #orgPrev{
	font-size:18px;
	font-weight:900;
	position:absolute;
	right:5px;
	z-index:55;
	cursor:pointer;
}
#eventNext, #orgNext{
	bottom:10px;
}
#eventPrev, #orgPrev{
	top:10px;
}
#orgNext{
	bottom:0px;
}
#orgPrev{
	top:0px;
}