/* page structure */
/* treat #border as the new html body (eg scrollbar) */
html, body, #border, #body { margin:0px; padding:0px; background:#B4C7D9; position:relative; }
#border { font-size/* hide from IE5.0 */:75%; }
#border { font-family:verdana,arial,helvetica,sans-serif; font-size/* hide from IE5.0 */:70%; }
#border td, #border th { font-size/* hide from IE5.0 */:70%; }
#border { border:8px solid #ffffff; }
/*
#body { width:780px; height:auto; padding-bottom:23px; z-index:2; margin:0px; position:absolute; top:0px; left:0px; padding-top:144px; background:#E3E5F0; }
* html #body { width:100%; height:100%; padding-bottom:0px; }
*/
html { width:100%; height:100%; overflow:hidden; }
body { width:100%; height:100%; overflow:hidden; text-align:center; }
#border { width:762px; height:100%; margin:0px auto; overflow:hidden; top:-8px; }
* html #border { width:780px; top:0px; }
#border * { text-align:left; }
#body { overflow:auto; overflow-x:hidden; overflow-y:scroll; height:100%; margin-bottom:8px; }

#content, #left, #right, #resources { margin-top:120px; }
#content { float:left!important; }
#left, #right, #resources { position:relative!important; float:left!important; }

#left, #right, #resources { width:160px; z-index:3; margin-right:16px; text-align:left; padding:7px; padding-bottom:40px; }
#left { width:162px; color:black; background:#E3E5F0; border-right:1px dashed #B4C7D9; padding-top:40px; }
#right { width:177px; color:black; background:#E3E5F0; left:392px; border-left:5px solid #ffffff; padding-top:40px; }
#resources { display:none; text-align:center; font-size:80%; }
#content { position:relative; width:425px; height:100%; padding-bottom:54px; padding-left:30px; padding-right:30px; padding-top:40px; }
#left, #right { border-left:none; border-right:none; }
#left { width:148px; }
* html #left { width:162; }
#content { position:absolute; height:auto; left:162px; width:348px; padding-bottom:40px; }
* html #content { width:408px; }
#body { background:#E3E5F0 url(../img/bg_content.gif) repeat-y 162px 0px; }

#home #body { background:#E3E5F0 url(../img/bg_body.gif) repeat-y -8px 0px; }
#home #resources { display:block; width:95px; color:black; background:#ffffff; }
* html #home #resources { width:109px; }
#home #left { background:none; }
#home #content { left:109px; width:426px; }
* html #home #content { width:456px; }
#home #right { left:446px; }

