/* CSS
Global Styles 
Author: Nash Interactive
Client: GHSI
Created: 03-12-08
With thanks to Scott Thomas
*/

/* Browser-specific styles
=====================================================================*/


/* 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
=====================================================================*/
html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body {
	/* background: url(http://www.mysite.com/images/bg.jpg) no-repeat scroll 50% 0pt; */
	background-color:#7b94b5;
	/*  text-align: center; */
	line-height: 1.6em; 
	}

input[type="text"] { }


/* Library
=====================================================================*/

.l { float: left; width: 66%; } /* was 49% */
.r { float: right; width:32%; } /* was 49% */
.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; }
.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; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }

div.anchortight { height: 0.001em; margin: 0; padding: 0; }

div.hidden, a.hidden {
	display: none;
	margin: 0;
	}
	
.border999 img { border: solid 1px #999; background-color: #e0d3c2; }
	
.separator {
	margin-top:13px; margin-bottom:3px;
	background: url(/lib/i/shared/bg_dots_thin.gif) repeat-x left bottom;
	clear:both;/* prevents floated images from overlapping each other */
	}

	
/* 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; }


/* Homepage Specific Headers
=====================================================================*/

h1 {
	font-size: 1.2em;
	line-height: 0.9em;
	color: #68b; /* 4c6da8 */
	}
	.doublemod h1 {
	font-weight: bold;
	color: #68b; /* 4c6da8 */
	line-height: 1.1em;
	font-size: 1.5em;
	padding: 10px 0px 0px 0px;
	}

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #363636;
	font-weight: bold;
	}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #4c6da8;
	}
	.doublemod h3 {
	font-weight: bold;
	color: #4c6da8; 
	line-height: 1.1em;
	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: #4c6da8; text-decoration: none; }
	h3 a:visited { color: #777; }
	h3 a:hover { color: #ac3433; }	

h4 {
	font-size: .88em;
	text-transform: uppercase;
	color: #4c6da8;
	letter-spacing: 1px;
	font-weight: bold;
	}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
	}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	}



/* Misc Typography
=====================================================================*/

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

table { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #424242;
	}

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;
	}
	
	
/* 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;
	}
			

/* List Elements
=====================================================================*/

ul li {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
	}

/* not for this site
li a:hover {
	background-color: #eee;
	}*/
	
dl {
	height: auto;
	margin: 0;
	list-style: none;
	}
	dl a {
		display: block;
		padding-top: 2px;
		padding-bottom: 2px;
		}
	dl a:hover { background-color: #fff; }
	dl img { float: left; }
	dt, dd { padding: 5px 7px; }
	dt { 
		float: left;
		clear: left; 
		width: 40px;
		color: #363636;
		font-size:.9em;
		}
		dd { margin-left: 50px; }

ul.tri-blu3 { /* for quick links */	
	margin: 10px 0 10px;
	padding:0;
	list-style-type:none;
	}
	ul.tri-blu3 li {
		background:url("http://www.globalhealthsafety.org/lib/i/icons/tri_blu3.gif") no-repeat 10px .4em;
		margin: 0 0 3px;
		padding:0 0 0px 28px;
		}
		ul.tri-blu3 a:link, ul.tri-blu3 a:visited,
		ul.tri-blu4 a:link, ul.tri-blu4 a:visited  {
			text-decoration: none;
			} 
			ul.tri-blu3 a:hover, ul.tri-blu4 a:hover {
			text-decoration: underline;
			}
			
ul.tri-blu4 { /* home page quick links */	
	margin: -4px 0 18px;
	padding:0;
	list-style-type:none;
	}
	ul.tri-blu4 li {
		background:url("http://www.globalhealthsafety.org/lib/i/icons/tri_blu3.gif") no-repeat 0px .4em;
		margin: 0 0 3px;
		padding:0 0 0px 18px;
		}
			
ul.box-blu 	{ /* for fieldsets */
  	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://www.globalhealthsafety.org/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;
			}
			
ul.bge, ul.bgetight {
  margin:19px 0 19px;
  padding:0;
  list-style-type:none;
  }
  
ul.bge li, ul.bgetight li {
	background:url("http://www.globalhealthsafety.org/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; 
	} 
	.doublemod ul.bge li {
	background:url("http://www.globalhealthsafety.org/lib/i/icons/tri_bge.gif") no-repeat 40px 5px;
	margin: 0 75px 20px 0;
	padding:0 0 0px 58px;
	}
	.doublemod ul.bgetight li {
	background:url("http://www.globalhealthsafety.org/lib/i/icons/tri_bge.gif") no-repeat 40px 5px;
	margin: 0 75px 3px 0;
	padding:0 0 0px 58px;
	}
	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; 
		}
		/* 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; } 		

/* these settings are for inside doublemod */		
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("http://www.globalhealthsafety.org/lib/i/icons/num1.gif") no-repeat 28px .1em;
	margin: 0 75px 10px 0;
	padding:0 0 9px 58px;
	}
	ul li.num2 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num2.gif") no-repeat 28px .1em;}
	ul li.num3 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num3.gif") no-repeat 28px .1em;}
	ul li.num4 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num4.gif") no-repeat 28px .1em;}
	ul li.num5 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num5.gif") no-repeat 28px .1em;}
	ul li.num6 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num6.gif") no-repeat 28px .1em;}
	ul li.num7 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num7.gif") no-repeat 28px .1em;} 
	ul li.num8 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num8.gif") no-repeat 28px .1em;}
	ul li.num9 { background:url("http://www.globalhealthsafety.org/lib/i/icons/num9.gif") no-repeat 28px .1em;}
	

