/*-----------------------------------------------------------------------------
author:    www.jolidesign.com
           P.O. Box 11373
		   Yakima WA 98909
		   509.949.7881
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */


/* Class for clearing floats */
.clear {
	clear:both;
	/* Take padding/margins out for IE */
	padding:0;
	margin:0;
	visibility:hidden;
	display:block;
	}

/* Remove border around linked images */
img {
	border: 0;
}

body {
	background-color:#ffffff;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#container {
	margin:0 auto;
	position:relative;
	width:923px;
	left: 7px;
	top: 14px;


	}
	
#bannerLogo {
	margin:2px 0 0 0px;
	}
	

	

/* =Typography
-----------------------------------------------------------------------------*/	
p {
	line-height:1.65em;
	}
	
h1 {
	color:#006633;
	font-size:13px;
	font-weight:bold;
	line-height:1.65em;
	}
	
h2 {
	color:#CC6633;
	font-size:12px;
	font-weight:bold;
	}
	
h3 {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	}	
	
/* =Search Include
-----------------------------------------------------------------------------*/
#search {
	position:absolute;
	top:158px;
	right:0;
	}
	
input {
border-color:#0f703a;
border-width:1px;
border-style:solid;
}

.submit {
color:#ffffff;
font-weight:bold;
background-color:#0f703a;
}

/* =footer
-----------------------------------------------------------------------------*/
#footer {
	width:873px;
	padding:0 25px;
	margin:5px 0 0 0;
	font-size:10px;
	}
	
.floatLeft {
	float:left;
	}
	
.floatRight {
	float:right;
	}

/* =footerNav
-----------------------------------------------------------------------------*/
#footerNav {
	width:923px;
	height:22px;
	background:url(../img/navAllBg.gif) repeat-x;
	}
	
#footerNav ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
#footerNav ul li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;	
	}
	
#footerNav ul li a {
	text-indent:-5000px;
	}
	
#footerNav ul li a:link, #footerNav ul li a:visited {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
}

#footerNav ul li a:hover, #footerNav ul li a:active, /* for IE 'flicker' on rollover */ #navLeft, #navHome, #navContact, #navJoin, #navSample, #navContract, #navRight {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
}

#navLeft a, #navLeft {
	height:22px;
	width:89px;
	background:url(../img/navLeft.gif) no-repeat;
	background-position:top left;
	}
	
#navHome a, #navHome {
	height:22px;
	width:80px;
	background:url(../img/navHome.gif) no-repeat;
	}
	
#navNews a, #navNews {
	height:22px;
	width:104px;
	background:url(../img/navNews.gif) no-repeat;
	}
	
#navJoin a, #navJoin {
	height:22px;
	width:185px;
	background:url(../img/navJoin.gif) no-repeat;
	}
	
#navSample a, #navSample {
	height:22px;
	width:156px;
	background:url(../img/navSample.gif) no-repeat;
	}
	
#navContract a, #navContract {
	height:22px;
	width:190px;
	background:url(../img/navContract.gif) no-repeat;
	}
	
#navRight a, #navRight {
	height:22px;
	width:119px;
	background:url(../img/navRight.gif) no-repeat;
	background-position:top right;
	}


/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNav {
	margin:9px 0 0 0;
	padding:0;
	width:923px;
	height:22px;
	background:url(../img/navAllBg.gif) repeat-x;
	}
	
#mainNav ul li a:hover, #mainNav ul li a:active, /* for IE 'flicker' on rollover */ #navAbout, #navCrop, #navProducts, #navRecipes, #navHealth, #navDocs, #navContact {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	}

/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:22px;
	position:relative !important;
	}
	
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:top;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:bottom;
	}
	
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:22px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* link and list-item widths correspond with image widths */
#navAbout, #aboutButton, #aboutButton:visited {
	width:87px;
	}
	
#navCrop, #cropButton, #cropButton:visited {
	width:145px;
	}
	
#navProducts, #productButton, #productButton:visited {
	width:95px;
	}
	
#navRecipes, #recipeButton, #recipeButton:visited {
	width:171px;
	}
	
