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

body {
	background-color:#7FBFE2;
	margin:0;
  text-align: center;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  overflow-y: scroll;
}
* {
	outline: none;  /* removes the yellow outline that Chrome puts on some 'selected' items; probably works in other browsers as well. */
}
img {
	border: none;
}
#mainContent li img[src="/media/stardingbat.png"] {
	margin: 3px 6px 0 0;
  height: 14px;
  width: 14px;
}
#index #feature img[src="/media/stardingbat.png"], #index #homeBottom img[src="/media/stardingbat.png"] {
	margin: 0 2px -2px 4px;
  height: 14px;
  width: 14px;
}
a {
	color: #000;
  text-decoration: none;
}
a:hover {
	color: #f00;
}
h1, h2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:24px;
	line-height:28px;
	margin-top:0px;
	margin-bottom:5px;
}
h2 { font-size:36px;}
h3 { font-size:18px; display:inline;}
#general h4 { /* used on "our story" */
	font-size: 16px;
  padding: 0;
  margin: 10px 0 2px;
}
#wrapper {
  width:800px;
	margin: 10px auto 0 auto;
  text-align: left;
}
#background {
	position: absolute;
	top: 20px;
  width:800px;
	min-height: 620px;
  border-radius: 5px;
}
/* list-based navbar with accordion */
#print_info_hidden {
	display: none;
}
ul.navbar {
	position:absolute;
	top: 145px;
  left: 10px;
  left: -8px;
	width: 140px;
  font-size: 12px;
  font-weight: normal;
}
ul.navbar li {
	cursor: pointer;
}
ul.navbar li:hover {
	color: #f00;
}
ul.navbar, ul.navbar ul {
  list-style-type: none;
}
ul.navbar ul {
	margin: 0;
  padding-left: 6px;
}
ul.navbar li {
	padding: 5px 0;
  margin: 0;
}
ul.navbar li ul {
	margin-top: 4px;
}
ul.navbar li ul li {
	padding: 2px 0;
  border-top: 1px #fff solid;
  width: 140px;
}
ul.navbar a {
	display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 2px 8px 1px 0;
}
ul.navbar a:hover {
  color: #f00;
}
ul.navbar span.ui-state-active {
	color: #f00;
}
/* (end) list-based navbar with accordion */

#imageTop {  /* top right image on most or all pages */
	position:absolute;
  top:0px;
  left: 200px;
}
#imageTop img {  /* top right image on most or all pages */
	height: 320px;
  width: 600px;
}
#pageTitle {
  margin-bottom: 16px;
  width:600px;
  text-align:left;
  line-height: .95;
}
#pageTitle span.smaller {
	font-size: 75%;
  line-height: 1;
}
#mainContent {
	margin: 374px 0 0 200px;
	margin: 332px 0 0 200px;
  padding-bottom: 44px;
 	width:390px;
 	line-height:20px;
 	text-align: left;
}
#mainContent h3 {
	margin: 8px 0 3px;
}
#mainContent p {
	margin: 4px 0 8px;
}
#mainContent li {
	list-style-type: none;
  margin: 20px 0 0 0;
}
#mainContent li img {
	float: left;
  margin: 0 10px 10px 0;
}

/* bottom navbar */
#navbarBottom {
	text-align: center;
  position:absolute;
	width: 100%;
  bottom: -40px;
	color:#fff;
	font-size:10px;
	font-weight:lighter;
	letter-spacing:1px;
  padding: 0 0 10px 0;
}
#navbarBottom li {
	display: inline;
}
#navbarBottom a {
	text-decoration: none;
  color: #fff;
}

/* specific to home page */
#index #background {
	min-height: 620px;
}
#logo_home {  /* this is the logo image and "index" link above navbar */
	position: absolute;
  top: -10px;
  left: -14px;
