/***********************************************************************
						reset and clearing
*************************************************************************/
:link,:visited {
	text-decoration : none;
}

ul,ol {
	list-style : none;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size : 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin : 0; padding : 0;
}
ul{
	margin-left:1em;
}
img {
	border : none;
}
a img,:link img,:visited img {
	border : none;
}
/* 
	**easy clearing 
	Any container with class="clearer" will expand around enclosed floated elements
*/
.clearer:after, #contact:after
	{
	content: '[HI MUM]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearer, #contact
	{
	display: inline-block;
	}
/*\*/
.clearer, #contact
	{
	display: block;
	}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > .output
	{
	/* position: relative; */
	z-index: 1000;
	}
	
/***********************************************************************
						
*************************************************************************/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F3F4E9;
	margin: 5px;
	background:url("/images/homepage_BG.jpg") no-repeat fixed center top;

	/*scrollbar-face-color: #7EA098; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #ffffff; */
}

a:link		{color: #1C5C4E; font-size: 8pt; text-decoration: none}
a:visited	{color: #1C5C4E; font-size: 8pt; text-decoration: none}
a:hover		{color: #7EA098; font-size: 8pt; text-decoration: underline}
a:active	{color: #1C5C4E; font-size: 8pt; text-decoration: none}

p	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

form	{
	margin: 5px 0px 5px 0px;
}
#traptxt {display: none;}
#outer	{
	width: 973px;
	/*height: 591px;*/	
	text-align: left;
	
}

#for_background {
	width: 973px;
	background-image: url("../images/common/bottom_border2.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;	
}

#main_container {
	width: 973px;	
	/*background-image: url("../images/common/maincontainerallgreen.jpg");
	background-image: url("../images/common/maincontainer.jpg");*/
	background-image: url("../images/common/maincontainergreen.png");
	background-repeat:repeat;	
	/*background-color:#1c5c4e;*/
}

#header	{
	font-size:11px;
	font-weight:bold;
	color: #1C5C4E;
	height: 25px;
	width: 973px;
	text-align: right;
}

#logo	{
	display: none;
}

#flash	{
	width: 973px;
	height: 255px;
}

#left_column	{
	width: 309px;
	/*background-color:#000000;	*/
	min-height:520px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	
}

#right_column	{
	width: 664px;
	/*background-color:#7EA098;	*/
	color:	#FFFFFF;		
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	
}

#overlay{
	position:absolute;
	right:0px;
	top:-146px;
}
* html #overlay{
	right:-1px;

}
#heading	{
	width: 610px;
	color:	#FFFFFF;
	font-size:	20px;
	font-weight: normal;
	position: relative;
	left: 28px;	
	padding: 10px 0px 2px 0px;
	display: block;
	
}

#heading2	{
	width: 460px;
	float: left;
	padding: 10px 0px 2px 28px;
}

#go_back	{ 
	width: 140px;
	float: left;
	text-align:right;
	padding: 15px 0px 15px 0px;
}

@media screen	{
#contentbox	{
	position: relative;
	left: 28px;
	width: 610px;	
	display: block;	
	
}
}

#section	{
	color:#15463C;
	font-size:	15px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	
}


#produce1	{
	text-align: center;
	float: left;
	width: 190px;
	margin-right: 5px;
	border-right: 1px solid #608D83;
}

#produce2	{
	text-align: center;
	float: left;
	width: 190px;
	margin-right: 5px;
	border-right: 1px solid #608D83;
}

#produce3	{
	text-align: center;
	float: left;
	width: 190px;
}

#blog_left	{
/*	border-right: 1px solid #608D83;	*/
	display: block;
	float: left;
/*	width: 340px;	*/
	width: 560px;
	padding: 0px 10px 0px 0px;
}

#blog_right	{
	display: block;
	float: left;
	width: 200px;
	padding: 0px 10px 0px 15px;
}

#bottom_left	{
	text-align: left;
	width: 280px;
	padding: 5px 0px 0px 0px;
	float: left;
}

#bottom_right	{
	text-align:	right;
	width: 290px;
	padding: 5px 0px 0px 0px;
	float: left;
}

#special_container	{
	display: table;
	float: left;
}

#special_left	{
	width: 235px;
	display: table-cell;
	float: left;
}

#special_right	{
	width: 50px;
	display: table-cell;
	float: left;
}

#div_table_container	{
	/*display: table;
	float: left;*/
}

#div_table_cell_left	{ 
	width: 320px;
	/*display: table-cell;*/
	float: left;
}

#div_table_cell_right	{ 
	/*width: 315px;*/
	width: 285px;
	float: left;
	padding: 0px 0px 0px 5px;
	/*display: table-cell;*/
	
}

#locator_content	{
	width: 295px;
	padding: 0px 10px 0px 0px;
	display: table-cell;
	float: left;
}

#locator_map	{
/*	position: relative;
	top: -60px;	*/
	/*width: 260px;
	padding: 0px 0px 0px 0px;
	float: left;*/
	text-align: right;
	/*display: table-cell;*/
}

.title	{
	color:	#264834;
	font-size:	14px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
}

.sub_title	{
	color:	#B1D7CC;
	font-size:	12px;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
}

.content	{
/*	color:	#FFFFFF;	*/
	font-size:	12px;
	font-weight: normal;
	padding: 2px 15px 5px 0px;
	
/*	border: 1px solid red;	*/
}

.content p {
	margin-bottom:12px;
}