#navHealth, #healthButton, #healthButton:visited {
	width:153px;
	}
	
#navDocs, #docsButton, #docsButton:visited {
	width:150px;
	}
	
#navContact, #contactButton, #contactButton:visited {
	width:122px;
	}
	
/* button images are span background images */
#aboutButton span, #aboutButton:visited span {
	background-image:url(../img/navAbout.gif);
	}
	
#cropButton span, #cropButton:visited span {
	background-image:url(../img/navCrop.gif);
	}
	
#productButton span, #productButton:visited span {
	background-image:url(../img/navProducts.gif);
	}

#recipeButton span, #recipeButton:visited span {
	background-image:url(../img/navRecipes.gif);
	}
	
#healthButton span, #healthButton:visited span {
	background-image:url(../img/navHealth.gif);
	}
	
#docsButton span, #docsButton:visited span {
	background-image:url(../img/navDocs.gif);
	}
	
#contactButton span, #contactButton:visited span {
	background-image:url(../img/navContact.gif);
	}
	

/* body tag */

#aboutB #aboutButton span a:link, #aboutB #aboutButton span a:visited, #aboutB #aboutButton span a:hover, #aboutB #aboutButton span a:active, #aboutB #aboutButton span,

#cropB #cropButton span a:link, #cropB #cropButton span a:visited, #cropB #cropButton span a:hover, #cropB #cropButton span a:active, #cropB #cropButton span,

#productB #productButton span a:link, #productB #productButton span a:visited, #productB #productButton span a:hover, #productB #productButton span a:active, #productB #productButton span,

#recipeB #recipeButton span a:link, #recipeB #recipeButton span a:visited, #recipeB #recipeButton span a:hover, #recipeB #recipeButton span a:active, #recipeB #recipeButton span,

#healthB #healthButton span a:link, #healthB #healthButton span a:visited, #healthB #healthButton span a:hover, #healthB #healthButton span a:active, #healthB #healthButton span,

#docsB #docsButton span a:link, #docsB #docsButton span a:visited, #docsB #docsButton span a:hover, #docsB #docsButton span a:active, #docsB #docsButton span,

#newsB #newsButton span a:link, #newsB #newsButton span a:visited, #newsB #newsButton span a:hover, #newsB #newsButton span a:active, #newsB #newsButton span,

#homeB #navHome a:link, #homeB #navHome a:visited, #homeB #navHome a:hover, #homeB #navHome a:active, #homeB #navHome,

#contactB #navContact a:link, #contactB #navContact a:visited, #contactB #navContact a:hover, #contactB #navContact a:active, #contactB #navContact,

#joinB #navJoin a:link, #joinB #navJoin a:visited, #joinB #navJoin a:hover, #joinB #navJoin a:active, #joinB #navJoin,

#sampleB #navSample a:link, #sampleB #navSample a:visited, #sampleB #navSample a:hover, #sampleB #navSample a:active, #sampleB #navSample

 {
	cursor:default;
	background-position:bottom;
	}


/* old css non dropdown menu

#mainNav ul {
	list-style:none;
	}
	
#mainNav ul li {
	list-style:none;
	float:left;
	}
	
#mainNav ul li a {
	text-indent:-5000px;
	}
	
#mainNav ul li a:link, #mainNav ul li a:visited {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
}

#mainNav ul li a:hover, #mainNav ul li a:active, /* for IE 'flicker' on rollover */ /*#navAbout, #navCrop, #navProducts, #navRecipes, #navHealth, #navDocs, #navNews {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
}
	
#navAbout a, #navAbout {
	height:22px;
	width:90px;
	background-image:url(../img/navAbout.gif);
	display:block;
	}
	
#navCrop a, #navCrop {
	height:22px;
	width:148px;
	background-image:url(../img/navCrop.gif);
	}
	
#navProducts a, #navProducts {
	height:22px;
	width:98px;
	background-image:url(../img/navProducts.gif);
	}

#navRecipes a, #navRecipes {
	height:22px;
	width:174px;
	background-image:url(../img/navRecipes.gif);
	}