p, ul, td { color:#333333; margin-top:12px; margin-bottom:12px; letter-spacing:-1px; }
p br { letter-spacing:0px; }
hr { border-top:1px solid #B4C7D9; }
ul li { /* list-style-image:url(../img/bullet_dash.gif); */
	list-style:none; background:url(../img/bullet_dash.gif) 0em 0.6em no-repeat; margin-left:-1em; padding-left:1em; }
ul, ol { color:#333333; margin-left:12px; padding-left:12px; margin-top:0px; }
li { margin-top:0px; margin-bottom:0px; padding-top:6px; padding-bottom:6px; }
cite { font-size:80%; display:block; font-style:normal; }

#right .panel { width:148px; border:1px dashed #B4C7D9; background:#ffffff url(../img/bg_right_panel.gif) repeat-x 0px 7px; margin-bottom:5px; padding:0px 7px 4px; overflow:auto; }
* html #right .panel { height:1%; width:164px; }
#right .panel h2 { text-transform:uppercase; font-size:90%; text-align:center;}
#right .panel h2 .bg { background:#ffffff; padding:3px; }
#right .panel p, #right .panel ul, #right .panel li { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }

strong {
	color:#34679A;
}

/* headings */
h1 { width:720px!important; background:#B4C7D9; padding-top:10px; padding-bottom:8px; padding-left:14px; padding-right:14px; margin-top:0px; border-top:5px solid #ffffff; border-bottom:5px solid #ffffff; font-size:120%; font-weight:bold; }
* html h1 { width:100%!important; }
h2, td h2 { font-size:120%; font-weight:bold; margin-top:6px; margin-bottom:3px; letter-spacing:-1px; }
h3, td h3 { font-size:100%; font-weight:bold; margin-top:6px; margin-bottom:3px; }
h2 { color:#34679A;}
h3, th { color:#333333; }
h2 img, h3 img { margin-top:16px; margin-bottom:16px; }
h1 a img, h2 a img, h3 a img { border-bottom:1px solid #9CC843; margin-bottom:16px; }
h2 a, .faq { font-weight:bold; }
.alert	{ background-color:#CCCDBE; padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:8px; }

/* links */
a { color:#34679A; text-decoration:none; cursor:pointer; }
a:hover { color:#B4C7D9; text-decoration:underline; }

/* table styles */
th { font-weight:bold; text-align:left; letter-spacing:-1px; padding-top:8px; padding-bottom:8px; }
.odd td { background-color:#DFDFD4; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px; vertical-align:top; }
.even td { background-color:#E6E5DC; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px; vertical-align:top; }
th.total { color:#736F59; font-weight:bold; text-align:right; }
td.cost, th.cost, td.amount, th.amount { text-align:right; }
th.cost { color:#ffffff; }
td.cost { color:#736F59; }
td.labels p { width:200px; float:right; }
td.labels p, [notIE] { position:relative; }

/* form styles */
form { margin:0px; }
.label { display:block; width:150px; float:left; margin-top:3px; margin-bottom:3px; padding-right:5px; }
label { cursor:pointer; }
input, textarea, select { font-family:verdana,arial,helvetica,sans-serif; font-size:100%; letter-spacing:-1px; }
input.bnover, input.bnout { font-size:80%; letter-spacing:0px; text-align:center!important; }
input.text, input.text-focus, input.amount, input.amount-focus, input.readonly-amount, textarea { display:block; width:165px; float:left; margin-top:2px; margin-bottom:3px; padding-left:5px; color:#736F59; }
input.radio, input.checkbox { display:block; width:auto; float:left; }
xselect { display:block; width:auto; float:left; }
select { float:left; border:0px solid #736F59; margin-top:3px; margin-bottom:3px; color:#736F59; }
textarea { overflow-y:scroll; }
input.bnout { margin-top:3px; margin-bottom:3px; }
input.text, input.text-focus, input.amount, input.amount-focus, textarea, select { border:1px solid #B4C7D9; }
input.amount, input.readonly-amount, input.amount-focus { width:45px; text-align:right; padding-right:5px; }
input.readonly-amount { float:right; background:transparent; width:70px !important; border:none !important; padding-right:0px; }
input[type=image] { margin-top:3px; margin-bottom:3px; }
input.bnout, input.bnover { text-transform:uppercase; font-weight:bold; font-size:80%; color:#ffffff; margin:0px; padding-bottom:1px; cursor:pointer; }
input.bnout { background:#33679A; border:1px solid #B4C7D9; }
input.bnover { background:#B4C7D9; border:1px solid #E3E5F0; }
form br { letter-spacing:0px; }

li.pdf { list-style-image:url(../img/ico_pdf.gif)!important; }
li.html, li.htm, li.www, li.web { list-style-image:url(../img/ico_html.gif)!important; }
li.word, li.doc { list-style-image:url(../img/ico_word.gif)!important; }
li.ppt, li.powerpoint { list-style-image:url(../img/ico_powerpoint.gif)!important; }
li.pdf, li.html, li.htm, li.www, li.web, li.word, li.doc, li.ppt, li.powerpoint { margin-left:-8px; padding-left:8px; }
li.pdf, li.html, li.htm, li.www, li.web, li.word, li.doc, li.ppt, li.powerpoint, [notIE] { vertical-align:top; }
ul.ingredients { list-style:none none; margin-left:0px; padding-left:0px; }
ul.ingredients li { margin-bottom:0px; padding-bottom:0px; }
#left .links li { margin-bottom:0px; padding-bottom:0px; }

/* top menu styles */
.side { background:#CFCEB0; }
#menubar { position:absolute; top:0px; left:-2px; margin:0px; padding:0px; z-index:4; }
#menubar h1 { position:absolute; top:106px; width:100%; }
#nav-top { position:absolute; top:74px; right:0px; background:transparent; border-top:3px solid #ffffff; }
#nav-top a { margin:0px; }
#menu { position:relative; top:0px; right:0px; z-index:10; overflow:visible; width:780px; }
.dropdown { position:absolute; display:none; z-index:20; width:108px; border-top:4px solid #ffffff; }
.dropdown a { display:block; width:108px; color:#ffffff !important; background:#7EA4C7; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:4px; text-transform:capitalize; }
.dropdown a:hover { background:#B4C7D9; text-decoration:none; }

@media screen {
	body>#menubar { position:fixed; }
	body>#left { position:fixed; }
	body>#right { position:fixed; }
	body>.footer { position:fixed; }
}

.footer { position:absolute; bottom:0px; left:-2px; margin:0px; padding:0px; z-index:200; padding-right:16px; }
#menubar { height:auto; }
#menubar, .footer { padding-right:0px; margin-right:16px; width:748px; }
* html #menubar, * html .footer { overflow-x:hidden; overflow-y:visible!important; }
.hide, .ie { display:none; }

/* Menu stuff */
.hider { position:absolute; z-index:5; display:none; }
#mn_hider1 { top:0px; left:0px; width:748px; height:74px; }
#mn_hider2 { top:110px; left:0px; width:748px; height:260px; }

/* Section styles */
#hero { background:#336699 url(../img/hero_wheat.jpg) no-repeat; position:relative; height:106px; }
input.text, input.amount, textarea.text { color:#B4C7D9; }
input.text, input.amount, textarea.text { color:#99B2CC; }
select, option { color:#34679A; }

#home #hero { background-image:url(../img/hero_wheat.jpg); }
#home .panel h2, #home a:hover, #home h1 { color:#996633; }
#home input.bnover { background:#996633; }
#home input.text-focus, #home input.amount-focus, #home textarea.text-focus { border:1px solid #996633; color:#996633; }

#poll #hero { background-image:url(../img/hero_wheat.jpg); }
#poll .panel h2, #poll a:hover, #poll h1 { color:#996633; }
#poll input.bnover { background:#996633; }
#poll input.text-focus, #poll input.amount-focus, #poll textarea.text-focus { border:1px solid #996633; color:#996633; }

#kausman #hero { background-image:url(../img/hero_toadstool.jpg); }
#kausman .panel h2, #kausman a:hover, #kausman h1 { color:#CC3300; }
#kausman input.bnover { background:#CC3300; }
#kausman input.text-focus, #kausman input.amount-focus, #kausman textarea.text-focus { border:1px solid #CC3300; color:#CC3300; }

#info #hero { background-image:url(../img/hero_flowers-gum.jpg); }
#info .panel h2, #info a:hover, #info h1 { color:#cc0000; }
#info input.bnover { background:#cc0000; }
#info input.text-focus, #info input.amount-focus, #info textarea.text-focus { border:1px solid #cc0000; color:#cc0000; }

#recipes-chef #hero { background-image:url(../img/hero_pods.jpg); }
#recipes-chef .panel h2, #recipes-chef a:hover, #recipes-chef h1 { color:#003300; }
#recipes-chef input.bnover { background:#003300; }
#recipes-chef input.text-focus, #recipes-chef input.amount-focus, #recipes-chef textarea.text-focus { border:1px solid #003300; color:#003300; }

#recipes-member #hero { background-image:url(../img/hero_pods.jpg); }
#recipes-member .panel h2, #recipes-member a:hover, #recipes-member h1 { color:#003300; }
#recipes-member input.bnover { background:#003300; }
#recipes-member input.text-focus, #recipes-member input.amount-focus, #recipes-member textarea.text-focus { border:1px solid #003300; color:#003300; }

#stories #hero { background-image:url(../img/hero_birds.jpg); }
#stories .panel h2, #stories a:hover, #stories h1 { color:#914800; }
#stories input.bnover { background:#914800; }
#stories input.text-focus, #stories input.amount-focus, #stories textarea.text-focus { border:1px solid #914800; color:#914800; }

#shop #hero, #shipping #hero { background-image:url(../img/hero_sand.jpg); }
#shop .panel h2, #shop a:hover, #shop h1,
#shipping .panel h2, #shipping a:hover, #shipping h1 { color:#9B796A; }
#shop input.bnover, #shipping input.bnover { background:#9B796A; }
#shop input.text-focus, #shop input.amount-focus, #shop textarea.text-focus,
#shipping input.text-focus, #shipping input.amount-focus, #shipping textarea.text-focus { border:1px solid #9B796A; color:#9B796A; }

#research #hero { background-image:url(../img/hero_blue-wren.jpg); }
#research .panel h2, #research a:hover, #research h1 { color:#BB9A07; }
#research input.bnover { background:#BB9A07; }
#research input.text-focus, #research input.amount-focus, #research textarea.text-focus { border:1px solid #BB9A07; color:#BB9A07; }

#contact #hero { background-image:url(../img/hero_eagle.jpg); }
#contact .panel h2, #contact a:hover, #contact h1 { color:#663333; }
#contact input.bnover { background:#663333; }
#contact input.text-focus, #contact input.amount-focus, #contact textarea.text-focus { border:1px solid #663333; color:#663333; }

#join #hero { background-image:url(../img/hero_wheat.jpg); }
#join .panel h2, #join a:hover, #contact h1 { color:#663333; }
#join input.bnover { background:#663333; }
#join input.text-focus, #join input.amount-focus, #join textarea.text-focus { border:1px solid #663333; color:#663333; }

#policy #hero { background-image:url(../img/hero_flowers-native.jpg); }
#policy .panel h2, #policy a:hover, #policy h1 { color:#DA4800; }
#policy input.bnover { background:#DA4800; }
#policy input.text-focus, #policy input.amount-focus, #policy textarea.text-focus { border:1px solid #DA4800; color:#DA4800; }

#health #hero { background-image:url(../img/hero_grasses.jpg); }
#health .panel h2, #health a:hover, #health h1 { color:#6D4824; }
#health input.bnover { background:#6D4824; }
#health input.text-focus, #health input.amount-focus, #health textarea.text-focus { border:1px solid #6D4824; color:#6D4824; }

/* Postcard Style Homepage
#home #body { position:relative; }
#home #border { height:430px; }
#home #body { background:#E3E5F0; } */

/* Remove Blue Strip From Homepage
#home #body { padding-top:111px; }
#home h1 img { display:none; }
#home h1 { padding:0px; border-top:none; }
#home #left, #home #right, #home #resources { top:111px; } */

.members-only { cursor:not-allowed; color:#8BA5C4; }
.members-only p { color:#A9AAB2; }

/* following styles removed from inc_right.asp which is not actually used */

	/*.panel, .content { display:none; }*/
	#home #login, #home #benefits, #home #links, #home #polls { display:block; }
	
	#kausman #welcome, #kausman #thought { display:block; }
	#kausman #login, #kausman #benefits { display:block; }
	
	#info #welcome, #info #thought { display:block; }
	#info #login, #info #benefits { display:block; }

	#recipes-member #welcome, #recipes-member #thought { display:block; }
	#recipes-member #login, #recipes-member #benefits { display:block; }

	#recipes-chef #welcome, #recipes-chef #thought { display:block; }
	#recipes-chef #login, #recipes-chef #benefits { display:block; }

	#stories #welcome, #stories #thought { display:block; }
	#stories #login, #stories #benefits { display:block; }

	#shop #welcome, #shop #thought { display:block; }
	#shop #login, #shop #benefits { display:block; }
	#shop #order-form, #shop #help-shipping { display:block; }
	
	#research #welcome, #research #thought { display:block; }
	#research #login, #research #benefits { display:block; }

	#health #welcome, #health #thought { display:block; }
	#health #login, #health #benefits { display:block; }

	#policies #welcome, #policies #thought { display:block; }
	#policies #login, #policies #benefits { display:block; }

	#join #become { display:block; position:relative; }
	#join #welcome, #join #thought { display:block; }

	#contact #login, #contact #benefits { display:block; }
	#contact #welcome, #contact #thought { display:block; }

	#policy #login, #policy #benefits { display:block; }
	#policy #welcome, #policy #thought { display:block; }

	#poll #polls-archive { display:block; }
	
	#right .label, #right input.text, #right input.text-focus, #right select.text { float:none!important; margin-right:0px!important; width:145px!important; padding-right:0px; }
	
	#become div.label, input.text, input.text-focus { margin:0px; }
	
	#join #right { left:auto; right:-374px; }
