@charset "UTF-8";

* {
    padding: 0;
	border: 0;
	margin: 0;
}

img {
	border: 0 0 0 0;
}

a {
	color: #404040;
	text-decoration: none;
}

a:hover {
	color: #6d7358;
	text-decoration: underline;
}

h3{
	color: #7e8e8e;
}

h3 a{
	color: #7e8e8e;
}



body {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #191a19;
}

/**/
#header {
	position: relative;
	width: 100%;
	height: 180px;
	background: #ffffff;	
	color: #fff;	
	padding: 0;	
	margin: 0;
}

#logo {
position:absolute; top: 0px; right: 0px; bottom: 0px; left: 25px;
}

#pan_logo {
    position:absolute; top: 10px; right: 0px; bottom: 0px; left: 778px;
    border: 0px;
	padding: 0px; 	
}

#app_logo {
    position:absolute; top: 10px; right: 0px; bottom: 0px; left: 577px;
    border: 0px;
	padding: 0px; 	
}

#add_logo {
    position:absolute; top: 155px; right: 0px; bottom: 0px; left: 840px;
    border: 0px;
	padding: 0px; 	
}

/**/


#header h1 {
   padding: 8px 0px 0px 45px;
   background-color: #33FFFF;
   }
   
#header.panlogo {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 300px;
   background-color: #1152FF;
   }

.lightBackground {
	background-color: #d0d7d7;  /* Sets background color for entire page*/
}
.lightBackground a {
	color: #295c22;  /**Link color for main page**/
}
.lightBackground a:hover {
	color: #46843d;
}



/**MAIN NAVIGATION MENU**/
#navcontainer ul
{
padding-left: 0px;
margin-left: 0px;
border-bottom:2px solid #666;
background-color: #404040;
color: #f0ede9;
letter-spacing: 1px;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 1em;
font-weight:500;
font-stretch:semi-expanded;
}

#navcontainer ul li { display: inline; }


#navcontainer ul li a
{
padding: 4px 32px 4px 32px;
background-color: #404040;
color: #f0ede9;
text-decoration: none;
float: left;
}


#navcontainer ul li a:hover
{
color: #cad3d3;
}
/**END NAVIGATION MENU**/


/***RIGHT NAVIGATION MENU***/
#navright { width: 322px; height:57px; }

#navright ul
{
position:relative;
margin-top: 0px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}

#navright a
{
position:relative;
display: block;
padding: 0px 0px 1px 0px;
width: 322px;
height: 57px;
}

#navright a:link, #navlistright a:visited
{
position:relative;
color: #f0ede9;
text-decoration: none;
}


#navright a:hover
{
position:relative;
color: #d0d7d7;
}

.nav_one
{
background-image: url("/images/rightnav_top.gif");
background-repeat: no-repeat;
padding-bottom: 2px;
}



.nav_two
{
background-image: url("/images/rightnav_middle.gif");
background-repeat: no-repeat;
padding-bottom: 1px;
}


.nav_three
{
background-image: url("/images/rightnav_bottom.gif");
background-repeat: no-repeat;
margin-bottom:0px;
}

.subtext{
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
text-transform:none;
font-weight:100;
}

/***END RIGHT NAV***/

#container {
	width: 994px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.residue {    /** styles tables for food results**/ 
	width: 100%;
	font-size: smaller;
	table-layout:auto;
}


table.residue{  
border-collapse:collapse;
font-size:14px;
} 

table.residue td{  
border-bottom:1px solid #444444;  
padding-bottom:20px;
padding-top:10px;
width:90px;
} 

table.residue th{    
padding-bottom:20px;
padding-top:10px;
font-size:12px;
font-weight:700;
text-align:left;
width:90px;
}
	

#whitespace {
	background-color: #d0d7d7;
	float: left;
	width: 994px;
	height: 11px;
}
#whitespace2 {
	background-color: #d0d7d7;
	width: 658px;
	height: 13px;
}

#whitespace3 {
	background-color: #d0d7d7;
	width: 300px;
	height: 11px;
}
#mainContent {
	background-color: transparent;
}
#mainLeft {
	float: left;
	width: 658px;
	margin: 0 14px 0 0;
	background-color: transparent;
}
.loweredImage {
	position: relative;
	top: 22px;
}
.topMargin {
	margin: 14px 0 0 0;
}
#mainRightBeginning {
	width: 322px;  /** width of drop menu for side menus**/
	height: 169px;
	padding-bottom:4px;
	
}
#mainRight {   /** width of drop menu for food**/
	width: 322px;
	float: right;
}

