body, html {
background: #42414d;
margin: 0px;
border: 0px;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 12px;
line-height: 14px;
}

/* Calls Whatever:Hover to fix IE quirks */
body {behavior:url("csshover.htc");}

.fleft { float:left; }

img { border:0px; }
form,p { margin: 0px; padding: 0px; }

/* Set H1 to have tan back ground, olive text - creates a header box*/
h1 {
	padding:4px;padding-left:17px;padding-right:17px;margin:0px;
	background:#dfe2bc;line-height:27px;margin-bottom:5px;
	font-size:27px;font-weight:normal;color:#5d5f44;
}

/* Uses <h1>Header <p>sub title</p></h1> to create a sub title in the header box created by H1 */
h1 p { padding-top:0px;font-size:22px;line-height:15px;padding-right:0px !important; padding-bottom:6px !important; text-align:right;color:#787b5b; }

h2 {
padding:4px;padding-left:10px;padding-right:5px;margin:0px;padding-bottom:0px;
line-height:20px;font-size:18px;
font-weight:normal;color:#2b4094;
}

h2 p { padding-top:5px !important;font-size:19px;line-height:14px; text-align:right;color:#2b4094; }

h4 { padding:0px;margin:0px;font-size:16px;line-height:17px;color:#9fa74d; }
/* Clear as an ID is a legacy value that is invalid CSS markup */
#clear { clear: both; }
/* Adding clear as a class for use in future work */
.clear { clear: both; }

#clearacc { clear: both;font-size:1px;line-height:1px;height:3px; }
#clearg { clear: both;font-size:1px;line-height:1px;background:#b2b591;height:1px;margin-bottom:10px; }
#clearg2 { clear: both;font-size:1px;line-height:1px;background:#b2b591;height:1px;margin-bottom:2px;margin-left:15px;margin-right:15px; }

/* Content Shadow left */
#shl {
	width: 795px;
	background-image: url('/images/shl.gif');
	background-repeat: repeat-y;
}

/* Content Shadow right */
#shr {
	width: 797px;
	background-image: url('/images/shr.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

/* Hold the main content */
#wrapper {
	background: #ffffff;
	width: 777px;
	text-align: left;
}

/* Holds the header image */
#header {
	position: relative;
	height:158px;
}

/* Holds Gardners/Food Service links in bottom right corner of header */
#site {
	position: absolute;
	bottom: 0px;
	right: 9px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

/* Sets link colors for main site */
	#site a {
		color: #6a7ba3;
		text-decoration: none;
	}
	#site a:hover {
		color: #ffffff;
	}

/* Blue spacer between header and navigation bar */
#blue_sp {
	background: #2b4094;
	height: 5px;
	font-size:3px;line-height:3px;
}

/* Nav Bar Styles */
#nav { margin: 0px;padding: 0px;padding-left:6px;list-style: none;height: 27px;background: #6a7ba3;font-size: 12px;font-weight:700;}
#nav li:hover ul {display: block;}
#nav li ul {display: none;position: absolute;background: #6a7ba3;top: 27px;left: 0px;margin: 0px;padding: 0px;list-style: none;z-index:5;}
#nav li ul li {float: none;width: 200px;}
#nav li ul li a {width:186px;display:block;line-height:20px;}
#nav li {float: left;height: 27px;line-height: 27px;position: relative;}
#nav li a {color: #ffffff;text-decoration: none;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:4px;}
#nav li:hover {background: #2b4094;}

/* White spacer between navigation bar and main content */
#white_sp {
	background: #ffffff;
	height: 15px;
}

/* Left column for two column layout */
#left_cell {
	float: left;
	margin-left: 9px;padding-bottom:9px;
	width: 448px;
}

/* Column for single cell layout */
#full_cell { 
	float:left;margin-left: 9px;
	margin-right:9px;
	padding-bottom:9px;
	width:757px;
}


