/* general sitewide declarations */
	html,body { margin: 0px; /*min-height: 100%;*/ height: 100%; }
	body { background: url("images/bg_site.jpg") 100% 100% repeat; }
	td, p { font-family: Arial,Verdana,sans-serif;font-size:12pt;color:#572600; }
	img { border: none; }
	p { margin: 0 0 20px 0; }
	.errorMessage { font-size: 12px; font-weight: bold; color: #ff0000; }

	/* text styles*/
	.txt{font-family: Verdana,Arial,sans-serif;font-size:9pt;color:#572600; letter-spacing:0.5pt;}
	.txtBrown{font-family: Verdana,Arial,sans-serif;font-size:9pt;color:#d38922; letter-spacing:0.5pt;}
	.callout{font-family: Verdana,Arial,sans-serif;font-size:10pt;color:#d38922;font-weight:bold; letter-spacing:0.8pt;}
	.calloutBr{font-family: Verdana,Arial,sans-serif;font-size:10pt;color:#572600;font-weight:bold; letter-spacing:0.8pt;}
	.tit{font-family: Arial,Verdana,sans-serif;font-size:8pt;color:#572600;font-weight:bold; letter-spacing:0.5pt;}
	.txtArial{font-family: Arial,Verdana,sans-serif;font-size:8pt;color:#572600; letter-spacing:0.5pt;}

	lu, li{font-family: Verdana,Arial,sans-serif;font-size:9pt;color:#572600;font-weight:bold; letter-spacing:0.8pt;}

	.txt_grey{font-family: Arial,Verdana,sans-serif;font-size:8pt;color:#5d5d5d;letter-spacing:1pt;}
	.whatsnew{font-family: Arial,Verdana,sans-serif;font-size:9pt;color:#000000;font-weight:bold; letter-spacing:0.5pt;}
	.date{font-family: Arial,Verdana,sans-serif;font-size:9pt;color:#000000; text-align:right}
	.imgPad{ padding-bottom:20px; }

	.td535 {width: 300px;}

	form {display:inline;}
	
	/* links and anchors*/
	a:link		{ color: #572600; text-decoration: underline; }
	a:visited	{ color: #572600; text-decoration: none; }
	a:hover		{ color: #572600; text-decoration: underline; }
	a:active	{ color: #572600; text-decoration: underline; }
	
	a.bro:link		{ color: #d38922; text-decoration: underline; font-size:9pt;letter-spacing:1.0pt;}
	a.bro:visited	{ color: #d38922; text-decoration: none;font-size:9pt; letter-spacing:1.0pt;}
	a.bro:hover		{ color: #d38922; text-decoration: underline; font-size:9pt;letter-spacing:1.0pt;}
	a.bro:active	{ color: #d38922; text-decoration: underline; font-size:9pt;letter-spacing:1.0pt;}
	
	a.broArial:link		{ color: #d38922; text-decoration: none; font-size:8pt;letter-spacing:1.0pt;}
	a.broArial:visited	{ color: #d38922; text-decoration: none;font-size:8pt; letter-spacing:1.0pt;}
	a.broArial:hover		{ color: #d38922; text-decoration: underline; font-size:8pt;letter-spacing:1.0pt;}
	a.broArial:active	{ color: #d38922; text-decoration: underline; font-size:8pt;letter-spacing:1.0pt;}
	

	h3 {background-color: #ff0000;}
	h4 { font-size: 14px; margin: 0 0 12px 0; padding: 0; }
	.blueback {background-color: #0000ff;}
	.header{background: url("images/top_nav_bg.jpg") no-repeat; color: #000;}
	.storeTop{background: url("images/bg_findStore.jpg") no-repeat;}

	/*who we are*/
	.bg_who_we_are{background: url("images/leftNav_bg_wh.jpg") no-repeat top ;min-height:100%; line-height : 14px; }
	.wwa_subnav,.wwa_subnav_sel {font-family: Arial,Verdana,sans-serif;font-size:0.8em; color:#000; }
	.wwa_subnav_sel{font-weight:bold;}
	.wwaMainImg { display: block; float: left; margin: 0 20px 12px 0; }

	/*grains*/
	.bg_grains{background: url("images/leftNav_bg_gr.gif") no-repeat top ;min-height:100%;}
	.gr_subnav,.gr_subnav_sel {font-family: Arial,Verdana,sans-serif;font-size:0.8em; color:#000; }
	.gr_subnav_sel{font-weight:bold;}/*padding:0 0 15px 0;}*/

	/*products*/
	.bg_products_cookies{background: url("images/leftNav_bg_prod_1.gif") no-repeat top ;min-height:400px;}
	.prd_subnav,.prd_subnav_sel {font-family: Arial,Verdana,sans-serif;font-size:0.8em; color:#000; }
	.prd_subnav_sel{font-weight:bold;}

	.prd_subnav_green,.prd_subnav_sel_green { font-family: Arial,Verdana,sans-serif;font-size:0.8em;color:#4f7522; }
	.prd_subnav_sel_green{font-family: Arial,Verdana,sans-serif;font-size:0.8em;color:#4f7522; }

	.bg_products_cluster{background: url("images/leftNav_bg_prod_3.gif") no-repeat top ;min-height:400px;}
	.bg_products_crackers{background: url("images/leftNav_bg_prod_2.gif") no-repeat top ;min-height:500px;}
	
	.ingred, .allergy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }
	.ingred { margin-bottom: 0; }
	.allergy { font-weight: bold; }
	.nutriPanel { display: block; float: left; margin: 0 12px 20px 0; }
	.cclLink { margin: 0 0 20px 0; font-size: 12px; text-align: center; }
	.cclLink a { color: #d38922; text-decoration: underline; font-weight: bold; }
	.cclLink a:hover { text-decoration: none; }
	.prodSplash { position: relative; }
	.prodSplash .cclLink { position: absolute; top: 130px; left: 366px; z-index: 5; }

	/*join us*/
	.bg_join{background: url("images/leftNav_bg_jo.gif") no-repeat top ;min-height:100%;}
	.join_subnav,.join_subnav_sel {font-family: Arial,Verdana,sans-serif;font-size:0.8em; color:#000; }
	.join_subnav_sel{font-weight:bold;}
	.wnEvent { width: 579px; margin: 0 0 28px 3px; }
	.wnEvent p { font-family: Verdana,Arial, sans-serif; font-size: 9pt; letter-spacing:0.5pt; line-height: 1.4em; }
	.wnHeader { background: #fdf7ea; margin: 0 0 12px 0; padding: 8px 12px; border-top: 1px solid #d38922; border-bottom: 1px solid #d38922; }
	.wnHeader .wnDate { float: right; font-size: 12px; margin: 0 0 0 36px; padding: 4px 0 0 0; }
	.wnHeader h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0; }
	.wnEvent h3 { background: none; }
	.wnEventList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 28px 0; padding: 0; }
	.wnEventList dt { font-weight: bold; width: 170px; float: left; clear: left; }
	.wnEventList dd { margin: 0 0 12px 180px; }
	.joinLabel { font-family: Verdana,Arial,sans-serif;font-size:9pt;color:#572600; letter-spacing:0.5pt; font-weight: bold; }
	
	/* Cluster and Cracker Locations */
	.cclContent p { font-family: Verdana,Arial, sans-serif; font-size: 9pt; letter-spacing:0.5pt; line-height: 1.4em; }
	.tblCcl { border-collapse: collapse; margin: 0 0 28px 0; }
	.tblCcl td { vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 20px 0; }
	.tblCcl td a { color: #d38922; text-decoration: none; }
	.tblCcl td a:hover { text-decoration: underline; }
	.tblCcl .col1, .tblCcl .col2 { width: 220px; }
	.tblCcl .col3 { width: 160px; }
	
	/* Contact Us */
	.contactContent { padding: 30px 0 30px 20px; }
	.conName input, .conEmail input, .conSubject input { width: 300px; }
	.conName, .conEmail, .conSubject { clear: left; margin: 0 0 8px 0; }
	.conMessage textarea { width: 300px; height: 80px; margin: 0 0 12px 0; }
	.contactContent fieldset { border: none; padding: 0; }
	.contactContent fieldset label { width: 120px; display: block; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	.contactContent .btnSend { margin: 0 0 0 346px; }
	.contactContent .errorMessage { vertical-align: top; }
	
	/*footer*/
	.footer{font-family: Arial,Verdana,sans-serif;font-size:9pt; color:#572600; }
	a.footer:link		{ color: #572600; text-decoration: none; }
	a.footer:visited	{ color: #572600; text-decoration: none; }
	a.footer:hover		{ color: #000; text-decoration: underline; }
	a.footer:active	{ color: #572600; text-decoration: none; }

	.navHeight{height:1px;}
	#nav .selected{border:1px #000 solid;}



/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:54px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:612px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:54px; width:150px; border:0px; /*solid #888; border-color:#ddd #888 #000 #ccc;*/ text-decoration:none; padding:0; cursor:pointer;}
/*#nav li a b {margin-left:-999px;}*/

#nav li a.who_normal {background:url(images/nav_main_wh.gif);background-position: 0 -1px;}
#nav li a.grains_normal {background:url(images/nav_main_gr.gif);background-position: 0 -1px;}
#nav li a.products_normal {background:url(images/nav_main_pr.gif);background-position: 0 -1px;}
#nav li a.join_us_normal {background:url(images/nav_main_jo.gif);background-position: 0 -1px;}

#nav li a.who_over {background:url(images/nav_main_wh.gif);background-position: 0 59px;}
#nav li a.grains_over {background:url(images/nav_main_gr.gif);background-position: 0 59px;}
#nav li a.products_over {background:url(images/nav_main_pr.gif);background-position: 0 59px;}
#nav li a.join_us_over {background:url(images/nav_main_jo.gif);background-position: 0 59px;}

/*regular over image (without leaf)*/
#nav li a.who_over_normal {background:url(images/nav_main_wh.gif);background-position: 0 120px;}
#nav li a.grains_over_normal {background:url(images/nav_main_gr.gif);background-position: 0 120px;}
#nav li a.products_over_normal {background:url(images/nav_main_pr.gif);background-position: 0 120px;}
#nav li a.join_us_over_normal {background:url(images/nav_main_jo.gif);background-position: 0 120px;}


#nav li:hover a,
#nav a:hover
{background-position: 0 120px;}


#nav table {position:absolute; top:0; left:0; /*border-collapse:collapse;*/ padding:0; width:0; height:0; margin:0px;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul li a.sub_who {background:url(images/subNav_1_1.jpg); }
#nav :hover ul li a.sub_story {background:url(images/subNav_1_2.jpg);}
#nav :hover ul li a.sub_partner {background:url(images/subNav_1_3.jpg);}
#nav :hover ul li a.sub_in_the_news {background:url(images/subNav_1_4.jpg);}
#nav :hover ul li a.sub_takethequiz {background:url(images/subNav_1_5.jpg);}

#nav :hover ul li a.sub_quinoa {background:url(images/subNav_2_1.jpg);}
#nav :hover ul li a.sub_amaranth {background:url(images/subNav_2_2.jpg);}
#nav :hover ul li a.sub_brown {background:url(images/subNav_2_3.jpg);}
#nav :hover ul li a.sub_wheat {background:url(images/subNav_2_4.jpg);}
#nav :hover ul li a.sub_rye {background:url(images/subNav_2_5.jpg);}
#nav :hover ul li a.sub_buckwheat {background:url(images/subNav_2_6.jpg);}
#nav :hover ul li a.sub_millet {background:url(images/subNav_2_7.jpg);}
#nav :hover ul li a.sub_oats {background:url(images/subNav_2_8.jpg);}

#nav :hover ul li a.sub_cookies {background:url(images/subNav_3_1.jpg);}
#nav :hover ul li a.sub_clusters {background:url(images/subNav_3_2.jpg);}
#nav :hover ul li a.sub_crackers {background:url(images/subNav_3_3.jpg);}

#nav :hover ul li a.sub_join {background:url(images/subNav_4_1.jpg);}
#nav :hover ul li a.sub_news {background:url(images/subNav_4_2.jpg);}

/*NAV WHO WE ARE*/
#nav .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav :hover ul.sub1/*this is the separation of the subnav from the nav items*/
{left:0; top:52px; background: #edb; width:171px; height:auto; z-index:300;}
#nav :hover ul.sub1 li
{display:block; height:27px; position:relative; float:left; width:171px; font-weight:normal;}
#nav :hover ul.sub1 li a
{display:block; height:27px; width:171px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub1 li a b {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub1 li a:hover /*this is the offset of the rollover image, should be the same as the ul.sub1 li*/
{background-position: 0 27px; position:relative;}
#nav :hover ul.sub1 li a:hover b {left:100px; top:15px; background:#fff; color:#000; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/*NAV GRAINS*/
#nav .sub2 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav :hover ul.sub2/*this is the separation of the subnav from the nav items*/
{left:35px; top:52px; background: #edb; width:106px; height:auto; z-index:300;}
#nav :hover ul.sub2 li
{display:block; height:27px; position:relative; float:left; width:106px; font-weight:normal;}
#nav :hover ul.sub2 li a
{display:block; height:27px; width:106px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub2 li a b {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub2 li a:hover /*this is the offset of the rollover image, should be the same as the ul.sub2 li*/
{background-position: 0 27px; position:relative;}
#nav :hover ul.sub2 li a:hover b {left:100px; top:15px; background:#fff; color:#000; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/*NAV PRODUCTS*/
#nav .sub3 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav :hover ul.sub3/*this is the separation of the subnav from the nav items*/
{left:10px; top:52px; background: #edb; width:140px; height:auto; z-index:300;}
#nav :hover ul.sub3 li
{display:block; height:27px; position:relative; float:left; width:140px; font-weight:normal;}
#nav :hover ul.sub3 li a
{display:block; height:27px; width:140px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub3 li a b {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub3 li a:hover /*this is the offset of the rollover image, should be the same as the ul.sub3 li*/
{background-position: 0 27px; position:relative;}
#nav :hover ul.sub3 li a:hover b {left:100px; top:15px; background:#fff; color:#000; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/*NAV JOIN US*/
#nav .sub4 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav :hover ul.sub4/*this is the separation of the subnav from the nav items*/
{left:20px; top:52px; background: #edb; width:128px; height:auto; z-index:300;}
#nav :hover ul.sub4 li
{display:block; height:27px; position:relative; float:left; width:128px; font-weight:normal;}
#nav :hover ul.sub4 li a
{display:block; height:27px; width:128px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub4 li a b {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub4 li a:hover /*this is the offset of the rollover image, should be the same as the ul.sub4 li*/
{background-position: 0 27px; position:relative;}
#nav :hover ul.sub4 li a:hover b {left:100px; top:15px; background:#fff; color:#000; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/*GRAINIAC QUIZ*/
.GRAINIAC_QUIZ li:hover{
	background:url(images/bg_li.png) top left repeat;
}

.GRAINIAC_QUIZ li{
	padding: 18px;
}

.GRAINIAC_QUIZ_QUESTION li{
	list-style-type:lower-alpha;
	padding:3px;
	font-weight: normal;
}

.GRAINIAC_CONTAINER{
	font-family:Verdana,Arial,sans-serif;
	font-size:9pt;
	letter-spacing:0.5pt;
	margin:0;
	padding:0;
	border:none;
	margin:10px 0; 
}