/*
	Management Sciences for Health stylesheet
	Paul Farning  - ISITE Design
	Created: 11.15.07
	Updated: 02.14.08

	--------- Notes -----------	
	* html {anything} addresses IE < 6 browser bugs
	*+html {anything} addresses IE 7 browser bugs
*/

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form{margin:0;padding:0;border:0;}

body {
	color: #000;
	font: 76%/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}

/* ------------------------------------------------ Layout ------- */
#wrapper {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	width: 925px;
}

/* #header {
		background: url(http://www.msh.org/img/dev/msh-banner.gif) 0 0 no-repeat;
		min-height: 102px;
		position: relative;
	} */

 #header {
		background: url(http://www.msh.org/img/dev/msh_header.jpg) 0 0 no-repeat;
		min-height: 102px;
		position: relative;
	} 
	
* html #header { height: 102px; } 
		
		#brand {
			background: transparent url(http://www.msh.org/img/dev/msh_logo.gif) no-repeat;
			display: block;
			height: 102px;
			overflow: hidden;
			position: absolute; left: 0px; top: 0px;
			text-indent: -999em;
			width: 240px;
		} 
		
		#utility {
			font-size: .9em;
			list-style: none;
			margin: 0 0 0 488px;
			padding: 76px 0 0 0;
		}
	#contentwrap {
		background: #fff url(http://www.msh.org/img/dev/bg_wrapper.gif) 0 0 repeat-x;
		border-top: 1px solid #fff;
		overflow: hidden;
		padding: 20px 0 16px 0;
	}
		#nav {
			float: left;
			margin: 0 13px 0 0;
			width: 176px;
		}
		#primary {
			background: #fff url(http://www.msh.org/img/dev/bg_dash.gif) 0 0 repeat-x;
			float: left;
			margin: 0 13px 0 0;
			width: 509px;
		}
			#home #primary 	{ width: 492px; }
			.wide #primary	{
				margin: 0;
				padding-right: 180px;
				width: 555px;
			}
			#splash 		{ width: 492px; }
				#splash h1  { position: absolute; left: -999em; }
				#splash img { display: block; }
				#swf		{ height: 284px; }
			.row {
				background: #fff url(http://www.msh.org/img/dev/bg_row.gif) left bottom no-repeat;
				margin: 13px 0;
				overflow: hidden;
			}
			.block { overflow: hidden; }
				* html #report, * html #quickfind { padding-top: 13px; }
				#primary .block {
					float: left;
					width: 240px;
				}	
					#primary div.first { margin-right: 12px; }				
				.block ul 			{ list-style: none; }
					.row .block ul 	{ background: transparent url(http://www.msh.org/img/dev/bg_rowblock_top.gif) 0 0 no-repeat;	}				
		#secondary {
			float: left;
			width: 214px;
		}			
			#home #secondary { width: 231px; }
			#secondary .block {
				background: #fff url(http://www.msh.org/img/dev/bg_block_bottom.gif) left bottom no-repeat;
				margin-bottom: 13px;
			}
				* html #secondary .block 		{ float: left; }
				#home #secondary .block 		{ background: #fff url(http://www.msh.org/img/dev/bg_block_bottom_home.gif) left bottom no-repeat; }
				#secondary .block ul 			{ background: transparent url(http://www.msh.org/img/dev/bg_block_top.gif) 0 0 no-repeat; }
					#home #secondary .block ul 	{ background: transparent url(http://www.msh.org/img/dev/bg_block_top_home.gif) 0 0 no-repeat; }
			#secondary img {
				display: block;
				margin-bottom: 0;/* 0'd for CS br */
			}
				#secondary .block img 		{ margin-bottom: 0; }
				#secondary .spotlight img 	{ margin-bottom: 10px; }
				#secondary .spotlight p		{ font-size: .9em; }
		
		.callout {
			background: #d4c37c;
			border: 1px solid #c5b777;
			margin-bottom: 13px;
			padding: 10px;
		}
			#secondary .callout h4 { color: #fff; font-size: 1.2em; margin-bottom: .6em; text-shadow: 0 0 0 #c5b777; }
			.callout p a { font-weight: bold; }
	#footer {
		border-top: 1px solid #666;
		clear: both;
		color: #033;
		font-size: .75em;
		padding: 8px 0 16px 0;
		text-align: center;
	}
		.copyright	{ padding-left: 14px; }
		#footer br	{ display: none; }