.blockTitle h3{   /**HEADER FOR FOOD LIST**/
	font-family: Arial, Helvetica, sans-serif;
	color: #404040;
	font-size:14px;
	position: relative;
	padding: 10px 0 5px 0px;
	margin: 0 0 10px 10px;
	border-bottom: 1px solid #D5D5D5;
	text-transform:uppercase;
}

.blockTitle h3 a:hover{   /**HEADER FOR FOOD LIST**/
	color: #404040;
}

.blockTitle h4{   /**HEADER FOR FOOD LIST**/
	font-family: Arial, Helvetica, sans-serif;
	color: #404040;
	font-size:12px;
	position: relative;
	padding: 20px 0 5px 90px;
	margin: 0 0 10px 10px;
	text-transform:uppercase;
}

.blockTitle h4 a:hover{   /**HEADER FOR FOOD LIST**/
	color: #404040;
}

#donate {
	position: relative;
	left: 10px;
	height: 45px;
	top: 9px;
	width: 300px;
}
#informed {
	position: relative;
	top: 21px;
	left: 10px;
	height: 45px;
	width: 300px;
}
#action {
	position: relative;
	top: 34px;
	left: 10px;
	width: 300px;
	height: 45px;
}

#mainRightContent2 {
	margin-top:11px;
}

#mainRightContent3 {
	margin-top:2px;
	background-color:transparent;
}

#mainRightRemainder {
	position: relative;
	width: 322px;
}

/***STYLES FOR FOOD MENU***/
#mainRightContent1 {
	margin-top:5px;
	background-color: #f4f8f9;
	border-bottom-width: 5px;
    border-bottom-color:#666;
}

#allFoods {
	position: relative;
	background-color: #f4f8f9;
	color: #191a19;
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
    width: 300px;
	line-height: 20px;
}

#allFoods a {
	position: relative;
	left: 10px;
	color: #191a19;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	overflow-y: scroll;
	overflow-x: hidden;
	
}

#allFoods a:hover {
	position: relative;
	left: 10px;
	color: #191a19;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	background-color: #d0d7d7;
	text-decoration:none;
	overflow-y: scroll;
	overflow-x: hidden;
}

.foodtext { 
   overflow-y: scroll; /** styles for food menu**/
}

.withMarginTopRight {
	margin: 2px 2px 0 0;
}
.withMarginTop {
	margin: 2px 0 0 0;
}

.roundedBackground {
	background-image: url("/images/SmallImageRounding.png");
	width: 163px;
	height: 75px;
	float: left;
}
.whiteBackground {
	background-color: white;
	padding: 11px;          /** Padding for food list menu**/
}





/**ROUNDED CONTAINER BOX**/

html {
overflow-y: scroll; /* scrollbar fix */
}

#rcontainer {
background-color: #f4f8f9;
font-size: 0.75em;
overflow: hidden;
width: 658px;
float:left;
}

/***FOR SMALLER INSIDE ROUNDED BOX***/
#rcontainer2 {
background-color: #d8dfdf;
font-size: 0.75em;
overflow: hidden;
width: 260px;
border-color:#666;
border:medium;
float:right;
margin: 10px 8px 8px 8px;
}

#rcontainer2 p {
padding: 5px 20px 20px 20px;
}

.insidebox {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight:bold;
color: #a03213;
position: relative;
padding-left: 10px;
border-bottom: 1px solid #D5D5D5;
}

.insidebox-right {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight:bold;
color: #a03213;
position: relative;
border-bottom: 1px solid #D5D5D5;
padding-bottom: 10px;
}

/***END FOR SMALLER INSIDE ROUNDED BOX***/

* html #rcontainer {
height: 1%;
}

#rcontainer h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8em;
clear: both;
padding: 10px 20px 5px 0px;
color: #404040;
position: relative;
margin: 0 0 10px 20px;
border-bottom: 1px solid #D5D5D5;
text-transform:uppercase;
}


#rcontainer h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
clear: both;
color: #404040;
position: relative;
padding: 10px 0 5px 0px;
margin: 0 0 10px 20px;
border-bottom: 1px solid #D5D5D5;
text-transform:uppercase;
}


#rcontainer h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
clear: both;
color: #404040;
position: relative;
padding: 18px 0 5px 0px;
margin: 0 0 5px 20px;
border-bottom: 1px solid #D5D5D5;
text-transform:uppercase;
}

