/* CSS
Global Styles 
Author: Nash Interactive
Client: Sam Page 2010
Created: 04-24-10
With thanks to Scott Thomas
amunaun awuji iwanakala 2008
*/

/* Global Defaults
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{ font-style:normal; font-weight:normal;}
ul {list-style:none;} /* nav needs this - if you don't want it to be global, define it for nav */
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
/* q:before,q:after{content:'';} */
/* a,ins{text-decoration:none;} */
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Global Elements
-------------------------------------------------------------- */
body {
	background:#6f7c97 url(http://sampage.com/lib/i/layout/bg_page.jpg) repeat-x;
	line-height: 1.6em; 
	}

/* Library
-------------------------------------------------------------- */
/* Library */
.l { float: left; width: 32%; } 
.r { float: right; width:66%; } 
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
/* .clear-both { clear: left; float: none; } */
.clear-left { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top4 { margin-top: 4px; }
.top10 { margin-top: 10px; }
.top16 { margin-top: 16px; }
.top20 { margin-top: 20px; }
.bot20 { margin-bottom: 20px; }
.left20 { margin-left: 20px; }
.ind { margin-left: 36px; }
.c666 { color: #666; }

.red { color: #b00; }

div.anchortight { height: 0.001em; margin: 0; padding: 0; }
.separator {
	margin-top:13px; margin-bottom:3px;
	background: url(http://sampage.com/lib/i/shared/bg_dots_thin.gif) repeat-x left bottom;
	clear:both;	}

.border999 img { border: solid 1px #999; background-color: #e0d3c2; }
.borderccc img { border: solid 1px #ccc; background-color: #e0d3c2; }
	
/* Dotted line that holds a 20-px high top-of-page gif */ 	
.separator20 {
	text-align:right;
	margin-top:13px; margin-bottom:3px;
	padding-right:35px;
	background: url(/lib/i/shared/dots2.gif) repeat-x left bottom;
	clear:both; /* prevents floated images from overlapping each other */
	}	
	.separator20 .uplink { background-color: #fff; } /* sets bgcolor for top-of-page gif so bg dots don't show through text */
	
	
/* Typographic Elements
-------------------------------------------------------------- */
h2, h4, h6, body { 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
blockquote, em, i  { 
	font-family: Georgia, "Times New Roman", Times, serif; }
h1, h3, h5 { 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
	
/* emi added */
p { margin-top: 12px; margin-bottom:19px; }	
	

/* Default Headers
-------------------------------------------------------------- */
h1 { 
	font-size: 1.5em;
	font-weight: bold;
	color: #b60; 
	line-height: 1.1em;	
	padding: 10px 0px 0px 0px;
	}
	
.doublemod h1 {
	font-weight: bold;
	color: #68b; /* 4c6da8 */
	line-height: 1.1em;
	font-size: 1.5em;
	padding: 10px 0px 0px 0px;
	}
/* pressroom page */
h1.sub { font-size: 1.3em; }
	body.p-pressroom h1.sub a:link, body.p-pressroom h1.sub a:visited { color: #456; text-decoration: none; }
	body.p-pressroom h1.sub a:hover { color: #ba3635; text-decoration: underline; }	
	
h2 {
	font-size: 1.3em;
	color: #456;
	font-weight: bold;
	margin: 32px 0 0 0; 
	}
	#column2 h2 { margin-top: 16px; padding-top: 0; }
	h2 a:link, h2 a:visited { color: #456; text-decoration: none; }
		h2 a:hover { color: #ba3635; text-decoration: underline; }	
	
h3, .doublemod h3 {
	font-weight: bold;
	color: #4c6da8; 
	line-height: 1.2em;
	font-size: 1.2em;
	margin: 28px 0 0 0; /* 26 */
	}
	.doublemod h3 + p { margin-top: 10px; } /* applies only to first p after h3. Test across browsers */
	
	h3 a:link, h3 a:visited, h3 a:hover { color: #576; text-decoration: none; }
	h3 a:visited { color: #777; }
	h3 a:hover { color: #ac3433; }	
	
h4 { font-weight: bold; color: #126; }


/* Misc Typography
-------------------------------------------------------------- */
body { 
	font-size: 0.8em; /* was .75em */ 
	line-height: 1.4em; /* was 1.6em */
	color: #424242;
	}

table { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #424242;
	}
	
.tbl-event { margin: 0 0 19px 0; }
.tbl-event td { vertical-align: top; padding: 10px 15px 10px 0; 
	font: .88em/1.2em Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	border-bottom: solid 1px #dde; }

i, em { font-style: italic; }

blockquote {
	clear:both;
	font-size:1.2em;
	line-height: 1.6;
	padding: 0px;
	color: #666;
	}

blockquote, blockquote p {
	clear: both;
	color: #666;
	}

.smallcaps {
	font: small-caps 1.5em/1.7em Georgia, "Times New Roman", Times, serif;
	color: #4c6da8;
	text-transform: lowercase;
	letter-spacing: .1em;
	}

.citation, .cite {
	font-size: 12px;
	}

div.vsm p, p.vsm, .news-wrap p.vsm, span.vsm { font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.88em;
	}
	
div.vsm p, p.vsm { line-height: 1.4em;
	}

	
/* Global Links
-------------------------------------------------------------- */
a {
	margin: 0px;
	padding: 0px;
	}

a:link,
a:visited,
a:active {
	background: transparent;
	color: #4c6da8;
	text-decoration: underline;
	}
	
a:visited { color: #999; } /* 567 */

a:hover {
	background: transparent;
	color: #ba3635; /* ac3433*/	
	text-decoration: underline;
	}
.noline, a.noline:link, a.noline:visited { text-decoration: none; }
	a.noline:hover { text-decoration: underline; }
			

/* List Elements
-------------------------------------------------------------- */
ul li {
	height: auto;
	margin: 0; padding: 0;
	list-style: none;
	}
	li a {
	padding-top: 0px;
	padding-bottom: 0px;
	}

/* take action fieldset boxes */	
ul.dot-gra 	{ 
  	margin: 4px 0 0; padding:0;
 	list-style-type:none;
  	}
	ul.dot-gra li {
		font: .88em/1.2em Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		background:url("http://sampage.com/lib/i/icons/dot_gra.gif") no-repeat 3px .45em;
		margin: 0 0 10px;
		padding:0 0 0px 18px;
		}
		ul.dot-gra a:link, ul.dot-gra a:visited { text-decoration: none; color: #4c6da8; }
		ul.dot-gra a:visited { color: #777; }
		ul.dot-gra a:hover { text-decoration: underline; color: #ba3635; }	

ul.box-blu 	{ /* for other fieldset lists */
  	margin: 0; padding:0;
 	list-style-type:none;
  	}
	ul.box-blu li {
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		background:url("http://sampage.com/lib/i/icons/arrow_blu2.gif") no-repeat 0px .5em;
		margin: 0 0 3px;
		padding:0 0 0px 18px;
		}
		ul.box-blu a:link, ul.box-blu a:visited { text-decoration: none; } 
			ul.box-blu a:hover { text-decoration: underline; }
			
#column2 ul.tri-blu3 { /* for quick links */	
	margin: 10px 0 26px;
	padding:0;
	list-style-type:none;
	}
	#column2 ul.tri-blu3 li {
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em; line-height: 1.3em;
		background:url("/lib/i/icons/tri_blu3.gif") no-repeat 0px .4em;
		margin: 0 0 14px;
		padding:0 0 0px 18px;
		}
		ul.tri-blu3 a:link, ul.tri-blu3 a:visited {
			text-decoration: none;
			} 
			ul.tri-blu3 a:hover {
			text-decoration: underline;
			}
			
	 /* pgh energy impact calculator */		
		div.calc  { padding-left: 20px; }
		ul.tri-blu3 div.calc a, div.calc a { font-weight: bold; color: #ba3635; }
		ul.tri-blu3 p { margin-bottom: 0; }

ul.bge, ul.bgetight {
	margin:19px 0 19px;
	padding:0;
	list-style-type:none;
	}
	ul.bge li, ul.bgetight li {
		background:url("/lib/i/icons/tri_bge.gif") no-repeat 20px 5px;
		margin: 0 20px 10px 0;
		padding:0 0 0px 38px;
		}
		ul.bgetight li { margin: 0 0 3px; 
		} 
		ul.bge a:link, ul.bge a:visited,
		ul.bgetight a:link, ul.bgetight a:visited { text-decoration: none; } 
		ul.bge a:hover, ul.bgetight a:hover { text-decoration: underline; 
		}
		/* contact page - for underlined links in bge */
		.bge a.line:link, .bge a.line:visited { text-decoration: underline; }
		.bge h4 { margin-bottom: 4px; }
ol {
	margin:19px 0 19px;
	padding:0;
	}
	ol li {
		margin: 0 20px 10px 38px;
		padding:0 0 0px 0px;
		}
		ol a:link, ol a:visited { text-decoration: none; } 
		ol a:hover { text-decoration: underline; 
		}
		ol.tight li { margin: 0 20px 3px 38px; }
		
	ul.bgetight ol {
		margin: 5px 0 5px;
		padding:0;
		}
		ul.bgetight li ol li  {
			margin: 0 20px 3px 27px;
			padding:0 0 0px 0px;
			background: none;
			list-style-type: decimal;
			}
	/* used on food resources */
	ol.hdr3 {
	margin:28px 0 19px;
	padding:0;
	}
	ol.hdr3 li {
		font-weight: bold;
		color: #4c6da8; 
		/* line-height: 1.2em; */
		font-size: 1.2em;
		margin: 0 20px 10px 38px;
		/* padding:0 0 0px 0px; */
		}
	#olwrap ul.bge li, #olwrap ul.bgetight li {
		background:url("/lib/i/icons/tri_bge.gif") no-repeat 39px 5px;
		margin: 0 0px 10px 0;
		padding:0 0 0px 57px;
		}
		#olwrap  p { margin-left: 38px;} 		
			
		
/* NOT YET USED 2009-02-20 - REMOVE IF NOT USED BEFORE LAUNCH */	
		/* intended for more links in jumplists. other links in bge lists have no underline except on hover */
		.jumplist ul.bge a:link, .jumplist ul.bge a:visited, .jumplist ul.bge a:hover { text-decoration: underline; 
		}
		/* prevents default underlink for h3 links. must follow jumplist bge styles in cascade */	
		.jumplist ul.bge h3 a:link, .jumplist ul.bge h3 a:visited, .jumplist ul.bge h3 a:hover { color: #4c6da8; text-decoration: none; }
		.jumplist ul.bge h3 a:visited { color: #777; }
		.jumplist ul.bge h3 a:hover { color: #ac3433; }			
		.jumplist ul.bge p { margin-top: 10px; } 		

ul.num {
  margin:19px 0 19px;
  padding:0;
  list-style-type:none;
  }
ul li.num1, ul li.num2, ul li.num3, ul li.num4, ul li.num5, ul li.num6, ul li.num7, ul li.num8, ul li.num9 {
	background:url("/lib/i/icons/num1.gif") no-repeat 8px .1em;
	margin: 0 20px 10px 0;
	padding:0 0 9px 38px;
	}
	ul li.num2 { background:url("/lib/i/icons/num2.gif") no-repeat 8px .1em;}
	ul li.num3 { background:url("/lib/i/icons/num3.gif") no-repeat 8px .1em;}
	ul li.num4 { background:url("/lib/i/icons/num4.gif") no-repeat 8px .1em;}
	ul li.num5 { background:url("/lib/i/icons/num5.gif") no-repeat 8px .1em;}
	ul li.num6 { background:url("/lib/i/icons/num6.gif") no-repeat 8px .1em;}
	ul li.num7 { background:url("/lib/i/icons/num7.gif") no-repeat 8px .1em;} 
	ul li.num8 { background:url("/lib/i/icons/num8.gif") no-repeat 8px .1em;}
	ul li.num9 { background:url("/lib/i/icons/num9.gif") no-repeat 8px .1em;}	
	ul.num a:link, ul.num a:visited { text-decoration: none; }
	ul.num a:hover { text-decoration: underline; }

/* sea quicklinks */	
.links-tight h3 { margin-top: 16px;}
.links-tight ul { 
	margin: 6px 0 21px 8px;
	}
	.links-tight ul li {
		background:url("/lib/i/icons/tri_blu3.gif") no-repeat 8px .4em;
		margin: 0 0 0px;
		padding:0 0 0px 26px;
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.5em;
		color: #5da7d7;
		}
		.links-tight ul a:link, .links-tight ul a:visited { color: #2f698f; text-decoration: none; } 
		.links-tight ul a:hover {	color: #ba3635; text-decoration: underline; }
	

/* Grid
-------------------------------------------------------------- */
#house {
	margin: 0 auto 100px auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 969px; 	/* Total width */
	/* moved to a new style (content-bg) because this site uses a tiled background
	background-color: #fff;
	background-image: url("http://www.globalhealthsafety.org/lib/i/layout/bg_house.gif"); */
	}

/* If you take out this seemingly superfluous div, tabbed navbar vanishes in Mozilla and Netscape */	
#top { padding-top: 20px; }	

#header,
#header2,
#content,
#bottom {
	width: 969px; 
	margin: 0 auto;
	position: relative;
	}
	
#header {
	height: 181px; 
	background: #fff15a url(http://sampage.com/lib/i/layout/bnr_splash_edge.jpg) no-repeat right; 
	/* display: block;  use this only when the div contains an img, not for empty div with bg img applied */ 
	}
	#header div.portrait { float: left; padding: 0; margin: 0; }
	#header div.logo { float: left; padding: 49px 0 0 54px; margin: 0; }
	#header div.bnr-btns { float: left; padding: 46px 0 0 48px; margin: 0; }
	
/* inside pages -- currently not used on Sam Page site */
#header2 {
	height: 170px; 
	background: transparent url(http://sampage.com/lib/i/layout/bnr_inside_bg.gif) no-repeat; 
	/* display: block;  use this only when the div contains an img, not for empty div with bg img applied */ 
	vertical-align: middle; 
	}
	#header2 div#logo-sm { float: left; padding: 20px 0 0 25px; margin: 0; }
	#header2 div.bnr-text { float: left; padding: 23px 0 0 10px; margin: 0; }
	#header2 div.bnr-img { height: 130px; width: 780px; margin-top: 20px; margin-right: 29px; float: right; }
	
#content-bg {
	/* emi moved from house to here */
	background-color: #fff;
	background-image: url("http://sampage.com/lib/i/layout/bg_house.gif");
	}	
	
#content {	
	background: transparent url(http://sampage.com/lib/i/layout/bg_gradient_fix.gif) no-repeat right top; 
	width: 969px; 
	margin: 0 auto;
	padding: 9px 0 0 0;
/* This style is a legacy from amunau site.
   Currently being used to apply a non-tiling bg img to match gradient page bg
   This div may not be needed otherwise */	
	}

#column1 {
	float: left;
	width: 680px;  /* was 690 */
	padding: 0px;
	margin: 0px;
	background-color: #fff;	
	}
	
#column2 { 
	width:240px; /* was 230 */
	margin: 0 0 0px 680px; 
	padding: 0px 20px;
	background-color: #fff;
	}		
	
/* Emi: If needed, bring this back to see whether it fixes interrupted 
load issue following addthis widget. Note this also defined in msie7cc 
#column2_bot {
	background-image: url(http://www.mysite.com/images/bg_col2_bot.jpg);
	height:200px;
	} */

/* page bottom drop shadow set on div between content and bottom */
.bot-img {	background: #e3dfd8 url("http://sampage.com/lib/i/layout/bg_house_bot.gif") no-repeat; 
	height: 8px;
	font-size: 4px;
	margin:0; padding:0; }	

.module.l  { 
	height: auto;
	width: 240px; 
	padding: 0 20px 20px 20px ; 
	}
	.module.l p { margin-top: 18px; } 

.module.r 	{ 
	height: auto;
	width: 400px; 
	padding: 0 0 20px 0 ;
	}
	
/* REMOVE IF NOT USED BEFORE LAUNCH 	
.doublemod  { padding: 0 0 40px 25px ; }
	.doublemod p { margin-top: 18px; } */	

/* #logo-print { display: none; } */



/* Navigation
-------------------------------------------------------------- */
	
/* main horizontal nav */
#navcontainer { background: transparent url("/lib/i/layout/navbar_bg.jpg") no-repeat 0 0; 
	/* height: 26px; */
	padding: 2px 20px 3px 10px; }

ul#navbar {
	/* margin-left: 0;
	padding-left: 0; */
	text-align: right;
	/* text-align: center; */
	/* white-space: nowrap; */
	}

#navbar li {
	display: inline;
	list-style-type: none;
	}
	
#navbar a { 
padding: 2px 13px 4px;
font-family: Arial, Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
		font-size: .95em;
		color: #d2d3d5; font-weight: bold;
		text-decoration: none;
		letter-spacing: 1px; 
		}		
#navbar a:hover {
color: #fff; font-weight: bold;
background-color: #4f577e; /*3c4a68*/
text-decoration: none;
}	

/* if page class matches NAVBAR id, then link becomes */
	body.p-home #nav-home a { color: #cac7c1; background-color: transparent; text-decoration: none; cursor:text; }
	body.p-about #nav-about a, 
	body.p-issues #nav-issues a, 
	body.p-newsletter #nav-newsletter a,  
	body.p-pressroom #nav-pressroom a,
	body.p-resources #nav-resources a,
	body.p-involved #nav-involved a	
	{ color: #fff; background-color: #4f577e; text-decoration: none; cursor:text; }	
	
/* #trio { float: right; margin: 42px 50px 0 0; }*/
#trio a {
		background: url("http://sampage.com/lib/i/layout/bnr_btns.jpg") no-repeat 0 0;
		display: block;
		height: 32px; 
		text-indent: -999em; /* see note for nav a above. not visible even to screen readers, use another method */
		overflow: hidden; /* because text indented offscreen left, prevents scrollbar display  */
		border: none; }	

	/* apparently next 2 lines needed only for horizontal navbars */
	/* #trio li { float: left; position: relative; }
	* html #trio li * { position: relative; } */
	#trio li, #trio ul { margin: 0; padding: 0; }
		/*--- Default ---*/
		#trio-one a { background-position: 0 0; width: 109px; } 
		#trio-two a { background-position: 0 -32px; width: 109px; }
		#trio-three a { background-position: 0 -64px; width: 109px; }
		/*--- Hovering ---*/
		#trio-one a:hover { background-position: 0 -96px; width: 109px; }
		#trio-two a:hover { background-position: 0 -128px; width: 109px; }
		#trio-three a:hover { background-position: 0 -160px; width: 109px; 
		}
		
/* Global Issues Menu */			
.module.l fieldset.menu-issues { margin-top:4px; padding-left: .7em; }	
	fieldset.menu-issues {
		margin: 0;
  		padding-top:3px; padding-bottom: 1.5em;
		font: .88em/1.2em Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		/* letter-spacing: .03em; */
		font-weight: bold;
 	  	}
		fieldset.menu-issues a:link, fieldset.menu-issues a:visited { color: #789; text-decoration: none; } 
		fieldset.menu-issues a:hover { color: #ba3635; background-color: #fff; }
		fieldset.menu-issues legend { font-size: 1em; margin-left: 1.1em; color: #9ab; }
		
		fieldset.menu-issues ul { margin-top: .2em; }
		fieldset.menu-issues ul li {
		background:url("/lib/i/icons/arrow_blu2.gif") no-repeat 0px .2em;
		margin: 0 0 .3em;
		padding:0 0 0px 16px;
		}
		
	ul li ul.submenu { background-color:#fff; border: solid 1px #d2dbea; margin-top: 0.4em; padding: 0.5em 0.5em;}
	ul li ul.submenu li { background: none; font-weight: normal; padding-left: 6px; }
	

/* issues menu
-------------------------------------------------------------- */		
	/* hide sub-menus when they are not needed */	
	#sub-jobs, #sub-healthcare, #sub-education, #sub-accountability, #sub-veterans { display: none; }
	/* if page class matches submenu id, submenu is displayed */
	body.p-issues.jobs #sub-jobs, 
	body.p-issues.healthcare #sub-healthcare, 
	body.p-issues.education #sub-education,
	body.p-issues.accountability #sub-accountability, 
	body.p-issues.veterans #sub-veterans 
	{ display: block; } 	
	
	/* if page class matches menu list item id arrow turns red */
	body.p-issues.main fieldset.menu-issues ul li.m-issues,
	body.p-issues.jobs fieldset.menu-issues ul li.m-jobs,
	body.p-issues.healthcare fieldset.menu-issues ul li.m-healthcare,
	body.p-issues.education fieldset.menu-issues ul li.m-education,
	body.p-issues.accountability fieldset.menu-issues ul li.m-accountability,
	body.p-issues.veterans fieldset.menu-issues ul li.m-veterans {
		background:url("/lib/i/icons/arrow_red.gif") no-repeat 0px .2em;
		} /* and cursor does not show link */
		body.p-issues.main fieldset.menu-issues ul li.m-issues a,
		body.p-issues.jobs fieldset.menu-issues ul li.m-jobs a,
		body.p-issues.healthcare fieldset.menu-issues ul li.m-healthcare a,
		body.p-issues.education fieldset.menu-issues ul li.m-education a,
		body.p-issues.accountability fieldset.menu-issues ul li.m-accountability a,
		body.p-issues.veterans fieldset.menu-issues ul li.m-veterans a		
		{ color: #234; text-decoration: none; cursor:text; } 
		/* prevents submenus from inheriting the style */	
		fieldset.menu-issues ul li ul.submenu a:link, 
		fieldset.menu-issues ul li ul.submenu a:visited { color: #789; text-decoration: none; } 
		fieldset.menu-issues ul li ul.submenu a:hover { color: #ba3635; cursor: pointer; }
		
		/* prevents toxin sublist from inheriting toxin style */	
		body.p-toxins ul li.m-toxins ul li a:link, 
		body.p-toxins ul li.m-toxins ul li a:visited { color: #789; text-decoration: none; } 
		body.p-toxins ul li.m-toxins ul li a:hover { color: #ba3635; cursor: pointer; }			
		
/* if page classes match submenu link class, then link becomes */
	body.p-waste.issue #sub-waste .issue a,
	body.p-waste.reduction #sub-waste .reduction a,
	body.p-waste.alternatives #sub-waste .alternatives a,	
	body.p-waste.gef #sub-waste .gef a,
		
	body.p-mercury.issue #sub-mercury .issue a,
	body.p-mercury.campaign #sub-mercury .campaign a,
	body.p-mercury.free #sub-mercury .free a
	  {
		color: #234; text-decoration: none; cursor:text;
		}
		
			
/* #map-wrap is Global Map - .jump-blu is jumplist used on get involved pages */
#column1 #map-wrap { margin: 16px 0 21px 0; }		
#column2 #map-wrap { margin-top: 15px; }
#map-wrap ul#maplinks {  margin: 2px 0 10px 8px; }
	.jump-blu ul { margin: 6px 0 10px 2px; }
	
	#map-wrap ul#maplinks li, .jump-blu ul li {
		background:url("/lib/i/icons/tri_blu3.gif") no-repeat 18px .4em;
		margin: 0 0 0px;
		padding:0 0 0px 36px;
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.5em;
		color: #5da7d7;
		}
		#map-wrap ul#maplinks a:link, #map-wrap ul a:visited,
			.jump-blu a:link, .jump-blu a:visited { color: #2f698f; text-decoration: none; } 
		#map-wrap ul#maplinks a:hover, 
			.jump-blu a:hover {	color: #ba3635; text-decoration: underline; }

	
	#map-wrap h2, .jump-blu h2  { font-size: .88em; color: #9ab;  
			font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			font-weight: bold;
			margin: 7px 0 0 25px;
			padding: 0;
			}
			.jump-blu h2  {margin: 18px 0 0 19px; }
	
				
/* mini-menus in col 2 */
	.c2menu { margin: 16px 0 16px; padding: 10px 15px 15px 15px; 
		background-color:#ffc; 
		border: solid 1px #fc0;		
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.3em;
		}

	.c2menu ul {
		margin: 5px 0 0;
		padding:0;
		list-style-type:none;
		}
		.c2menu ul li {
			background:url("/lib/i/icons/tri_yel.gif") no-repeat 4px .3em;
			margin: 0 0 3px;
			padding:0 0 0px 22px;
			}
			.c2menu ul a:link, .c2menu  ul a:visited { text-decoration: none; color: #333; } 
			.c2menu ul a:hover { text-decoration: underline; 
			}			
			
	/* if page class matches col 2 menu list item id triangle icon turns golden brown */
	body.p-about.main .c2menu ul li.m-about,
		body.p-issues.main .c2menu ul li.m-issues,
		body.p-about.endorsements .c2menu ul li.m-endorsements,
		body.p-about.record .c2menu ul li.m-record,
		body.p-about.jenny .c2menu ul li.m-jenny,
	body.p-pressroom .c2menu ul li.m-pressroom,
		body.p-releases .c2menu ul li.m-releases,
		body.p-newsletter .c2menu ul li.m-newsletter,
		body.p-events .c2menu ul li.m-events,
		body.p-presskit .c2menu ul li.m-presskit,
	body.p-involved.main .c2menu ul li.m-main,
		body.p-involved.whygive .c2menu ul li.m-whygive,
		body.p-involved.howgive .c2menu ul li.m-howgive	 {
		background:url("/lib/i/icons/tri_yel2.gif") no-repeat 4px .3em;
		} /* and cursor does not show link */
		body.p-about.main .c2menu ul li.m-about a,
			body.p-issues.main .c2menu ul li.m-issues a,
			body.p-about.endorsements .c2menu ul li.m-endorsements a,
			body.p-about.records .c2menu ul li.m-record a,
			body.p-about.jenny .c2menu ul li.m-jenny a,
		body.p-pressroom .c2menu ul li.m-pressroom a,
			body.p-releases .c2menu ul li.m-releases a,
			body.p-news .c2menu ul li.m-news a,
			body.p-newsletter .c2menu ul li.m-newsletter a,
			body.p-events .c2menu ul li.m-events a,
			body.p-presskit .c2menu ul li.m-presskit a,
		body.p-involved.main .c2menu ul li.m-main a,
			body.p-involved.whygive .c2menu ul li.m-whygive a,
			body.p-involved.howgive .c2menu ul li.m-howgive a				
			{ color: #234; text-decoration: none; cursor:text; } 			
				
	.crumbs, .crumbs-bot { font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.88em;
	margin-top: 11px;
	}
	.crumbs-bot { text-align:center; }
	.crumbs a:link, .crumbs a:visited,
	.crumbs-bot a:link, .crumbs-bot a:visited { text-decoration: none; color: #424242; }
		.crumbs a:hover, .crumbs-bot a:hover { text-decoration: underline; color: #ba3635; }			

/* Footer
-------------------------------------------------------------- */
/*.footer {
	vertical-align: bottom;
	height:225px;
	background: url(http://www.mysite.com/images/footer.jpg) no-repeat 0 bottom; }*/

.footer { padding-bottom: 20px; }	
.footer a { display: inline; white-space: nowrap; }

.footer ul {
   	margin: 0 auto;
   	padding: 0.5em 0;
   	text-align: center;
   	width: 100%; /* was 85% */
	}

.footer ul li {
	font-family: Arial, Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	display: inline;
	padding: 0.5em;
	}	
	.siteby { text-align: center; 
		font-family: Arial, Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
		font-size: 0.88em; 
		font-weight: bold;
		color: #475a6d;
		}	
	.footer li a:link, .footer li a:visited, .footer li a:hover,
	.siteby a:link, .siteby a:visited, .siteby a:hover { color: #234; text-decoration: none; background-color: transparent; }
	.footer li a:visited, .siteby a:visited { color: #475a6d; }
	.footer li a:hover, .siteby a:hover { color: #fff; /* text-decoration: underline; */ }		
			
	
/* if page class matches footer link id, then link becomes */
	body.p-home #f-home a,  
	body.p-about #f-about a, 
	body.p-issues #f-issues a,  
	body.p-newsletter #f-newsletter a,  
	body.p-pressroom #f-pressroom a,
	body.p-resources #f-resources a,
	body.p-involved #f-involved a,
	body.p-subscribe #f-subscribe a,
	body.p-donate #f-donate a,
	body.p-contact #f-contact a,
	body.p-privacy #f-privacy a,
	body.p-sitemap #f-sitemap a,
	body.p-credits #f-credits a
	{ color: #fff; text-decoration: none; cursor:text; } 	
				
			
/* Blocks in columns - move lower down after this sheet is done
-------------------------------------------------------------- */			
.featured-wrap { margin-top: 16px; } 	
#column2 .featured-wrap { margin-top: 20px; } 

.box-cap { margin: 5px 0 16px; padding: 10px 15px 15px 15px; 
		background-color:#f8f6f0; 
		border: solid 1px #e4ddcc;
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.4em;
		}
		.box-cap p { margin-bottom: 0;}
		
/* document covers */		
	.doc { margin-top: 16px; }
		.box-cap.doc { 
			background-color:#cccfdd; 
			border: solid 1px #b5bdd5; 
			padding: 15px; 
			}
	.box-cap.doc a:link, .box-cap.doc a:visited { color: #4c6da8; text-decoration: none; }
	.box-cap.doc a:visited { color: #737373; }
		
.box-yel, .box-yel2 { margin: 16px 0 16px; padding: 10px 15px 15px 15px;
		background-color:#ffc; 
		border: solid 1px #fc0;
		}
		/* wider padding used on phthalates reports */
		.box-yel2 { margin: 5px 0 16px; padding: 10px 25px 5px 25px; }
		.box-yel p, .box-yel2 p { margin-bottom: 0;}
		
#search-wrap  { margin: 13px 0 0px 0px; width: 240px; }  
	/* #search-wrap div.thisbox div { float: left; margin: 0; padding: 0; }  no-float wrapper div hack to fix left margin bug in left floats in ie */
	.inpsearch { float: left; margin: 0; padding: 0; }
	.inpsearch input { 
		font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; color:#000;
		background-color:#f1f5f8; padding: 4px 5px 5px 5px; 
		border-style:solid; border-width:1px; border-color:#b7c3d7;
		width: 162px; /* rendered input box is width plus left and right border and padding, totalling 174 */
		}
		.inputwrap { text-align: right; }
		
	.addthis-wrap { margin: 20px 0; }
	
.site-logos { text-align: center; padding-bottom: 10px; }

/* REMOVE IF NOT USED BEFORE LAUNCH */					
/* jumplists */	
	.jump-wrap { margin: 25px 0 30px 38px; }
	/* if page id matches menu link id, then link becomes */
	body#p-about #m-about a,  
	body#p-board #m-board a,
	body#p-staff #m-staff a
	{ color: #234; text-decoration: none; cursor:text; } 	
	

/* Images
-------------------------------------------------------------- */		
/* for captionless images of any size */
.img-left { 
	float: left;
	margin: 0px 14px 16px 0px;
	}
	
.img-right { 
	float: right;
	margin: 4px 0px 16px 14px;
	}		
	
	
/* Images
-------------------------------------------------------------- */	
/* default size half-column floated imge with cap */	
.module.l .box-left, .module.r .box-left, .doublemod .box-left, 
.module.l .box-right, .module.r .box-right, .doublemod .box-right { 
	width: 200px;
	float: left;
	margin: 16px 18px 0 0;
	}
	.module.l .box-right, .module.r .box-right, .doublemod .box-right { 
	float: right;
	margin: 16px 0px 0 18px;
	}	
	/* currently not used on the Sam site */
	.module.l .box-capbold, .doublemod .box-capbold { 
		/* font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; */
		/* font-size: 0.88em; */		
		font-weight: bold;
		color: #2c2c62;
		line-height: 1.2em;
		margin: 6px 0 12px 0;
		}	

/* For thumbnail images 90px wide */	
.floatleft, .floatleft2 {
	float: left;
	width: 92px;
	padding: 4px 12px 12px 0;
	}
	.floatright, .floatright2 {
	float: right;
	width: 92px;
	padding: 4px 0 12px 12px;
	}
	/* use for floats that require 19px top margin, such as in class="jumplist", for which P has margin-bottom:0  */
	/* note: floats immediately beneath headers normally do not take a top margin */	
	.floatleft2, .floatright2 {	padding-top:19px; } 
			

/* Fieldset
-------------------------------------------------------------- */	
	fieldset {
		background-image: url("http://sampage.com/lib/i/layout/fieldset_bg.jpg");
		background-repeat: no-repeat;
		/* background-position: 0 20px;  lowers bg 20 px not needed for this site */
		border: 1px solid #d2dbea;
		margin: 0 0 18px 0;
		/* padding: 0 1.2em 1.2em 1.2em; */
		padding: 0 1.2em 0.8em 1.2em;
		}
		/* if fieldset contains unordered list */
		fieldset.listset, fieldset.menu  { padding: 0 0.75em 1em 0.75em; }
			fieldset.menu  { margin-bottom: 18px; }		

		fieldset legend {
			font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			font-size: 0.9em;
			color: #89a;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			font-weight: bold;
			margin: 0;
			padding: 0.5em;
			}

		fieldset a:link, fieldset a:visited { color: #424242; text-decoration: none; }
		fieldset a:hover {
			color: #ba3635;
			text-decoration: underline;
			}
		
		#column2 fieldset { margin-top: 10px; }
		#column2 fieldset legend { font-size: 0.88em;}		
	
/* REMOVE IF NOT USED BEFORE LAUNCH */	
		fieldset.plain { background: none;
		padding: 0 15px 18px 15px; }	
		fieldset p, .module fieldset p { margin: 10px 0 0 0; 			
			font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			font-size: 0.88em;
			}
			fieldset p.initial, .module fieldset p.initial { margin: 0; }
		/* for lists of links */
		fieldset a:link, fieldset a:visited { color: #424242; text-decoration: none; }
		fieldset a:hover {
			color: #ba3635;
			text-decoration: underline;
			}
			/* for more link */
			fieldset a.line:link, fieldset a.line:visited { color: #4c6da8; text-decoration: underline; }
			fieldset a.line:visited { color: #999; }
			fieldset a.line:hover {
				color: #ba3635;
				text-decoration: underline;
				}
		div.upten { margin-top: -10px; }	/* wrapper that closes gap when fieldset is not top of col. */
		
		/* for endorsements */
		fieldset div.vsm, .module fieldset div.vsm { margin: 4px 0 10px 0; 			
			font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			font-size: 0.88em; line-height: 1.5em;
			}

/* Press Room
-------------------------------------------------------------- */	
/* home page news jumplist */
.newslinks	{ margin: 6px 0 16px;
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #aaa;
	text-align: center;
	}
	.newslinks a:link, .newslinks a:visited { color: #003; text-decoration:none; }
	.newslinks a:hover{ color: #ba3635; text-decoration: underline; 
	}
	/* body#s-splash .newslinks { text-align: left; } */
	body#s-all .newslinks { text-align: left; }

 body.p-news h3 { margin-top: 20px; }
 body.p-news .pritem h3 { margin-top: 0px; }
	
.pritem { margin-top: 12px; line-height: 1.4em;}
.pritem h3, 
	body.p-reports.main	.pritem h3, /* preserves this style for reports index */ 
	body.p-reports h3#default { /* preserves this style for atomz preview of report item summary */ 
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em; line-height: 1.4em; }	
		h3 a:link, h3 a:visited, h3 a:hover { color: #616b8e; text-decoration: none; } /* was 517664 */
		h3 a:visited { color: #777; }
		h3 a:hover { color: #ac3433; }	
		
/* PR date in lists on Archive pages - Verdana */	
	.newslist .prdate { 
		font-weight: normal; color: #003; margin-top:0px; margin-bottom:8px;
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em; line-height: 1.4em; 
	 	}

	.newslist h1 { margin-bottom: 0; }
		.newslist h1 a:link, .newslist h1 a:visited { color: #b60; text-decoration: none;	}
		.newslist h1 a:hover { color: #ba3635; text-decoration: underline; }
			
	.newslist h3 { 
		padding-top:0px; padding-bottom:4px;
		margin-top:0; margin-bottom:0;
		}		
		
	/* PR Date on Press Release page - Arial */		
	.prdate { font-weight: bold; color: #b60; margin-top:18px; }		

	/* more links - 11-2009 - this may be superceded */
	.more, a.more:link, a.more:visited, a.more:hover { 
		font-family: Georgia, Verdana, "Times New Roman", Times, serif; font-size: 0.88em; font-weight:bold; color: #5e88d3;
		margin:0 1px 0 0; text-decoration:underline; }
		a.more:hover { color:#4061b4; }
		/* link to offsite news articles */
		.readtext a.more:link, .readtext a.more:visited { text-decoration:none; }	
		.readtext a.more:hover { text-decoration:underline; }		
		.guillemot { color: #689b3e; }	
		
	.view-all {
		font-size: .8em;
		text-transform: uppercase;
		color: #363636;
		font-weight: bold;
		margin-right: 20px;
		text-align: right;
		}
		.view-all a:link, .view-all a:visited { color: #424242; text-decoration: none; } 
			.view-all a:hover { color: #ba3635; text-decoration: underline; }
			
	.quotebox, .quoteboxleft {
		float: right;
		width: 160px;
		margin: 0.45em 0 1em 18px; 
		padding: 14px 16px 16px 16px;
		background-color:#ffc;
		border: solid 1px #f9e470;
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
	 	line-height: 1.4em;
		}
		.quoteboxleft { float: left; margin: 0.4em 18px 1em 0; 	}
		.quotebox p, .quoteboxleft p { margin: 0; line-height: 1.5em; }
		
	/* attribution immediately below quote - used by Atomz */		
	div.attrib { 
		text-align: right;
		margin-top: 10px; margin-bottom: 0px;
		padding-top:0; padding-right:0px;
		padding-bottom:0px; padding-left:0px;
		text-decoration:none;
		}
	
	/* used by Atomz */	
	.immed, .subtitle, .source { font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.4em;
		}
 		.subtitle { margin-top: 8px; }
		.source { margin-top: 10px; margin-bottom: 22px; }
		
		.source a:link, .source a:visited { color: #4c6da8; text-decoration: none; }
		.source a:hover { color: #ba3635; text-decoration: underline; }
		
	.readimg { margin-right: 70px; float: right; }
	.readtext { margin-top: 25px; text-align: right; margin-right: 130px; }
	.readnote { clear: both; margin-top: 35px; }


		
/* News Articles - Atomz uses
-------------------------------------------------------------- */
/* more links for news pages using text and guillemot right character */
/* If user doesn't have Georgia, Verdana is same size, but Times is much smaller */	
.excerpt, .news-link { color:#b00;  
	font-family: Georgia, Verdana, "Times New Roman", Times, serif; 
	font-size: .9em; 
	font-weight:bold; 
	}
	.excerpt { margin: 24px 0 14px 0; }
	.news-link	{ text-align: right; padding: 9px 105px 0 0; }
	.news-link a:link, .news-link a:visited, .news-link a:hover { 
		color:#b00; text-decoration: none;
		} 
		.news-link a:hover { color:#b00; text-decoration:underline; }	
	 
.news-wrap p.vsm { line-height: 1.3em; color: #778; }

.news-img { float: right; padding-right: 50px; }	
.guillemot { float: right; padding: 9px 12px 0 3px;
	 font-family: Arial, Helvetica, Verdana, sans-serif; 
	 font-size: 1em; color:#b00;  
	 }	

	 
/* Reports Articles - Atomz uses
-------------------------------------------------------------- */
body.p-reports h3 { color: #b60; font-size: 1.2em; } /* #666 */
body.p-reports h3 a:link, body.p-reports  h3 a:visited  { color: #4c6da8; }
body.p-reports h3 a:hover { color: #b00; }

body.p-reports .news-link	{ text-align: right; padding: 7px 80px 0 0; }
body.p-reports .news-wrap { margin-top: 20px; }	 

body.p-reports .news-img { float: right; padding-right: 30px; }	

.format { font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; 	
		font-size: 0.88em; 
		text-align: right; padding: 0px 80px 0 0;
		}
body.p-reports h3.default /* preserves this style for atomz preview of report item summary */ {
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em; line-height: 1.4em; color: #597569; }	
	

/* Home page
-------------------------------------------------------------- */	
#sig { margin: 20px 0 5px 15px; }		
	

/* sam page network
-------------------------------------------------------------- */
.network-photo { margin-top: 16px; margin-bottom: 0; }
.network-photo img { display:block; }
	
#network.module { margin-top: 0px; height: 125px; background:url(/lib/i/layout/network.gif) 0 0 no-repeat;}

#network.module ul {
	overflow:hidden;
	/* width:214px; */
	width:240px;
	padding:49px 0 0 23px;
	}		
#network.module ul li {
	position:relative;
	float:left;
	margin:0 12px 15px 0;
	width:96px;
	height:20px;
	}
#network.module li#netTwitter,
#network.module li#netYoutube {margin-right:0;}
#network.module li#netLinkedin,
#network.module li#netYoutube {margin-bottom:10px;}
#network.module ul li a,
#network.module ul li i {
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
	}
#network.module ul li i {
	position:absolute;
	top:0;
	left:0;
	background-image:url(/lib/i/network/network-sprite.gif);
	background-repeat:no-repeat;
	}
li#netFacebook a:hover i {background-position:0	-63px;}
li#netTwitter i {background-position:-113px 0;}
li#netTwitter a:hover i {background-position:-113px -63px;}
li#netLinkedin i {background-position:0 -35px;}
li#netLinkedin a:hover i {background-position:0 -98px;}
li#netYoutube i {background-position:-113px -35px;}
li#netYoutube a:hover i {background-position:-113px -98px;}
	
	
/* Browser-specific styles
-------------------------------------------------------------- */
/*\*//*/
  @import "ie5mac.css";
/**/