table.profile {
	background: #fff;
	border-collapse: collapse;
}
	table.profile caption 							{ display: none; }
	table.profile th, table.profile td 				{ background: #fbf1c2; border-bottom: 1px solid #fff; font-size: .9em; padding: 8px; text-align: left; vertical-align: text-top; }
	table.profile th								{ border-right: 1px solid #fff; color: #333; font-size: .9em; font-weight: normal; }
	table.profile .odd th, table.profile .odd td 	{ background: #e5e5cc; }
	table.profile tfoot td 							{ background: #fff; }
	#content #secondary table.profile ol 			{ margin: 0;}
	table.profile li {
		background: none;
		overflow: auto;
		padding: 2px;
	}

/* ------------------------------------------------ Type, Links, Lists, Images ------- */
h1, h2, h3, h4, h5, h6, p 	{ margin: .1em 0 0 0; }
p 							{ margin-bottom: .8em; }
	#content #primary p		{ margin-right: 6px; }

h1{ font-size: 260%; color: #066; font-family: "Times New Roman", Times, serif; font-weight: normal; }
	#primary h1 { line-height: 1; padding-right: 60px; }
h2{ font-size: 140%; color: #066; }
h3{ font-size: 110%; color: #066; text-transform: uppercase; }
	#report h3, #quickfind h3 { color: #033; font-size: 1.2em; text-transform: none; }
h4{ font-size: 110%; color: #066; }
h5{ font-size: 100%; }
h6{ font-size:  90%; }

a 					{  }
a:link, a:visited	{ color: #000; }
a:hover, a:active	{ color: #333; }
a.more {
	background: transparent url(http://www.msh.org/img/dev/arrow_more.gif) right 50% no-repeat;
	padding: 0 16px 0 0;
	float: none;
	margin: 1em 10px;
	text-decoration: none;
}
	
	.actionnav 			{ padding-bottom: 1em; }
	.actionnav a.more 	{ float: none; margin-left: 0; }
	.block li a { text-decoration: none; }
	.block a.more {
		color: #066;
		font-weight: bold;
	}
	.externalproject a.more, .externalresource a.more 	{ float: none; margin: 1em 0; }
	.externalproject, .externalresource					{ margin-top: 1em; }
#footer a, .callout a, #breadcrumb a, a#print, .tabs a, tfoot a  { text-decoration: none; }
p a.more {
	background: none;
	padding: 0;
	float: none;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
	#primary p a.more {
		/* color: #066; */
		text-decoration: underline;
		text-transform: none;
	}
	
p a.more_Country {
	background: transparent url(http://www.msh.org/img/dev/arrow_more.gif) right 50% no-repeat;
	padding: 0 16px 0 0px;
	text-decoration: none;
}

p a.more_BacktoResource {
	background: transparent url(http://www.msh.org/img/dev/arrow_more.gif) right 50% no-repeat;
	padding: 0 16px 0 0px;
	text-decoration: none;
	float:right;
	}
	
a#print {
	background: transparent url(http://www.msh.org/img/dev/icon_print.gif) 0 50% no-repeat;
	color: #666;
	float: right;
	margin: -3em 0 0 0;
	padding: 3px 1px 3px 21px;
}
	.wide a#print { margin-right: -141px; }
		* html .wide a#print { position: absolute; float: none; margin-right: 0; right: 39px; }
		*+html .wide a#print { position: absolute; float: none; margin-right: 0; right: 39px; }
		*+html .wide #primary { position: relative; }
		* html .wide #primary { position: relative; } 	
	* html a#print { margin-top: -2em; }
	*+html a#print { margin-top: -2em; }
	a:hover#print { color: #000; }
a.newsletter {
	background: #ce9f12 url(http://www.msh.org/img/dev/btn_newsletter.gif) 0 0 no-repeat;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 11px 0 0 0;
	overflow: visible;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 0 #ce9f12;
	width: 148px;
}
	a.newsletter:link, a.newsletter:hover, a.newsletter:visited { color: #fff; }

img	{ border: none; }

#content ul, #content ol 	{ margin: 1em 36px; }
blockquote					{ border-left: 1px solid #aaa; margin: 2em 36px 2em 27px; padding: 0 0 0 8px }

.block h2, .block h4, .tabs h3  {
	background: #fff url(http://www.msh.org/img/dev/bg_hdr.gif) repeat-x;
	margin: 0;
	padding: 3px 10px;
}
	.tabs h3 { font-size: 1.3em; padding-top: 4px; text-transform: none; }
.block h4 { font-size: 1.3em; margin-bottom: 1px; }
.block h3, .spotlight h5 {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin-bottom: .6em;
}
	h5 span 		{ text-transform: uppercase; }
	.spotlight h5 	{ color: #033; font-size: 1.2em; margin-bottom: .3em; }

.pagination 				{ float: right; }
.searchHelper+.pagination 	{ margin-top: -2.6em; }
.pagination-1 				{ margin-top: -2.6em; } /* js */

/* ------------------------------------------------ Navigation ------- */
#utility ul { float: left; }
#utility li { display: inline; }
	#utility a 	{
		background: transparent url(http://www.msh.org/img/dev/nav_utility.gif) 0 -53px no-repeat;
		color: #000;
		line-height: 1.6;
		padding: 4px 5px 2px 22px;
	}	
		#utility a:hover 		{ color: #003333; }
	#utility #nav-home a 		{ background-position: 0 -53px; }
	#utility #nav-contact a 	{ background-position: 0 -125px; }
	#utility #nav-sitemap a 	{ background-position: 0 -196px; }
	#utility #nav-intranet a 	{ background-position: 0 -264px; }

#nav ul {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none;
	text-align: right;
	text-transform: uppercase;
}	
	#nav ul.divide {
		background: #fff url(http://www.msh.org/img/dev/bg_dash.gif) 0 0 repeat-x;
		padding: 8px 0 0 0;
	}	
	#nav li {
		background: transparent url(http://www.msh.org/img/dev/bg_nav.gif) 0 0 repeat-x;
		padding: 8px 0 0 0;
	}
		#nav li a { display: block; padding: 0 5px 0 2px; text-decoration: none; }
			* html #nav li a { height: 1%; }
		#nav li span {
			background: transparent url(http://www.msh.org/img/dev/arrow_nav.gif) 0 4px no-repeat;
			padding-left: 16px;
		}
	#nav ul ul {
		font-weight: normal;
		margin: 0 0 1em 0;
		text-transform: none;
	}


		#nav ul ul li {
			background-image: none;
			padding: 4px 0 0 0;
		}
	#nav ul ul a 		{ color: #330; }
	#nav ul ul a:hover 	{ background: #f2f2e5; }	

#nav-topic {
	background: #fcfcfc url(http://www.msh.org/img/dev/bg_topics_bottom.gif) left bottom no-repeat;	
	margin-bottom: 13px;
	padding-bottom: 10px;
}
	.wide #nav-topic 		{ width: 509px; }
	#nav-topic a 			{ text-decoration: none; outline: none; }
	* html #home #nav-topic { margin-bottom: 0; }
	*+html #home #nav-topic { margin-bottom: 0; }
	#content #nav-topic ul {
		/* background: transparent url(http://www.msh.org/img/dev/bg_dash.gif) left top repeat-x; */
		font-size: .9em;
		line-height: 1.5;
		list-style: none;
		margin: 0;
		padding: 6px 6px 0 16px;
		text-transform: uppercase;
	}
		#content #nav-topic ul.divide {
			background: transparent url(http://www.msh.org/img/dev/bg_dash.gif) left top repeat-x;
			margin: 6px 12px 0 16px;
			padding: 8px 0 0 0;
		}
		#home #content #nav-topic ul { text-align: center; }
		#content #nav-topic ul.first {
			background: transparent url(http://www.msh.org/img/dev/bg_topics_top.gif) left top no-repeat;
			padding: 12px 6px 0 16px;
		}
		#content #nav-topic li {
			display: inline;
			padding: 4px 16px 0 0;
			white-space: nowrap;
		}
			#content #nav-topic li.on a, #content #nav-topic li a.on { color: #066; text-decoration: underline;  }

#content #splash #nav-topic {
	background: #fff url(http://www.msh.org/img/dev/bg_navtopic.gif) 0 0 repeat;
	border-top: 1px solid #fff;
	padding-bottom: 1px;
}
	#content #splash #nav-topic ul {
		background: #bbb url(http://www.msh.org/img/dev/bg_navtopic_ul.gif) 0 0 repeat-x;
		line-height: 1.8;
		margin: 0;
		padding: 0 2px;
		width: 488px;
		overflow: hidden;
	}
		#content #splash #nav-topic ul.first 	{ margin: 0 0 1px 0; }
	#content #splash #nav-topic li {
		background: transparent url(http://www.msh.org/img/dev/bg_navtopic_li.gif) 0 2px no-repeat;
		display: block;
		overflow: hidden;
		float: left;
		padding: 0;
	}
		#content #splash #nav-topic .first li 	{ padding: 0; }
		#content #splash #nav-topic li.first 	{ background: none; }
		#content #splash #nav-topic li a 		{ display: block; width: 244px; float: left; }	

#content .block ul {
	margin: 0;
	padding: 5px 0;
}
	.block li {
		background: transparent url(http://www.msh.org/img/dev/arrow_list.gif) 12px 14px no-repeat;
		padding: 10px 10px 0 20px;
		overflow: hidden;
	}
	* html #secondary #projects 	{ float: left; }
	#secondary #projects li			{ /* padding-bottom: 16px; */}
		#secondary #projects li	img {
			border: 1px solid #47555e;
			float: right;
			margin: 0 2px 0 4px;
		}

#content #breadcrumb 			{ color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; list-style: none; margin: 1em 0; }
#content #breadcrumb a 			{ color: #666; }
#content #breadcrumb a:hover 	{ color: #333; }
#content #breadcrumb li 		{ display: inline; }
#breadcrumb .current 			{ font-weight: bold }

/* ------------------------------------------- Story Tabs ------- */

.tabs 		{ margin: 2em 0 1em 0; }
.tabs-hide 	{ display: none; }
#content ul.tabs-nav {
	background: #f2f2e5;
	border-top: 1px solid #cacab8;
	float: left;
	list-style: none;
	margin: 3px 0 0 0;
}
	.tabs-nav li {
		background: transparent url(http://www.msh.org/img/dev/arrow_articleselect.gif) 490px 15px no-repeat;
		border-bottom: 1px solid #fff;
		float: left;
		width: 100%;
	}		
		.tabs-nav li.tabs-selected { background-color: #fbf1c2; }
		.tabs-nav a {
			display: block;
			float: left;
			padding: 10px 12px 12px 12px;
		}
		.tabs-nav .title {
			cursor: pointer;
			float: left;
			width: 380px;
		}
		.tabs-nav .date {
			cursor: pointer;
			float: right;
			padding: 0 14px 0 0;
		}
.tab-container {
	background: #f2f2e5 url(http://www.msh.org/img/dev/arrow_article.gif) 0 0 no-repeat;
	padding: 36px 12px 18px 12px;
	clear: left;
}
	* html .tab-container { padding-top: 18px; }
	*+html .tab-container { padding-top: 18px; }
	.tabs-container h2 {
		font-family: "Times New Roman", Times, serif; font-weight: normal;		
		font-size: 1.5em;
		line-height: 1;
		margin-bottom: 3px;
	}
	.tab-container .date { color: #066; display: block; font-size: .9em; font-weight: bold; margin-bottom: .9em; }


/* ------------------------------------------------ Forms ------- */
input, textarea {
	border: 1px solid #9c9ea1;
	color: #626366;
	font: 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
}
#header legend, #header label { display: none; }
#q { margin: 0 1px 0 4px; padding: 1px; width: 132px; }
.go, .CS_LinkList_Button, .reset {
	background: #ebe3c3 url(http://www.msh.org/img/dev/bg_btn.gif) 0 50% repeat-x;
	border: 1px solid #c0bdaa;
	border-bottom-color: #807d6a;
	color: #630;
	cursor: pointer;
	font-weight: bold;
	padding: 0 2px;
}
.block select {
	margin: 0 0 11px 0;
	width: 204px;
}
	.CS_LinkList_Button {
		background: #ebebeb url(http://www.msh.org/img/dev/bg_btn_content.gif) 0 50% repeat-x;
		margin: 0 0 11px 0;
		padding: 1px;
	}
	
	.CS_LinkList_Button_Quickfind {
		background: #ebebeb url(http://www.msh.org/img/dev/bg_btn_content.gif) 0 50% repeat-x;
		margin: 0 0 0px 0;
		padding: 1px;
	}	

.resourcefilter label {
	display: block;
	float: left;
	padding-top: 3px;
	width: 120px;
}
.resourcefilter select 		{ margin-bottom: 5px; }
.resourcefilter input.go 	{ margin-left: 120px; margin-right: 4px; }
* html .resourcefilter input.go 	{ margin-left: 123px; }

.filteredresults {
	border-top: 1px solid #c0bdaa;
	margin-top: 2em;
	padding-top: 1em;
}

/* ------------------------------------------------ Utilities ------- */
.hide 			{display: none;}
.left 			{float: left; margin: 4px 10px 10px 0;}
.right 			{float: right; margin: 4px 0 10px 10px;}
	.block .left 	{ margin-right: 3px; margin-top: 0; }
	.block .right 	{ margin-left:  3px; margin-top: 0; }
	#primary .left, #primary .right, #primary .center	{ border: 1px solid #666; margin-bottom: 10px; }
	#primary .block .left, #primary .block .right 		{ border: none; }
.clear 			{clear: both;}
.clearleft 		{clear: left;}
.clearright 	{clear: right;}
.error, .red 	{color: red;}
.small 			{width: 25%;}
.medium 		{width: 48%;}
.large 			{width: 90%;}
.accessibility	{height: 0; left: -9999em; line-height: 0; position: absolute; text-indent: -9999em;}


/* ------------------------------------------ Section Colors ------- */

/*
	what maps to what?
	#636 - leadership
	#069 - pharmaceutical
	#636 - childhealth
	#066 - hivaids
	#069 - malaria
	#930 - reproductivehealth
	#900 - tuberculosis
	#339 - generic
*/
.leadership { }
	.leadership #content #splash #nav-topic li.on a, .leadership h2, .leadership .block a.more, 
	.leadership h1, .leadership h2, .leadership h3, .leadership h4, .leadership #nav-leadership a, #nav-leadership a.on	{ color: #636; }
	.leadership #nav-leadership a, #nav-leadership a.on { font-weight: bold; }

.pharmaceutical { }
	.pharmaceutical #content #splash #nav-topic li.on a, .pharmaceutical h2, .pharmaceutical .block a.more, 
	.pharmaceutical h1, .pharmaceutical h2, .malaria h3, .pharmaceutical h4, .pharmaceutical #nav-pharmaceutical a, #nav-pharmaceutical a.on	{ color: #069; }
	.pharmaceutical #nav-pharmaceutical a, #nav-pharmaceutical a.on { font-weight: bold; }	
	
.childhealth { }
	.childhealth #content #splash #nav-topic li.on a, .childhealth h2, .childhealth .block a.more, 
	.childhealth h1, .childhealth h2, .childhealth h3, .childhealth h4, .childhealth #nav-childhealth a, #nav-childhealth a.on	{ color: #636; }
	.childhealth #nav-childhealth a, #nav-childhealth a.on { font-weight: bold; }

.hivaids { }
	.hivaids #content #splash #nav-topic li.on a, .hivaids h2, .hivaids .block a.more, 
	.hivaids h1, .hivaids h2, .hivaids h3, .hivaids h4, .hivaids #nav-hivaids a, #nav-hivaids a.on	{ color: #066; }
	.hivaids #nav-hivaids a, #nav-hivaids a.on { font-weight: bold; }

.malaria { }
	.malaria #content #splash #nav-topic li.on a, .malaria h2, .malaria .block a.more, 
	.malaria h1, .malaria h2, .malaria h3, .malaria h4, .malaria #nav-malaria a, #nav-malaria a.on	{ color: #069; }
	.malaria #nav-malaria a, #nav-malaria a.on { font-weight: bold; }

.reproductivehealth { }
	.reproductivehealth #content #splash #nav-topic li.on a, .reproductivehealth h2, .reproductivehealth .block a.more, 
	.reproductivehealth h1, .reproductivehealth h2, .reproductivehealth h3, .reproductivehealth h4, .reproductivehealth #nav-reproductivehealth a, #nav-reproductivehealth a.on	{ color: #930; }
	.reproductivehealth #nav-reproductivehealth a, #nav-reproductivehealth a.on { font-weight: bold; }

.hrh { }
	.hrh #content #splash #nav-topic li.on a, .hrh h2, .hrh .block a.more, 
	.hrh h1, .hrh h2, .hrh h3, .hrh h4, .hrh #nav-hrh a, #nav-hrh a.on	{ color: #930; }
	.hrh #nav-hrh a, #nav-hrh a.on { font-weight: bold; }

.tuberculosis { }
	.tuberculosis #content #splash #nav-topic li.on a, .tuberculosis h2, .tuberculosis .block a.more, 
	.tuberculosis h1, .tuberculosis h2, .tuberculosis h3, .tuberculosis h4, .tuberculosis #nav-tuberculosis a, #nav-tuberculosis a.on	{ color: #900; }
	.tuberculosis #nav-tuberculosis a, #nav-tuberculosis a.on { font-weight: bold; }

.generic { }
	.generic #content #splash #nav-topic li.on a, .generic h2, .generic .block a.more, 
	.generic h1, .generic h2, .generic h3, .generic h4, .generic #nav-generic a, #nav-generic a.on	{ color: #339; }
	.generic #nav-generic a, #nav-generic a.on { font-weight: bold; }
	

.textleft{text-align:left;}