/* Grid
=====================================================================*/

/* layout styles */

#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 */
	background-color: #fff;
	background-image: url("http://www.globalhealthsafety.org/lib/i/layout/bg_house.gif");
	}

#top { background-color: #7b94b5; padding-top: 10px; }

#header,
#content,
#bottom {
	width: 969px; 
	margin: 0 auto;
	position: relative;
	}

#content {	
	width: 969px; 
	margin: 0 auto;
	/* background: transparent url(http://www.mysite.com/images/bg_content.jpg) repeat-x; */
	padding: 9px 0 0 0;
	}

#column1 {
	float: left;
	width: 690px;  /* was 685 */
	/* background-image: url("http://dev1.nashinteractive.com/images/bg_col1.gif"); 
	background-repeat: repeat-x; */
	padding: 0px;
	margin: 0px;
	background-color: #fff;	
	}
	
#column2 { 
	width:230px; /* was 235 */
	margin: 0 0 0px 690px; 
	padding: 0px 20px;
	background-color: #fff;
	}

/* Emi: Maybe bring this back to see whether it fixes interrupted load issue. 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: #7b94b5 url("http://www.globalhealthsafety.org/lib/i/layout/bg_house_bot.gif") repeat-x; 
	height: 8px;
	font-size: 4px;
	margin:0; padding:0; }	

.module.l  { 
	height: auto;
	width: 415px; 
	padding: 0 20px 20px 25px ;
	}
	.module.l p { margin-top: 18px; } /*19 */
	
.module.r 	{ 
	height: auto;
	width: 230px; 
	padding: 0 0 20px 0 ;
	}
	
.doublemod  { 
	padding: 0 0 40px 25px ;
	}
	.doublemod p { margin-top: 18px; } /*19 */

#column2 .module {
	padding-top:20px;
	}

#header {
	background-color:#FFFFFF;
	height: 207px; 
	display: block;
	}	

#header h1 { float:left; }
#bottom { background-color: #7b94b5; }
#logo-print { display: none; }


/* Navigation 2.0
-------------------------------------------------------------- */
#nav { line-height: 2; /* was line-height 1 */
	/* z-index: 9998; probably needed only for drop-downs */
	}
	