/*  width: 206px; */
}
#logo_home img {
  width: 217px;
}
span.more {
	border: 1px solid #bbb;
 	padding: 0 .28em;
  margin: 0 2px;
 	font-size: .8em;
}
#feature {
	position: absolute;
  top: 0px;
  top: 325px;
  left: 200px;
  width: 800px;
  height: 245px;
}
#feature img {
	width: 180px;
 	height: 160px;
 	padding: 0;
 	margin: 0;
}
div.featured {
	float: left;
	position: relative;
 	height: 275px;
 	width: 180px;
  height: 245px;
  padding: 0;
  margin: 0 30px 0 0;
}
.target {
  position: absolute;
	bottom: 0;
  left: 0;
  overflow: hidden;
  background: #fff;
  opacity: .75;
  filter:alpha(opacity=75);
  margin: 0;
  padding: 0;
	height: 85px;
  width: 180px;
  text-align: left;
}
div.featured h2 {
	font-size: 25px;
 	margin: 2px 2px 5px;
 	font-weight: lighter;
 	line-height: .975;
}
div.featured h3 {
	font-size: 12px;
  	margin: 6px 2px 5px;
  	font-weight: lighter;
}
.target p.reveal, .homebottom p.reveal {
	font-size: 12px;
 	margin: 5px;
	opacity: 0;
  filter: alpha=(0);
 	line-height: 1.4;
}
.hidden {
	display: none;
}
#homeBottom { 
	height: 320px;
 	width: 600px;
	position:absolute;
 	top:251px;
 	top: 0;
 	left: 200px;
 	background: url("media/seasonal/xmashome.jpg");
}
.homeBottomCaption p.reveal {
	margin: 8px 5px;
}
.homeBottomCaption {
 	position: absolute;
	bottom: 0;
 	left: 0;
 	overflow: hidden;
 	background: #fff;
 	opacity: .75;
 	filter:alpha(opacity=75);
 	margin: 0;
 	padding: 5px;
	height: 28px;
 	width: 590px;
}
.homeBottomCaption h2, .homeBottomCaption h3 {
 	font-weight: lighter;
	margin: 8px 5px 5px;
 	display: inline;
}
.homeBottomCaption h2 {
	font-size: 32px;
}
.homeBottomCaption h3 {
	font-size: 13px;
}
.activepage {
	color:#F00;
}
.highlight {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;
  font-size: 115%;
}
.red {
	color: red;
}
#index, #general {
	background-color:#5888ad;
}
#index #background, #general #background {
	background: url(media/backgrounds/bckg.jpg) repeat-x #fff;
  width: 800px;
  height: 571px;
  min-height: 700px;
  padding: 0;
}
#index #background {
	height: 571px;
  min-height: 571px;
}
#index #navbarBottom {
	top: 565px;
}

/* page formats.... because of the amount of stuff, best to keep these on one line.... */
#asparagus { background: #FCF7CF;}
/*#asparagus #pageTitle { color: #CCB25E; letter-spacing:5px;} */
#asparagus #pageTitle { color: #CCB25E;}
#asparagus #background { background: url(media/backgrounds/asparagusBckg.jpg) #fff repeat-x;}
#asparagus table[summary="nutrition"], #asparagus #recipes { background: url(media/backgrounds/asparagusBckgNutrition.jpg) repeat-x;}

#blackberries {background: #986699;}
/*#blackberries #pageTitle { color:#606; letter-spacing:3px;} */
#blackberries #pageTitle { color:#606;}
#blackberries #background { background: url(media/backgrounds/blackBckg.jpg) #fff repeat-x;}
#blackberries table[summary="nutrition"], #blackberries #recipes { background: url(media/backgrounds/blackBckgNutrition.jpg) repeat-x; }
#blackberries ul#select span.more { color: #986699; border: 1px solid #eadfea; }
#blackberries .highlight, #blackberries ul#select a {color: #986699;}

