@import url("/css/print.css") print;

/* Defaults
-------------------------------------------------- */
* { margin:0; padding:0;}

body,td,th { font-size:12px; color:#433B2D; font-family:Arial, Helvetica, sans-serif; }
body { margin:0; background:#EEEFEC url(img/bg-watermark.gif) center bottom no-repeat fixed; }

p { margin:10px 0; }

h1, h2 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h1 { font-size:22px; color:#DFA844; margin:0; }
h1 em { color:#B8B3A8; font-style:normal; }
h2 { font-size:16px; color:#948F82; font-style:italic; margin:10px 0; }
h3 { font-size:16px; color:#314535; margin:0; font-weight:normal; }

ol,ul { list-style:none; }

img { border:0; border-style: none; }

.clear { clear:both; }

a:link, a:visited { color:#943A24; text-decoration:none;}
a:visited {	color:#702C1B; text-decoration:none;}
a:hover, a:active { color:#943A24; text-decoration:none;}




/* --------------------------------------------------
To set members or non-members color scheme just set body class: body class="members" -or- body class="nonmembers
Green (nonmembers) #314535 - Rust (members) #943A24 - Yellow #DFA844 
-------------------------------------------------- */



/* Search Bar
-------------------------------------------------- */
#search { margin:0; padding:11px 0 12px 0; }
#search input { vertical-align:middle; }
.nonmembers #search { background:#314535 url(img/bg-search_nonmembers.gif) bottom repeat-x; }
.members #search { background:#943A24 url(img/bg-search_members.gif) bottom repeat-x; }

#search form { width:800px; margin:0 auto; text-align:right; }
#search .q { width:130px; padding:1px 2px; margin-right:5px; font-size:11px; }
.nonmembers #search .q { color:#314535; background-color:#E1E4DD; border:#8A9487 solid 1px; }
.members #search .q { color:#943A24; background-color:#F5E6D7; border:#CF9878 solid 1px; }



/* Header & Main-Nav 
-------------------------------------------------- */
/* --- for Interior Pages --- */
#header { position:relative; width:830px; height:270px; margin:0 auto; background:url(/css/img/header-interior.jpg) no-repeat; }
#header h1 { position:absolute; top:40px; left:40px; display: block; height:180px; width:180px; }
#header h1 a { display: block; height:180px; width:180px; text-indent:-9999px; overflow: hidden; }
	
#header ul#main-nav { position:absolute; bottom:50px; right:40px; list-style-type:none; }
#header ul#main-nav li { float:left; }
#header ul#main-nav li a { float:left; height:63px; text-indent:-9999px; overflow:hidden; }

#header ul#main-nav #mn-otherfood a { width:175px; background:url(/css/img/mn-otherfood.gif) top no-repeat; }
#header ul#main-nav #mn-foodbornillness a { width:133px; background:url(/css/img/mn-foodbornillness.gif) top no-repeat; }
#header ul#main-nav #mn-pesticides a { width:83px; background:url(/css/img/mn-pesticides.gif) top no-repeat; }
#header ul#main-nav #mn-foodcontam a { width:134px; background:url(/css/img/mn-foodcontam.gif) top no-repeat; }

#header ul#main-nav #mn-otherfood a:hover,
#header ul#main-nav #mn-foodbornillness a:hover,
#header ul#main-nav #mn-pesticides a:hover,
#header ul#main-nav #mn-foodcontam a:hover { background-position:bottom; }


/* --- for Members and non-Members Home page - add home to class --- */
#home #header { position:relative; width:830px; height:380px; margin:0 auto; background:url(/css/img/header-home.jpg) no-repeat; }
#home #header h1 { position:absolute; top:40px; left:40px; display: block; height:180px; width:180px; }
#home #header h1 a { display: block; height:180px; width:180px; text-indent:-9999px; overflow: hidden; }
	
#home #header ul#main-nav { position:absolute; bottom:60px; right:0; margin:0 65px; padding:0; list-style-type:none; }
#home #header ul#main-nav li { float:left; }
#home #header ul#main-nav li a { float:left; margin:0; padding:0; height:75px; text-indent:-9999px; }

#home #header ul#main-nav #mn-otherfood a { width:211px; background:url(/css/img/mnHome-otherfood.gif) top no-repeat; }
#home #header ul#main-nav #mn-foodbornillness a { width:168px; background:url(/css/img/mnHome-foodbornillness.gif) top no-repeat; }
#home #header ul#main-nav #mn-pesticides a { width:129px; background:url(/css/img/mnHome-pesticides.gif) top no-repeat; }
#home #header ul#main-nav #mn-foodcontam a { width:192px; background:url(/css/img/mnHome-foodcontam.gif) top no-repeat; }

#home #header ul#main-nav #mn-otherfood a:hover,
#home #header ul#main-nav #mn-foodbornillness a:hover,
#home #header ul#main-nav #mn-pesticides a:hover,
#home #header ul#main-nav #mn-foodcontam a:hover { background-position:bottom; }


/* --- To set current state in main-nav with dynamic pages --- */
.acrylamide #header ul#main-nav #mn-otherfood a,
.foodborn #header ul#main-nav #mn-foodbornillness a,
.pesticides #header ul#main-nav #mn-pesticides a,
.perchlorate #header ul#main-nav #mn-foodcontam a { background-position:bottom !important; }



/* Container - holds everything below the header
-------------------------------------------------- */
#container { width:780px; margin:0 auto; }



/* Sidebar
-------------------------------------------------- */
#sidebar { width:210px; float:left; }
.nonmembers #sidebar { border-top:#314535 4px solid; }
.members #sidebar { border-top:#943A24 4px solid; }

#secondary-nav { 
	margin:0 0 10px 0;
	padding:15px 15px 18px 15px;
	background:#FFFFFF url(/css/img/bg-secondary-nav.gif) bottom no-repeat;
	}
#secondary-nav h1 { color:#433B2D; font-size:20px; line-height:20px; margin-bottom:12px; }
#secondary-nav ul {
	list-style-type:none;
	border-top:#D6CEBE 1px dotted;
	font-size:14px;
	line-height:14px;
	}
#secondary-nav li { margin:0; border-bottom:#D6CEBE 1px dotted; }
	
.nonmembers #sidebar #secondary-nav a, .members #sidebar #secondary-nav a { 
	display:block;
	width:180px;
	padding:4px 0;
	color:#314535;
	background-color:#FFFFFF;
	}
.nonmembers #sidebar #secondary-nav a:hover, .members #sidebar #secondary-nav a:hover { text-decoration:none; background-color:#FEFAF1; }

.nonmembers #sidebar #secondary-nav a { color:#314535; }
.nonmembers #sidebar #secondary-nav a:hover { color:#314535; text-decoration:none; }

.members #sidebar #secondary-nav a { color:#943A24; }
.members #sidebar #secondary-nav a:hover { color:#943A24; text-decoration:none; }

#logoutBtn { margin-left:10px; }



/* Content
-------------------------------------------------- */
.nonmembers #content { border-top:#314535 4px solid; }
.members #content { border-top:#943A24 4px solid; }

#content { width:540px; padding:15px 0 30px 0; float:right; }

#content a:link, #content a:active { border-bottom:#EEEFEC dotted 1px; }
#content a:visited { border-bottom:#EEEFEC dotted 1px; }	
#content a:hover { border-bottom:#943A24 dotted 1px;}

p#content-subnav { 
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	color:#948F82;
	}

#content p { line-height:18px; }

#content ul { list-style-type:circle; padding:0 20px; }
#content li { margin:0 0 4px 0; }

#content .imgLeft { float:left; margin:1em 1em 1em 0; }
#content .imgRight { float:right; margin:1em  0 1em 1em; }


#home-features { 
	padding-top:15px;
	border-top:#D6CEBE 4px solid;
	float:left;
	clear:both;
	}
#home-features img { margin-bottom:10px; }
.column1-2 { float:left; width:210px; margin-right:20px; }
.column2-2 { float:left; width:300px; }

#news ul { 	
	list-style-type:none;
	border-top:#D6CEBE 1px dotted;
	padding:0;
	}
#news li { 
	padding:5px 0;
	font-size:11px; line-height:13px;
	border-bottom:#D6CEBE 1px dotted;
	}
	
/* Article Summary List */
ol#article-summary { margin:10px 0; padding:0; font-size:11px;	border-top:#D6CEBE 1px dotted; }
ol#article-summary li { margin:0; padding:8px 0; border-bottom:#D6CEBE 1px dotted; list-style-type:none; }

ol#article-summary li ul { float:left; width:150px; margin:0; padding:0; }
ol#article-summary li ul li { padding:4px 0; color:#827C6E; }

ol#article-summary .summary { margin-left:160px; }
ol#article-summary .summary h4 { font-size:12px; }
ol#article-summary .summary p { margin:5px 0 0 0; }



/* Footer
-------------------------------------------------- */
#footer { clear:both; width:780px; border-top:#D6CEBE 4px solid; margin:0 auto; padding:10px 0; font-size:10px; color:#878171; text-align:right; }
#footer .copyright { float:left; }
#footer p { margin:0; }
#footer a:link, #footer a:visited { color:#878171; }
#footer a:hover, #footer a:active { color:#433B2D; text-decoration:none; }