#nav a {
	background: url("http://www.globalhealthsafety.org/lib/i/layout/navbar2_bg.gif") no-repeat 0 0;
	display: block;
	height: 30px; 
	text-indent: -999em; /* supposedly for accessibility, but not visible even to screen readers, use another method */
	overflow: hidden; /* because text indented offscreen left, prevents scrollbar display  */
	}	

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }

	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 156px; } 
	#nav-about a { background-position: -156px 0; width: 129px; }
	#nav-workgroups a { background-position: -285px 0; width: 129px; }
	#nav-press a { background-position: -414px 0; width: 129px; }
	#nav-events a { background-position: -543px 0; width: 129px; }
	#nav-resources a { background-position: -672px 0; width: 129px; }
	#nav-join a { background-position: -801px 0; width: 168px; }

	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -30px; width: 156px; }
	#nav-about a:hover { background-position: -156px -30px; width: 129px; }
	#nav-workgroups a:hover { background-position: -285px -30px; width: 129px; }
	#nav-press a:hover { background-position: -414px -30px; width: 129px; }
	#nav-events a:hover { background-position: -543px -30px; width: 129px; }
	#nav-resources a:hover { background-position: -672px -30px; width: 129px; }
	#nav-join a:hover { background-position: -801px -30px; width: 168px; }
	
	/*--- Clicking ---*/
	#nav-home a:active { background-position: 0 -60px; width: 156px; }
	#nav-about a:active { background-position: -156px -60px; width: 129px; }
	#nav-workgroups a:active { background-position: -285px -60px; width: 129px; }
	#nav-press a:active { background-position: -414px -60px; width: 129px; }
	#nav-events a:active { background-position: -543px -60px; width: 129px; }
	#nav-resources a:active { background-position: -672px -60px; width: 129px; }
	#nav-join a:active { background-position: -801px -60px; width: 168px; }		

	/* if page id matches NAVBAR id, then link becomes */
	body#p-home #nav-home a { background-position: 0 -90px; width: 156px; cursor:text; } 
	body#p-about #nav-about a { background-position: -156px -90px; width: 129px; cursor:text; }
	body#p-workgroups #nav-workgroups a { background-position: -285px -90px; width: 129px; cursor:text; } 
	body#p-press #nav-press a { background-position: -414px -90px; width: 129px; cursor:text; } 
	body#p-events #nav-events a { background-position: -543px -90px; width: 129px; cursor:text; } 
	body#p-resources #nav-resources a { background-position: -672px -90px; width: 129px; cursor:text; } 
	body#p-join #nav-join a { background-position: -801px -90px; width: 168px; cursor:text; } 
	
	
	/* AFTER PHIL UPDATES DIA, MOVE THIS TO ARCHIVED HOME PAGE */
	#btn-pgh { margin: 0; }	
		#btn-pgh a {
			background: url("http://www.globalhealthsafety.org/lib/i/layout/btn_pgh.gif") no-repeat 0 0;
			display: block;
			height: 93px; 
			text-indent: -999em; /* supposedly for accessibility, but not visible even to screen readers - use another method */
			overflow: hidden; /* because text indented off-screen left, prevents scrollbar display  */
			}
		#btn-pgh li, #btn-pgh ul { margin: 0; padding: 0; }	
			#gotopgh a { background-position: 0 0; width: 235px; } 
			#gotopgh a:hover { background-position: 0 -93px; width: 235px; }
			#gotopgh a:active { background-position: 0 -93px; width: 235px; }	
			/* END OF ITEMS TO MOVE */	
			
			
	#trio { margin: 0; }		
	#trio a {
		background: url("http://www.globalhealthsafety.org/lib/i/layout/trio_bg.gif") no-repeat 0 0;
		display: block;
		height: 34px; 
		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  */
		}	
	/* 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-pgh a { background-position: 0 0; width: 230px; } 
		#trio-chd a { background-position: 0 -34px; width: 230px; }
		#trio-hcwh a { background-position: 0 -68px; width: 230px; }
		/*--- Hovering ---*/
		#trio-pgh a:hover { background-position: 0 -102px; width: 230px; }
		#trio-chd a:hover { background-position: 0 -136px; width: 230px; }
		#trio-hcwh a:hover { background-position: 0 -170px; width: 230px; 
		}
		#trio p { font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.2em; 
		margin: 10px 0 10px 1px; }			

	#search-wrap  { margin: 18px 0 20px 0px; width: 230px; } 
	/* #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: 152px; /* rendered input box is width plus left and right border and padding, totalling 164 */
		}
		.inputwrap { text-align: right; }	
		

/* 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: 85%;
	}
.footer ul li {
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	display: inline;
	padding: 0.5em;
	}
	.footer li a:link, .footer li a:visited, .footer li a:hover { color: #def; text-decoration: none; background-color: transparent; }
	.footer li a:visited { color: #bcd; }
	.footer li a:hover { color: #fff; /* text-decoration: underline; */ }	
	