#blueberries {background: #7085A2;}
#blueberries #pageTitle { color:#7085A2;}
#blueberries #background { background: url(media/backgrounds/blueBckg.jpg) #fff repeat-x; }
#blueberries table[summary="nutrition"], #blueberries #recipes { background: url(media/backgrounds/blueBckgNutrition.jpg) repeat-x;}
#blueberries .highlight, #blueberries ul#select a {color: #7085A2;}

#eggplants {background: #773e4d;}
#eggplants #pageTitle { color:#773e4d;}
#eggplants #background { background: url(media/backgrounds/eggplantBckg.jpg) #fff repeat-x; }
#eggplants table[summary="nutrition"], #eggplants #recipes { background: url(media/backgrounds/eggplantbckgNutrition.jpg) repeat-x;}
#eggplants .highlight, #eggplants ul#select a {color: #773e4d;}

#endive { background: #dac977;}
/*#endive #pageTitle { color: #dac977; letter-spacing:5px;} */
#endive #pageTitle { color: #dac977;}
#endive #background { background: url(media/backgrounds/endivesbckg.jpg) #fff repeat-x;}
#endive table[summary="nutrition"], #endive #recipes {	background: url(media/backgrounds/endivesNutritionbckg.jpg) repeat-x;}

#horseradish { background: #A8753E;}
/*#horseradish #pageTitle { color: #A8753E; letter-spacing:5px;} */
#horseradish #pageTitle { color: #A8753E;}
#horseradish #background { background: url(media/backgrounds/horseradishBckg.jpg) #fff repeat-x;}
#horseradish table[summary="nutrition"], #horseradish #recipes {	background: url(media/backgrounds/horseradishBckgNutrition.jpg) repeat-x;}

#peas { background: #99cc33;}
/*#peas #pageTitle { color: #006600; letter-spacing:5px;}*/
#peas #pageTitle { color: #006600;}
#peas #background { background: url(media/backgrounds/peppersbckg.jpg) #fff repeat-x;}
#peas table[summary="nutrition"], #peas #recipes { background: url(media/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#peas .highlight, #peas ul#select a {color: #99cc33;}
#peas ul#select a:hover {color: green;}

#peppers { background: #FF8901;}
/*#peppers #pageTitle { color: #FF8901; letter-spacing:5px;} */
#peppers #pageTitle { color: #FF8901;}
#peppers #background { background: url(media/backgrounds/bellpeppersBckg.jpg) #fff repeat-x;}
#peppers table[summary="nutrition"], #peppers #recipes {	background: url(media/backgrounds/bellpeppersBckgNutrition.jpg) repeat-x;}
#peppers .highlight, #peppers ul#select a {color: #FF8901;}
#peppers ul#select a:hover {color: #FF8901;}

#raspberries { background: #E05B66;}
/*#raspberries #pageTitle {	color:#C03;	letter-spacing:3px;} */
#raspberries #pageTitle {	color:#C03;}
#raspberries #background { background: url(media/backgrounds/raspBckg.jpg) #fff repeat-x;}
#raspberries table[summary="nutrition"], #raspberries #recipes { background: url(media/backgrounds/raspBckgNutrition.jpg) repeat-x;}
#raspberries .highlight, #raspberries ul#select a {color: #E05B66;}

#rhubarb { background: #F95766;}
/*#rhubarb #pageTitle {	color:#F95766;	letter-spacing:3px;} */
#rhubarb #pageTitle {	color:#F95766;}
#rhubarb #background { background: url(media/backgrounds/rhubarbBckg.jpg) #fff repeat-x;}
#rhubarb table[summary="nutrition"], #rhubarb #recipes { background: url(media/backgrounds/rhubarbBckgNutrition.jpg) repeat-x;}
#rhubarb .highlight, #rhubarb ul#select a {color: #F95766;}