#rcontainer p {
padding: 20px 20px 20px 20px;
}

.tl {
background-image: url(/images/circle.gif);
width: 10px;
height: 10px;
float: left;
font-size: 0;
}
.tr {
background-image: url(/images/circle.gif);
background-position: 10px 0px;
width: 10px;
height: 10px;
float: right;
font-size: 0;
}

/***FOR SMALLER INSIDE ROUNDED BOX***/
.tl2 {
background-image: url(/images/circle2.gif);
width: 10px;
height: 10px;
float: left;
font-size: 0;
}
.tr2 {
background-image: url(/images/circle2.gif);
background-position: 10px 0px;
width: 10px;
height: 10px;
float: right;
font-size: 0;
}

.bl2 {
background-image: url(/images/circle2.gif);
background-position: 0px 10px;
width: 10px;
height: 10px;
float: left;
font-size: 0;
}
.br2 {
background-image: url(/images/circle2.gif);
background-position: 10px 10px;
width: 10px;
height: 10px;
float: right;
font-size: 0;
}

/***END FOR SMALLER INSIDE ROUNDED BOX***/

.bl {
background-image: url(/images/circle.gif);
background-position: 0px 10px;
width: 10px;
height: 10px;
float: left;
font-size: 0;
}
.br {
background-image: url(/images/circle.gif);
background-position: 10px 10px;
width: 10px;
height: 10px;
float: right;
font-size: 0;
}
/** END ROUNDED CONTAINER BOX**/


.imgright{
	float:right;
	padding:8px 8px 10px 10px;
}
.imgleft{
	float:left;
	padding:8px 10px 10px 8px;
}



.homefont{             /**STYLE FOR HOME PAGE TEXT**/
line-height: 1.4em; 
padding-bottom: 1em; 
font-size:1.4em;
color:#2c2e2c;
}

.homefont-right{             /**STYLE FOR RIGHT BLOCK TEXT**/
line-height: 1.4em; 
padding-bottom: 1em; 
font-size:0.9em;
color:#2c2e2c;
}

.insidefont{             /**STYLE FOR INSIDE PAGES TEXT**/
line-height: 1.4em; 
margin-top: -0.9em;    /**SETS SPACING BETWEEN PARAGRAPHS**/
font-size:1.3em;
color:#2c2e2c;
}

.bold{
	font-weight:600;
	color:#424542;
}

ol {
  font-size: 1.3em;
  font-style:normal;
  font-family: Arial, Helvetica, sans-serif;
  color: #191a19;
  padding:0px 0px 10px 60px;
  line-height:1.5em;
}

ul.list {
  font-size: 1.3em;
  font-style:normal;
  font-family: Arial, Helvetica, sans-serif;
  color: #191a19;
  padding:0px 0px 10px 60px;
  line-height:1.5em;
}



 /**footnote style**/
.footnote{            
line-height: 1.4em; 
margin-top: -0.5em;    
font-size:1.0em;
color:#2c2e2c;
}

.indicator{             /**styles footnote number**/
	font-size:.5em;
	font-weight:bold;
}


blockquote {
    margin: 1em 3em;
    color: #393a38;;
    border-left: 2px solid #999;
    padding-left: 1em;
	font-size:15px;
    font-family: Verdana, Geneva, sans-serif;
}


/** FOOTER BOX**/
#footer {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width:973px;
	margin: 11px 0 14px 0;
	height: 28px;
    background-color:#f4f8f9;
	padding: 11px;
	padding-bottom:20px;
	border-bottom:2px solid #666;
	letter-spacing: 3px;
	}

.centeredText {
        text-align: center;
		padding-top: 10px;
		font-size:11px;
		text-transform:uppercase;
		width:973px;
		line-height: 14px;
}
.copyright {
	text-transform:none;
	letter-spacing: 1px;
}

	
/**PULL QUOTE STYLE**/	
q { 
float:left; 
width:7em;
display:block; 
margin:0.25em 0.75em 0.25em 0.25em; 
padding:0.7em 0.5em 0.7em 0.5em; 
border:3px double #CCC; border-width:3px 0; 
color:#333; 
background-color:#f0f0f0; 
text-align:right; 
font:italic 1.1em/1.1 Georgia;
}

q.long { 
float:left; 
width:590px;
display:block; 
margin:0.25em 0.75em 0.25em 0.25em; 
padding:0.7em 0.5em 0.7em 0.5em; 
border:3px double #CCC; border-width:3px 0; 
color:#333; 
background-color:#f0f0f0; 
text-align:center; 
font:italic 1.1em/1.1 Georgia;
}