.siteby { text-align: center; 
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.88em; 
	color: #def; }

	.siteby a:link, .siteby a:visited, .siteby li a:hover,
	.footer li a:link, .footer li a:visited, .footer li a:hover { color: #def; text-decoration: none; background-color: transparent; }
	.siteby a:visited, .footer li a:visited { color: #bcd; }
	.siteby a:hover, .footer li a:hover { color: #fff; /* text-decoration: underline; */ }	
	
	
/* Fieldset
-------------------------------------------------------------- */	
	fieldset {
		background-image: url("http://www.globalhealthsafety.org/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 10px 0;
		padding: 0 1.2em 1.45em 1.2em;
		}
		fieldset.plain { background: none;
		padding: 0 15px 18px 15px; }	
		
		fieldset p.initial { margin: 0; }
		fieldset p { margin: 10px 0 0 0; 			
			font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			font-size: 0.88em;
			}
		/* 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;
			}	

	
/* Email Subscription Form
-------------------------------------------------------------- */

#email_subscribe input[type="text"] {
	position:relative;
	top:-4px;
	background-color: #4f87b8;
	border: 1px solid #07387a;
	padding:2px;
	color:#fff;
	font-size: 10px;
	}

#email_subscribe input[type="image"] {
	position: relative;
	top: 4px;
	}

#email_subscribe {
	float: right;
	padding: 60px 66px 0px 0px;
	}

	
/* Home page
-------------------------------------------------------------- */
div.site-name { margin: 0 0 10px 0; }

.tagline { 	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 24px;  /* 1.25em; */
	font-weight: bold;
	color: #9ab; 
	line-height: 1.2em;
	}
	
.module.l .box-left, .doublemod .box-left { 
	width: 170px;
	float: left;
	margin: 24px 15px 0 0;
	}
	.module.l .box-cap, .doublemod .box-cap { 
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;		
		color: #667;
		line-height: 1.2em;
		margin: 4px 0 10px 0;
		}	

fieldset.top-flush { margin-top: -11px; }
	
#workgroups { margin: 1px 0 10px 1px; } /* 1px top needed to prevent border from sticking up above and to the left of its col */
	#workgroups td { 
		background-color: #e9f3fd; /* beige: #f8f4f0*/
		border: solid 1px #d1e0f0; /* beige: #dad5d1*/
		padding: 8px;
		}
	#workgroups td.wg-hdr { padding: 4px; background-color: #d1e0f0; } /* beige: #dad5d1*/
	/* for workgroups menu in right col and midlle col */
	#workgroups .wg-hdr div, .module #workgroups .wg-hdr div {
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 1em;
		font-weight: bold; 
		color: #445; /* for beige scheme: 666 */
		letter-spacing: 0.1em;
		margin: 0 0 0 18px; padding: 0;
		}
	#workgroups td.hlt {
    	background-color: #fff;
        color: #000;
        }	
	#workgroups td div, .module #workgroups td div { 
		font-size: 1em;
		color: #778;
		font-weight: bold;
		margin: 0; padding: 0;
		}
	#workgroups td p, .module #workgroups td p { 
		font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.88em;
		line-height: 1.3em;
		color: #667; /* for beige scheme: 666 */
		margin: 2px 0 0 0; padding: 0;
		}
		#workgroups a:link, #workgroups a:visited { color: #678; text-decoration: none; }
		#workgroups a:hover { color: #ac3433; text-decoration: underline; }		
	#workgroups ul {
		margin: 0 0 0px;
		padding:0;
		list-style-type:none; 
		}
		#workgroups ul li {
			background:url("http://www.globalhealthsafety.org/lib/i/icons/arrow_blu3.gif") no-repeat 0px .4em; /* arrow_bge.gif */
			margin: 0 0 4px;
			padding:0 0 0px 18px;
			}	
		#workgroups a:hover { color: #ac3433; text-decoration: none; }	
		
		/* ul, ol, dl { position: relative;  } */
		#workgroups ul { position: relative;  } /* fixes ie/win disappearing list-backgroud bug. In this particular layout, bg img disappeared if li contains a div or p at the very beginning of the li, i.e., on same horizontal line as the bg img */
		.addthis-wrap { margin: 20px 0; }


/* Whats New
-------------------------------------------------------------- */
#news h2 {
	margin-bottom:15px; }

#news h3, #column2 h3 {
	font-weight: bold;
	color: #4c6da8; 
	line-height: 1.1em;
	font-size: 1.2em;
	padding: 10px 0px 0px 0px;
	}
		
#news h4 {
	color: #7e7e7e;
  	font-weight:normal;
	}

.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; }
 
#news p {
	margin-top: 5px; }

#news div { 
	margin-bottom: 20px; }  

/* tab img */
#news .whats-new { margin: 24px 0 6px 0; padding: 0 0 1px 0; 
	background: transparent url("http://www.globalhealthsafety.org/lib/i/layout/bg_separator.gif") repeat-x; } 
.whats-new img { display: block; }