#redcurrants { background: #C60719;}
/*#redcurrants #pageTitle {color:#C60719; letter-spacing:5px;} */
#redcurrants #pageTitle {color:#C60719;}
#redcurrants table[summary="nutrition"], #redcurrants #recipes { background: url(media/backgrounds/raspBckgNutrition.jpg) repeat-x;}
#redcurrants #background { background: url(media/backgrounds/redcBckg.jpg) #fff repeat-x;}
#redcurrants .highlight, #redcurrants ul#select a {color: #C60719;}

/* following used for recipes only */
#vegetables { background: #99cc66;}
/*#vegetables #pageTitle {color: #99cc66; letter-spacing:5px;}*/
#vegetables #pageTitle {color: #99cc66;}
#vegetables table[summary="nutrition"], #vegetables #recipes { background:url(media/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#vegetables #background { background: url(media/backgrounds/peppersbckg.jpg) #fff repeat-x;}
#vegetables .highlight {color: #99cc66;}

#cucumber { background: #99cc66;}
/*#cucumber #pageTitle {color: #367a00; letter-spacing:5px;}*/
#cucumber #pageTitle {color: #367a00;}
#cucumber #background { background: url(media/backgrounds/peppersbckg.jpg) #fff repeat-x;}
#cucumber table[summary="nutrition"], #cucumber #recipes {	background: url(media/backgrounds/peppersNutritionbckg.jpg) repeat-x;}
#cucumber .highlight, #cucumber ul#select a {color: #99cc66;}
#cucumber ul#select a:hover {color: #367a00;}

#greenhouse { background: #9BC680; }
#greenhouse #background { background: url(media/backgrounds/greenHousebckg.jpg) #FFF repeat-x; }
/*#greenhouse #pageTitle { color: #9BC680; letter-spacing:5px;} */
#greenhouse #pageTitle { color: #9BC680;}
#greenhouse table[summary="nutrition"], #greenhouse #recipes { background:url(media/backgrounds/peppersNutritionbckg.jpg) repeat-x; }
#greenhouse ul#select a:hover, #greenhouse .highlight {color:#619b44;}
#greenhouse .highlight, #greenhouse ul#select a {color: #9BC680;}
#greenhouse ul#select a:hover {color: green;}


#recipes li.more_recipes { margin: 6px 0; padding: 0; }
#recipes li.more_recipes a { color: #000066; }
#recipes li.more_recipes a { color: #000; }

#general #background { height: inherit; }
#general table[summary="nutrition"], #general #recipes { background: url(media/backgrounds/raspBckgNutrition.jpg) repeat-x;}
/* end page formats */

/* ourplaces page */
#general.ourplaces #mainContent ul {
  margin: 0;
}
#general.ourplaces #mainContent ul li {
	padding; 0;
  margin: 0;
}

/* contactus page*/
#general.contactus #inputform {
	position: relative;
  margin-top: 60px;
}
#general.contactus #inputform p {
  margin-top: -1.5em;
}
#general.contactus #inputform input, #general.contactus #inputform select, 
#general.contactus #inputform textarea {
	display: block;
  position: relative;
  width: 340px;
  left: 100px;
	top: -1.8em;
}
#general.contactus #inputform input[type="submit"] {
  position: static;
  width: 120px;
	margin-left: 100px;
}
#inputform textarea {
  resize: vertical;
}

/* little recipes navbar on right side */
#recipes {
	position:absolute;
 	top:375px;
 	left: 620px;
 	width:175px;
 	height:245px;
 	padding-left:5px;
 	text-align: left;
 	background-repeat:repeat-x;
 	line-height:20px;
 	line-height: 1.4;
}
#recipes h2 {
	text-align: left;
  color:#FFF;
  line-height: 1.1;
  letter-spacing: 0;
  padding: 6px 0 0;
  font-size: 15px;
  font-weight: bold;
}
#recipes ul {
	margin: 6px 3px 0;
  padding: 0;
  list-style-type: none;
}
#recipes li {
	margin: 6px 0 0 4px;
  line-height: 1.3;
  padding: 0;
  text-indent: -7px;
}
#recipes a {
	text-decoration: none;
  color: #000;
}
#recipes a:hover {
  color: #f00;
}
#recipes a.more {
  color: #8be;
}