#left_cell p,#left_sp {
padding:8px;padding-left:17px;padding-right:17px;line-height:15px;
}
#left_sp p { padding:0px; }
#right_cell {
float: left;
margin-left: 9px;padding-bottom:9px;
width: 300px;
}
#right_cell2 {
float: right;
margin-left: 9px;padding-bottom:9px;
width: 300px;
}
#small_cell1 {
float: center;
margin-left: 3px;padding-bottom:3px;
width: 100px;
}
#news_wrapper { background: #9fa275; padding-top: 10px; padding-bottom: 1px; }
#banner { border-left: 17px solid #5d5f44; border-right: 17px solid #5d5f44; border-top: 5px solid #5d5f44; border-bottom: 5px solid #5d5f44; }
.dark_green { color: #4e5039; font-size: 14px; font-weight: bold; margin-top: -4px;margin-bottom:4px; line-height:18px; }
#news { margin: 0px; padding: 0px; border-left: 5px solid #7f825f; list-style: none; padding-left: 6px; }
#news li {  background-image: url("/images/bullet_arrow.gif"); background-repeat: no-repeat; background-position: 0px 3px; }
#news li a { color: #ffffff; text-decoration: none;padding-left: 12px; }
#news li:hover { background-image: url("images/bullet_arrow_hover.gif");}
#news li:hover a { color:#975712; }
.footer { color: #42414d; height: 23px; text-align: center; line-height: 23px; font-weight: bold; font-size: 11px; }
.footer a { color: #42414d; text-decoration: none; }
.footer a:hover { color: #2b2a2f; }
#copy { position:relative;left:1px;color: #ffffff; text-align: left; width: 777px; background-image: url("/images/shb.gif"); background-repeat: repeat-x; height: 18px; line-height: 18px; font-size: 11px; }

#boxl { background:#d6dded; }
#boxd { background:#c3cada;margin-top:5px;margin-bottom:5px; }
#boxg { background:#dfe2bc; }
#boxl p,#boxd p { padding:10px;padding-top:2px;padding-bottom:12px;color:#2b4094; }
#boxl form { padding:0px;margin:0px;padding-left:10px; }
#boxl form p.label { padding:0px 0px 2px 0px;margin:0px;font-size:12px;color:#42414d;font-weight:bold; }
#boxl a { color:#2b4094; }
.alignr { float:right;margin-left:10px; }
.alignl { float:left;margin-right:10px; }
.mt10 { margin-top:10px; }
.black12 { font-size:12px;line-height:14px; color:#000000; }
.black19 { font-size:19px;padding-top:2px !important;padding-bottom:4px !important; }
.green12 { font-size:12px;color:#787b5b; }
.label_gr { font-size:12px;color:#485443;padding-bottom:2px !important;padding-top:4px !important; }
.label_gr2 { font-size:12px;color:#485443;padding-bottom:0px !important;padding-top:0px !important; }

.pr_cat { font-size:17px;font-weight:bold; }
.pr_comm { color:#787b5b; }

#th4 { float:left;width:95px;text-align:center;margin-right:8px;margin-top:8px;margin-bottom:5px; }
#th4 a { color:#000000;text-decoration:none; }

/* On the products.asp page for the image and text by the YouTube videos */
div.prodcuts_image {
	float:left; 
	width:120px;
	text-align:center; 
	margin-right:8px; 
	margin-top:8px; 
	margin-bottom:5px;
}
div.products_summary {
	float:left; 
	width:365px; 
	text-align:left;
	margin-right:8px; 
	margin-left:8px;
	margin-top:8px;
	margin-bottom:5px;
}

#frow_bl { background:#c3cada;font-size:18px;line-height:32px;height:32px;color:#2b4094;padding-left:8px;padding-right:8px;}
#frow_bl p { float:right;font-size:12px;padding:0px; }
#frow_gr { background:#c7caa6;font-size:18px;line-height:32px;height:32px;color:#5d5f44;padding-left:8px;padding-right:8px;}
.frow_gr { background:#c7caa6;font-size:15px;font-weight:bold;line-height:20px;height:20px;color:#5d5f44;padding-left:8px;padding-right:8px;}
#frow_gr p { float:right;font-size:12px;padding:0px; }
#frow_gr p a { text-decoration:none;color:#5d5f44; }

.t_shop { font-size:12px;line-height:15px;color:#474d65;width:280px; }
.t_shop_h { border-bottom:2px solid #b2b9cb; }
.b_blue { border:0px; background:#c3cada; color:#2b4094;margin-top:3px; }
.t_calc { font-size:12px;line-height:15px;color:#485443;width:280px; }
.t_calc_h { border-bottom:2px solid #b9be9e; }
.b_green { border:0px; background:#2B4094; color:#FFFFFF;margin-top:3px; cursor:pointer;}
.b_green3 { border:0px; background:#c7caa6; color:#5d5f44;margin-top:3px; }
.b_green2 { border:0px; background:#c7caa6; color:#5d5f44;font-weight:bold; }
.b_gray { border:0px; background:#b2b2b2; color:#ffffff;margin-top:5px; }
.t_gray_h { border-bottom:2px solid #d1d4d0;color:#485443; }
.calc_inp { font-size:12px;color:#5d5f44; width:95px; }
.f_inp { font-size:12px;color:#6f6f6f;width:160px; }
.f_but { font-size:12px;color:#6f6f6f;font-weight:bold }
.f_table { background:#dfe2bc;border:1px solid #787b5b; }
.cell_b td { border:1px solid white; }

#left_sp a { color:#2c4ccf; }
#left_sp a:visited {color:#697a89; }
.ul10 { padding:0px;margin:0px;margin-left:15px; }
.city { font-weight:bold;clear:left;line-height:60px;border-bottom:1px dotted #CACACA }
.city img { margin:5px;float:right; }

#p_title { font-size:19px;line-height:21px; }
#ret_link { text-align:right; }
#ret_link a { color:#5a5e3f;text-decoration:none; }

.blue12 { color:#2b4094;line-height:20px !important;font-size:12px !important; }
#timer { border:2px solid #dfe2bc;padding:5px;float:right;width:200px;text-align:center;position:relative;top:13px; cursor:pointer; }
#timer p { padding:2px 0 0px;margin:0px;font-size:48px !important;font-weight:bold;color:#2b4094;line-height:44px !important; } 
#timer p span { color:#808264;font-size:18px !important;font-weight:bold;line-height:25px !important; display:block; padding-top:5px; }

#kitchen_kits { float:right;margin-top:-35px; }
#r_logos { float:right;margin-top:-10px; }
.mt5 { margin-top:5px; }
.mb10 { margin-bottom:10px; }

/* Layout elements for contact forms */
/* Added August 17 - 2011 by NewLeaf Internet */

/* Logical Layout box for online forms */
.formSegment {
	position:relative;
	margin:20px 5px 10px 5px;
	padding:5px;
	padding-top:15px;
	border: 1px #42414D solid;
	width:340px;
	float:left;
}
	.double { width: 735px; }
	.noBorder { border:none; padding-top:0; }
	.right { margin-left:20px; float:right; }
	
.formSegment h2 {
	position:absolute;
	left:10px;
	top:-15px;
	background:#6A7BA3;
	color:#FFF;
	padding:3px 40px 3px 15px;
}

.formLabel { width:150px; float:left; padding:5px; text-align:right; margin:0; }
.formInput { }
.formInput input { width:140px; }

/* Clever CSS trick to clear the float so that IE 7 doesn't break with this layout */
.formInput:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#additionalInfo p { margin: 1em 0; }
#a { background-color:#DFE2BC;border: solid 1px gray; text-align: center; }

h4.donation_info { background:#6A7BA3; color:#FFF; padding: 3px 40px 3px 15px; margin:20px auto}

#myGallery {
float:right; width:300px; height:225px; background:#999933; margin-left:10px; margin-top:50px;
}