@charset "utf-8";

/*remove browser default margins and paddings for all elements*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 12px/16px "Trebuchet MS", Arial, sans-serif;
	background: #9BB072;
	color: #302826;
}
p {
	margin-top: 8px;
	margin-bottom: 16px;
}
ul, ol {
	margin-left: 26px;
	margin-top: 8px;
	margin-bottom: 8px;
}
a {
	color: #93361f;
}
a:hover {
	color: #4E612E;
	text-decoration: none;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 24px;
	margin-bottom: 8px;
	color: #7A9055;
}
h2 {
	font-weight: normal;
	color: #7A9055;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
	letter-spacing: -1px;
}
h3 {
	font-size: 14px;
	color: #7B9055;
	line-height: 14px;
	margin: 0px 0px -4px;
	padding: 0px;
}

/*if using anchor (link) inside headings stlye using following styles*/
h3 a, h2 a {
	color: #7B9055;
	text-decoration: none;
}
h3 a:hover, h2 a:hover {
	color: #9BB072;
}
/*end heading link styles*/




/*set clear class for floats*/
.clear_both {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.clickhere_arrow {
	margin-right: 8px;
	text-decoration: none;
}
.content_green_bar {
	background: url(bg_content_green_bar.gif) no-repeat top left;
	margin:0px;
	padding:0px;
	height: 5px;
	width: auto;
	clear: both;
	line-height:0px;
	
}
.content_promo_green_bar {
	background: url(bg_branding.gif) no-repeat top left;
	margin:0px;
	padding:0px;
	height: 5px;
	width: auto;
	clear: both;
	line-height:0px;
}
.content_news {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #9BB072;
}



/*set container for the website*/
#wrapper {
	margin: 0px auto;
	width: 948px;
	background: url(bg_wrapper.gif) repeat-y left top;
	padding: 0px 2px 0px 3px;
}
/*set navigation (top bar) elements*/
#navigation {
	background: url(bg_navigation.gif) repeat-x left top;
	height: 59px;
	width: auto;
}
#navigation #searchform {
	float: right;
	width: 220px;
	padding-top: 10px;
}
#navigation  #searchform  #search {
	border: 1px solid #bde17e;
	width: 120px;
	height: 13px;
	float: left;
	padding: 3px 3px 4px;
}
#navigation #searchform #submit {
	background: #f0f7e4;
	border: 1px solid #526632;
	color: #526632;
	float: left;
	margin-left: 5px;
}


#navigation ul {
	list-style: none;
	float: left;
	width: 700px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#navigation li {
	float: left;
}
#navigation a {
	padding: 16px 21px 16px 20px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background: url(bg_navigation_link_separator.gif) no-repeat right top;
}
#navigation a:hover {
	background: #778C52;
}
/*-----END navigation styles----------*/

/*-----Branding is the container for the logo and promotional image---------*/
#branding {
	clear: both;
	height: 278px;
	width: auto;
}
#branding #crops_logo {
	float: left;
}
#branding #promotion {
	height: 278px;
	width: 633px;
	float: left;
}
/*-----END Branding---------*/

/*-----Content_promo is the container for the three promotional items on the home page---------*/
#content_promo {
	clear: both;
	width: auto;
	background: url(bg_content_promo.gif) repeat-x center bottom;
}
#content_promo h2 {
	background: url(bg_h2_content_promo.gif) no-repeat left center;
	padding-left: 24px;
	font-weight: normal;
	color: #7A9055;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
	letter-spacing: -1px;
}
#content_promo  p {
	margin: 8px 0px 16px;
}
#content_promo ul {
	list-style: none;
	margin: -8px 0px 0px 43px;
	padding: 0px;
}

.promo_box {
	padding: 20px 15px 0px 34px;
	float: left;
	width: 267px;
}

/*-----End content_promo---------*/

/*-----maincontent is the container for the content ---------*/
#maincontent {
	background: url(bg_maincontent.gif) repeat-y left top;
	width:948px;
	clear: both;
	
}
#content {
	width: 568px;
	float: right;
	padding: 20px 31px;
	margin: 0px;
}
/*-----Image_column is the container for the images in the left column---------*/
#image_column {
	float: left;
	width: 315px;
}
#image_column .content_image {
	border-bottom: 1px solid #D2DCC0;
	padding: 12px 13px 6px 11px;
}
/*-----this makes sure all images have border and no margin if inside a "p" tag---------*/
#image_column img {
	border: 1px solid #D2DCC0;
	margin-top: -8px;
}

/*-----End main content---------*/
#footer {
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	padding: 20px;
	clear: both;
	background: #F9F9E5;
}

@media print {
    .printonly { display: inline; }
    .noprint { display: none; }
}

@media screen {
    .printonly { display: none; }
    .noprint { display: inline; }
}