/**POSTION OF TOXICITY LEGEND**/
#mainLeftContent1b{
	height:241px;
	background-image:url(../images/toxicity-legend.gif);
	background-position: 300px 10px;
	background-repeat: no-repeat;
    
}

#mainLeftContent1b.legend{
	font-size:14px;
}
	
/**PULLQUOTE STYLE**/	
q { 
float:left; 
width:7em;
display:block; 
margin:0.25em 0.75em 0.25em 0.25em; 
padding:0.7em 0.5em 0.7em 0.5em; 
border:3px double #CCC; border-width:3px 0; 
color:#333; 
background-color:#f0f0f0; 
text-align:right; 
font:italic 1.1em/1.1 Georgia;}



#mainLeftContent1b table.legend{
	width:280px;
	font-size:14px;
}



/***STYLES FOR PESTICIDES PAGE**/
#mainLeftContent1a .pesticidecontent{
}
	

#mainLeftContent1a h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
clear: both;
color: #404040;
position: relative;
padding: 10px 0 5px 0px;
margin: 0 0 10px 20px;
border-bottom: 1px solid #D5D5D5;
text-transform:uppercase;
}

#mainLeftContent1a h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
clear: both;
color: #404040;
position: relative;
padding: 10px 0 5px 0px;
margin: 0 0 5px 20px;
border-bottom: 1px solid #D5D5D5;
text-transform:uppercase;
}

#mainLeftContent1a .insidefont {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4em; 
margin-top: -0.5em;    /**SETS SPACING BETWEEN PARAGRAPHS**/
font-size:1.0em;
color:#2c2e2c;
padding: 10px 0 5px 0px;
margin: 0 0 10px 20px;
}


/**FOOTNOTE STYLE FOR DATABASE PAGES**/
#mainLeftContent3 .footnote {      
line-height: 1.4em; 
margin-top: .5em;    
font-size:.9em;
color:#2c2e2c;
}

form {
 border: 0px solid #666699;
 padding: 5px;
 margin-left:20px;
}

input.email {
	border: 1px solid #666699;
	height:20px;
	width:200px;
	vertical-align:middle;
}
	
	
/**STYLE FOR PETITION**/
# petition_content{
	margin-left:20PX;
}

#erratum{            
line-height: 1.0em; 
margin-top: -0.5em;    
font-size:.8em;
color:#2c2e2c;
padding-top:10px;
}

#codeBox {
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
margin-left:20px;
width: 500px; /* BOX WIDTH */
height: 70px; /* BOX HEIGHT */
padding: 10px; /* PADDING AROUND TEXT SO IT DOESN'T TOUCH BOX SIDES */
}

#codeBox-narrow {
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
margin-left:20px;
width: 300px; /* BOX WIDTH */
height: 70px; /* BOX HEIGHT */
padding: 10px; /* PADDING AROUND TEXT SO IT DOESN'T TOUCH BOX SIDES */
}

#banner {
	margin-left:20px;
}

/***ROUNDED CORNERS BOX***/
.roundedcornr_box_139690 {
	background: url(../images/roundedcornr_139690_tl.png) no-repeat top left; 
}
.roundedcornr_top_139690 {
	background: url(../images/roundedcornr_139690_tr.png) no-repeat top right; 
}
.roundedcornr_bottom_139690 {
	background: url(../images/roundedcornr_139690_bl.png) no-repeat bottom left; 
}
.roundedcornr_bottom_139690 div {
	background: url(../images/roundedcornr_139690_br.png) no-repeat bottom right;
}
.roundedcornr_content_139690 {
	background: url(../images/roundedcornr_139690_r.png) top right repeat-y; 
}

.roundedcornr_top_139690 div,.roundedcornr_top_139690,
.roundedcornr_bottom_139690 div, .roundedcornr_bottom_139690 {
	width: 100%;
	height: 8px;
	font-size: 1px;
}
.roundedcornr_content_139690, .roundedcornr_bottom_139690 {
	margin-top: -14px;
}
.roundedcornr_content_139690 { padding: 0 8px; }
/***END ***/

.bottomblock {
	background-color:#FFF;
	padding: 20px 30px 20px 30px;
	line-height: 1.3em;  
    font-size:0.9em;
    color:#2c2e2c;
	margin-bottom:20px;
}