/* recipe formats (actual recipes pages) */
#mainContent ol.recipe_info, #mainContent ul.recipe_ingred {
	margin: 10px 0 10px -24px;
}
#mainContent ol.recipe_info {
	width: 400px;
  width: inherit;
  margin-top: 22px;
}
#mainContent ol.recipe_info li, #mainContent ul.recipe_ingred li {
	list-style-type: decimal;
  line-height: 1.45;
  margin: .6em 0;
}
#mainContent ul.recipe_ingred li {
	list-style-type: none;
	margin-left: -16px;  
}
#mainContent p.comment_inset {
	margin-left: 12px;
  line-height: 1.3;
}
#mainContent p.comment_regular {
	margin: 8px 0 8px 2px;
  line-height: 1.3;
}
div#recipelist {
	position: relative;
  margin-top: 40px;
  width: 400px;
  height: 200px;
  overflow-y: auto;
}
#recipelist ul {
	padding: 0;
  margin: 0;
}
#recipelist ul li {
	padding: 0;
  margin: 0;
}

/* popup manipulated by showhide() */
#infoPopup {
	line-height: 22px;
  position: absolute;
  position: fixed;
  top: 20px;
  top: 40px;
  left: 200px;
  z-index:10;
  height: 230px;
  width: 350px;
  background: #fff;
  opacity: .9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  padding: 25px 25px 25px 225px;
  display: none;
}
div.infoPopupCloser {
	font-size: 9px;
  letter-spacing: 1px;
  height: 12px;
	position: absolute;
  left: 12px;
  bottom: 12px;  
}
#infoPopup img {
  position: absolute;
  top: 32px;
  left: 10px;
}
#infoPopupBox {  /* the div inside with the overflow auto scrollbars */
	height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: 8px;
  border: none;
  margin-top: -8px;
}
#infoPopup table[summary="nutrition"] {
	position: absolute;
  top: 10px;
  left: 220px;
  width:220px;
  line-height: 16px;
  border: 1px #fff dotted;
  background-repeat:repeat-x;
}
ul#select.glossary {
	width: 260px;
  height: 180px;
  overflow: auto;
}
ul#select.glossary li a {
	width: inherit;
}
table[summary="nutrition"] td {
	vertical-align: baseline;
  padding: 0;
  margin: 0;
  font-size: 10px;
}
table[summary="nutrition"] td.what {
	width: 110px;
}
table[summary="nutrition"] td.btmBorder {
	border-bottom: 1px solid #ddd;
  height: 9px;
  padding-bottom: 2px;
}
table[summary="nutrition"] tr td.topBorder {
	border-top: 1px solid #ddd;
}
table[summary="nutrition"] td.footnote {
	padding: 1px 0 0 6px;
  text-indent: -6px;
  font-size: 9px;
  border-top: 1px solid #ddd;
}
/* the div with the links to operate the popup/otherwise navigate to anchor #id */
#select li {
	margin: 0;
  display: inherited;
	list-style-type: none
}
#select a {
	display: block;
  color: #000;
  padding: 4px;
/*  width: 250px; */
	text-decoration: none;
}
#select a:hover {
	color: #f00;
}
#mainContent #infoPopupBox p {
	margin: 3px 0;
}

/* scrollbar styling; this is the default color/format that shows up on home, #general pages */
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
/* following shuts off the up/down buttons */
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-track-piece {  /* this is the 'background' */
	background: #e6f2f9;
  border: #7fbfe2 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb {   /* this is the 'handle' */
	background: #d3eaf5;
  border: #7fbfe2 1px solid;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}
/* MSIE scrollbar properties */
#select, #infoPopupBox {
	scrollbar-track-color: #d3eaf5;
  scrollbar-face-color: #b8dcef;
}