.content a:link		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
.content a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: underline}
.content a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
.content a:active	{color: #FFFFFF; font-size: 12px; text-decoration: underline}

.content ul li a:link		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
.content ul li a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: underline}
.content ul li a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
.content ul li a:active		{color: #FFFFFF; font-size: 12px; text-decoration: underline}

#contentbox a:link		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#contentbox a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#contentbox a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#contentbox a:active		{color: #FFFFFF; font-size: 12px; text-decoration: underline}

#produce1 a:link		{color: #FFFFFF; font-size: 12px; text-decoration: none}
#produce1 a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: none}
#produce1 a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#produce1 a:active		{color: #FFFFFF; font-size: 12px; text-decoration: none}

#produce2 a:link		{color: #FFFFFF; font-size: 12px; text-decoration: none}
#produce2 a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: none}
#produce2 a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#produce2 a:active		{color: #FFFFFF; font-size: 12px; text-decoration: none}

#produce3 a:link		{color: #FFFFFF; font-size: 12px; text-decoration: none}
#produce3 a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: none}
#produce3 a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#produce3 a:active		{color: #FFFFFF; font-size: 12px; text-decoration: none}

#footer	{
	border-bottom: 1px solid #ACB2B0;
	color: #1C5C4E;
	font-size: 11px;
	padding: 10px 10px 10px 10px;
	width: 953px;
	height: 20px;
	display: block;
	float: left;
}

#footer	a:link		{color: #1C5C4E; font-size: 11px; text-decoration: none}
#footer	a:visited	{color: #1C5C4E; font-size: 11px; text-decoration: none}
#footer	a:hover		{color: #7EA098; font-size: 11px; text-decoration: underline}
#footer	a:active	{color: #1C5C4E; font-size: 11px; text-decoration: none}

#copyright	{
	width: 400px;
	float:left;
}

#info	{
	width: 553px;
	float: left;
}

#signup	{
	padding: 15px 15px 0px 15px;
	color: #FFFFFF;
	width: 430px;
}

#produce_detail	{
	padding: 15px 15px 0px 15px;
	width: 580px;
	color: #FFFFFF;
}

#signup	a:link		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#signup	a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#signup	a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#signup	a:active	{color: #FFFFFF; font-size: 12px; text-decoration: underline}

#produce_detail	a:link		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#produce_detail	a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#produce_detail	a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#produce_detail	a:active	{color: #FFFFFF; font-size: 12px; text-decoration: underline}

select	{
	font-size:	8pt;
	font-weight:	normal;
	color:	#1C5C4E;
}

hr.divider	{
	color:	#608D83;	
	/*color: #E3EAE8;*/
	height:	1px;
	background-color:#608D83;
	border-width: 0px;
}

ol	{
	margin-top: 5px;
	margin-left: 10px;
	padding-left: 5px;
	margin-bottom: 5px;
}

ul	{
	margin-top: 5px;
	margin-left: 10px;
	padding-left: 5px;
	margin-bottom: 5px;
}

li	{
	margin-left: 15px;
}
/*
ul li	{
	margin-left: 5px;
	padding-left: 5px;
}
*/
.content ol	{
	margin-top: 5px;
	margin-left: 10px;
}

.content ol li	{
	padding: 5px 0px 5px 0px;
}

.separator	{
	font-size: 8px;
	color: #1C5C4E;
}

.button_style	{
	background-color: #9E2B1E;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	height: 22px;
}

.strong_content	{
	font-weight: bold;
	padding: 5px 0px 15px 0px;
}

#produce_title	{
	font-weight: bold;
	width: 530px;
	display: block;
	float: left;
	padding-bottom: 15px;
}

#produce_print	{
	text-align: right;
	width: 30px;
	display: block;
	float: left;
	padding-bottom: 15px;
}

#go_back a:link		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#go_back a:visited	{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#go_back a:hover		{color: #FFFFFF; font-size: 12px; text-decoration: underline}
#go_back a:active	{color: #FFFFFF; font-size: 12px; text-decoration: underline}

#back_to_top	{
	text-align: right;
	width: 570px;
	display: block;
/*	float: left;	*/
	padding: 10px 0px 0px 0px;
}

#store_back_to_top	{
	padding: 0px 0px 0px 0px;
}

.author	{
	color: #FFFFFF;
	font-weight: bold;
}

img.noborder {
	border:0;
}

/***********************************************************************
					    Find Recipe
*************************************************************************/
.winterRecipe {}
.winterRecipe #right_column #contentbox {width:400px;}



/***********************************************************************
					    FOOD CREW
*************************************************************************/

.foodCrew {}
.foodCrew #outer {background:url("/images/foodCrewBg.gif") repeat-y;}
.foodCrew #main_container {background:url(/images/foodCrewLeftBot.jpg) no-repeat -1px bottom;} 
.foodCrew #for_background {padding-bottom:0px;background-image:url("/images/foodCrewBotBorder.gif")}
.foodCrew #heading {display:block;float:none;left:0px;width:664px;height:62px;font-size:0;text-indent:-9999px;
    background:url("/images/foodCrewTitle.jpg") no-repeat #ead3a1 30px 20px;}
.foodCrew .foodCrewContent {padding:10px 20px 0 30px;}
.foodCrew #foodCrewVideo {float:left;padding-top:25px;width:320px;height:205px;}
.foodCrew p {float:left;width:240px;padding-bottom:15px;padding-right:15px;color:#171314;line-height:1.4em;}
.foodCrew p.intro {font-size:1.25em;width:570px;padding-bottom:25px;}

.foodCrew #right_column img {padding-left:12px;padding-bottom:20px;}
.foodCrew #right_column img.floatImg {float:left;padding-left:0px;padding-bottom:0px;}

.foodCrew #left_column {padding-left:15px;padding-top:25px;width:294px;}
.foodCrew #left_column img {padding-bottom:10px;}

.foodCrew #footer {margin:0 auto;float:none;}