/* 
Colors: 
				gray: 717171 (content background)
light yellow: FFC567 (blockquote) 

*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */

body {font-size:75%;color:#eee;background:#1a1a18;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h1 a {font-size:2.325em;line-height:1.25;margin-bottom:0.5em;color:#FFC567;padding:0;background:none;}
/*h1 {font-size:2.325em;line-height:1.25;margin-bottom:0.5em;color:#fff;background:#5B0000;padding:5px;}*/
h1 span { /*background:#5B0000;color:#ffffff;padding:2px;*/ color:#fff;}
h2 {font-size:2em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h3.sub { margin-top: -.6em;color:#666666;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#EAB86D;}
a {color:#ffffff;text-decoration:underline;}
.pullquote {margin:0 1.5em 1.5em 1.5em;padding:20px;
  color:#FFC567;font-style:italic;
  font-size:1.5em;font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;font-weight: normal;
  border-top:1px solid #5B3937;border-bottom:1px solid #5B3937;}
.pullquote p { margin-bottom:0;text-align:center;}
.pullquote p + p  { text-indent: 0; margin-top:1.5em; margin-bottom:0;} 
.pullquote p.credit { color:#FFC567;text-align:right; font-size:1em;}
blockquote { padding: 0.5em 1.5em;font-style:italic; }
blockquote p.credit { color: #ffffff; font-size: 1em;margin-bottom:1.5em; }

strong {font-weight:bold;}
#story #leftCol strong { color: #fff; }
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 2.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.pullquoteRight, .pullquoteLeft { padding: 0 4px 0px 8px; float: right; width: 200px;  
margin: 10px 0 10px 20px; border: 1px solid #CBCBCB; border-left: 8px solid #CBCBCB; border: none; border-top: 3px double #CBCBCB; border-bottom: 3px double #CBCBCB; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; 
line-height: 120%; text-align: center; }
.pullquoteLeft p,.pullquoteRight p, .pullquoteFull p {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.2em;line-height: 120%;margin:1.2em 0;}
.pullquoteLeft {float: left; margin: 10px 20px 10px 0; text-align: left; }
.quoteCredit {text-align: right;  font-style: normal; margin-bottom:0; }
.pullquoteFull {padding: 0px 4px 0px 8px; border: 3px double #CBCBCB; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 120%; margin: 10px 0; }
.note { font-style: italic; margin: 10px 0; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* icons */
/* gray icons (default)
a.pdf { background:url(../images/icons/pdf.gif) right 0 no-repeat;padding: 0 14px 0 0; }
li.audio {list-style:none;background:url(../images/icons/audio.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
li.video {list-style:none;background:url(../images/icons/video.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
li.slideshow {list-style:none;background:url(../images/icons/slideshow.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
li.news {list-style: none;background:url(../images/icons/news.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
 *//* red icons: <ul class="red"> */
ul.red li {list-style:none;background:url(../images/icons/dot-red.gif) 1px 5px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
ul.red li.audio {background-image:url(../images/icons/audio-red.gif);background-position: -1px 3px;}
ul.red li.video {background-image:url(../images/icons/video-red.gif);background-position: -1px 3px;}
ul.red li.slideshow {background-image:url(../images/icons/slideshow-red.gif);background-position: -1px 3px;}
ul.red li.news {background-image:url(../images/icons/news-red.gif);background-position: -1px 3px;}

ul#mediaList li { margin-bottom: 20px; }
#home ul#mediaList li { margin-bottom: 10px; }

/* images */
p img.left, .imgLeft {float:left;margin:0.5em 1.5em 1.5em 0;padding:0;}
p img.right, .imgRight {float:right;margin:0.5em 0 1.5em 1.5em;}
p img.right, p img.left, .imgLeft img, .imgRight img,.imgFull img  {}
div.imgFull { width:550px; margin: 0 auto;margin-bottom:1.5em; }
div.imgRight, div.imgLeft {width: 300px;}
.enlarge { font-size:.8em;margin-top:0em;margin-bottom:0em;line-height:1.875em;color:#8F8F8F;text-align:right; }
.enlarge a { color:#8F8F8F;text-decoration:none;padding: 0 0 5px 14px;background: url(../images/icons/magnify-plus.gif) no-repeat 0 2px ; }
img.enlarge { float: right; border: none; }
.credit { font-size:.8em;margin-top:0em;margin-bottom:0em;line-height:1.325em;color:#8F8F8F;text-align:right; }
.caption { font-size:.8em;margin-bottom:0em;line-height:1.325em;color:#C3C2C2;clear:both; }
#articleBody img { padding:3px;background:#5A3836;}
#articleBody .imgRight,#articleBody .imgLeft,#articleBody .imgFull,
#home .imgRight,#home .imgLeft,#home .imgFull { padding:5px;background:#5A3836; }
#articleBody div.imgRight,#articleBody div.imgLeft { width:305px; }
#articleBody div.imgFull { width:555px; }

#donateButton { float: right; margin: 25px 10px 0 0;}
#donateButtonSub { text-align:center; margin: 0px auto 20px auto; }
h1#donateTitle { float: left; width: 600px; }

/* layout */
#container { max-width: 950px; background: #717171 url(../images/bg-content.jpg) repeat-y;margin: 10px auto;border-right:1px solid #000;border-left:1px solid #000;
	width:expression( document.body.clientWidth > (900/12) *  parseInt(document.body.currentStyle.fontSize)? "950px": "auto" ); }
#pageHeader { display:relative;width:100%;height:300px;background:#717171;}
#printHeader {display:none;}
#pageHeader	img { display: inline; }
/*#pageTable, #pageTable td { padding:0;margin:0;	}
#pageBody { width: 710px; }*/
.pageContent { padding: 10px 50px 0 50px; } 
.oneCol { margin: 0 auto; width: 90%; }
#leftCol, #rightCol { width:42%; }
#leftCol { float:left;padding:10px 10px 10px 50px; }
#rightCol { float:right;padding:10px 50px 10px 10px; }
#container.oneCol { margin:auto; width:auto; }
#container.oneCol #rightCol { display:none; }
#container.oneCol #leftCol { width: auto;padding-right:150px;padding-left:150px; }

#pageFooter { background: #2D1D10 url(../images/footer.jpg) no-repeat;color:#ffffff;width:100%;height:312px; }
#pageFooter a { color:#000000;	}

#pageNav .subNav { padding: 0; margin: 0; list-style-type: none;border-bottom:1px solid #CECECE;}
#pageNav .subNav li { margin: 0; padding: 0;  }
#pageNav .subNav a { line-height: 12px; color: #CF0003; background:#DEDEDC;
	padding: 6px 10px 6px 24px; font-weight: normal; 
	border: none; font-size: 11px;  border-right: 1px solid #DEDEDC;}
#pageNav .subNav a:hover {background: #eee; color:#CF0003;}
#pageNav .subNav .on a {background: #BFBFBF;color:#000;}
#pageNav .subNav .on a:hover {background:#BFBFBF;color: #000;}

#pageOptions { width: 100px; float: right; }

#pageTitles h1 { margin: 0;}
#pageTitles h2 { font-size:1.325em;font-weight:bold;margin: 0 0 .2em 0; line-height: 1em; }
#pageTitles { margin:0 0 1.5em; }

/* misc */
.spacer 			{ clear: both;  visibility:hidden; height:0px; font-size:0px; line-height:0px; }			
.leftHalf		{ float:left;	 	width:50%; 	position:relative;	}
.rightHalf		{ float:right; 	width:49%; 	position:relative; 	}

/* custom for this mini site */
#toptenList { background:url(../images/topnav.jpg) no-repeat;height:46px;text-align:center; }
#toptenList ul { margin:0;padding:0;list-style:none;text-align:center;padding-top:16px;}
#toptenList li { background:none;margin:0;padding:0;display:inline;line-height:normal;}
#toptenList a { color:#FFC567;text-decoration:none;font-weight: bold;padding:0 5px;text-transform:uppercase;border-right: 1px solid #777777; } 
#toptenList #hiv-tb a { border-right:none; } 
#toptenList a:hover { color:#fff; }
#toptenList li.on a { color: #fff;}

#toptenList.bottom { background:none;border-top:1px solid #4C3636;border-bottom:1px solid #4C3636;}
#toptenList.bottom ul { padding-top:14px;}
#toptenList.bottom a { color:#ffffff;font-weight:bold;font-size:.9em;padding:12px 5px;border:none; }
#toptenList.bottom a:hover { color:#5B0000; }
#toptenList li.on a { color: #5B0000;}

#topNav { margin:8px 10px 0 0;padding:0;list-style:none;float:right; }
#topNav li { float:left;margin:0;padding:0 5px;}
#topNav li a { color:#ffffff;font-weight:bold;text-decoration:none; }
#topNav li a:hover { text-decoration:underline; }

.toptenIntro .imgLeft { margin-right:.5em; }
.toptenIntro h2  { padding-top:.325em; }
.toptenIntro h2 a { font-size: 0.625em;color:#FFC567;line-height:1.325em;font-weight:bold;text-decoration:none; }
.toptenIntro h2  a span { color:#ffffff; }
.toptenIntro h2 a:hover { color:#ffffff; }

.slideshow, .map, .box { padding:15px 14px;background:url(../images/slideshow-border.png) no-repeat;margin-bottom:1.5em; }

.map-noborder { margin-bottom:1.5em; }

.relatedLink { padding:10px 20px;border-top:1px solid #777777;border-bottom:1px solid #777777;margin-bottom:1.5em; }
.relatedLink h2 { color:#5B3937;font-weight:bold;font-size:1.325em;margin-bottom: 0;line-height:1.325em;}
.relatedLink h6 { font-weight:normal;margin:.5em 0 0 0;}
.relatedLink h2 a { text-decoration:none;color:#5B0000; }
.relatedLink .imgLeft { margin-bottom:0;}
.relatedLink img { border:1px solid #4F4F4F; }
.relatedLink div.text { float:right;width:235px; }

.articleDate { text-transform:uppercase;font-size:.8em; }
#articleBody h2 { font-size:1.5em;margin-bottom:0.5em;} 
.articleSidebar { margin: 0 0 10px 15px; float: right;width: 200px; font-size: 11px; padding: 3px 10px; }
.articleSidebar h1 { font-size: 12px; margin: 0 0 10px 0; color: #fff; }
.articleSidebar h2 { font-size: 1em; font-weight:bold; margin: 0 0 10px 0; color: #fff; }
.articleSidebar h6 { margin-top: 15px; }
.articleSidebar p {  font-size: 11px ; line-height: 16px; margin: 6px 0; }
.articleSidebar ul { margin: 8px 0 15px 0 ; padding: 0 ; }
.articleSidebar li { margin: 0 0 7px 0 ; padding: 0 0 0 10px ; background: url(/images/global/bullet4x4.gif) 0 5px no-repeat ; font-size: 11px ; line-height: 16px; }
.articleSidebar ol { padding-left: 0px; }
.articleSidebar ol li { background: none  ; line-height: normal ; padding-left: 0px ; }
.articleSidebar ol.contents { margin: 8px 0 10px 21px ; }
.articleSidebar ol.contents ol { margin: 5px 0 6px 19px ; }
.articleSidebar ol.contents li {  line-height: normal; }
.articleSidebar ol.contents li a { text-decoration: none; color: #002BB8; }
.articleSidebar ol.contents li a:hover, .articleSidebar ol.contents li a:focus { text-decoration: underline; }
.articleSidebar img {  border: 1px solid #797979; margin: 0 0 0 0; }
.articleSidebar img.imgRight { margin: 3px 0 3px 3px }
.articleSidebar .dataTable { font-size: 11px; }

.more h2 { color:#FFC567; }
.democratic-republic-of-congo .more h2 { font-size:1.5em; }
.more li { margin-bottom:0.5em; }

/* photo banner images */
#photoBanner { width:100%;background:none;height:25px; }
#story #photoBanner { height:161px;background:url(../images/banners/default.jpg) no-repeat;margin-bottom:-80px; }
#story.childhood-malnutrition #photoBanner 				{ background:url(../images/banners/childhood-malnutrition.jpg) no-repeat; }
#story.democratic-republic-of-congo #photoBanner 	{ background:url(../images/banners/democratic-republic-of-congo.jpg) no-repeat; }
#story.ethiopia #photoBanner 											{ background:url(../images/banners/ethiopia.jpg) no-repeat; }
#story.myanmar #photoBanner 											{ background:url(../images/banners/myanmar.jpg) no-repeat; }
#story.somalia #photoBanner 											{ background:url(../images/banners/somalia.jpg) no-repeat; }
#story.sudan #photoBanner 												{ background:url(../images/banners/sudan.jpg) no-repeat; }
#story.hiv-tb #photoBanner 												{ background:url(../images/banners/hivtb.jpg) no-repeat; }
#story.zimbabwe #photoBanner 											{ background:url(../images/banners/zimbabwe.jpg) no-repeat; }

#story.iraq #photoBanner 													{ background:url(../images/banners/iraq.jpg) no-repeat; }
#story.pakistan #photoBanner 											{ background:url(../images/banners/pakistan.jpg); no-repeat; }

 /******* 	GENERAL PAGE AREAS		*******/

.sidebar {float:right;margin:0  10px 10px 10px;width:220px; background: #777777; font-weight: bold;
	padding:8px; border:1px solid #808080; color: #fff; line-height: 18px; color: #eee;}
#home .sidebar { width: 160px; }
.sidebar ul { margin-top:1.0em;}
.sidebar a { text-decoration: none; }
.sidebar h2 { font-size: 1.0em; margin: 1em 0; color: #FFC567;  }

.morelink 			{ color:#FDBF56; text-decoration:underline;			}
.callout1 			{ float:right; border:1px solid #CCCCCC; margin:18px 18px 8px 28px; padding:10px 12px 12px 12px; width:185px;
				  	 	  color:#696969; font-size:11px; line-height:14px;	}
					  
.learnmore { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; 
	font-weight:bold; background:url(rcbutton-red-right.gif) no-repeat 100% 50%; 
	height:24px; padding: 0px 0px 5px; text-align:center; margin:5px auto; }
.learnmorebg { background:url(rcbutton-red-left.gif) no-repeat 0% 50%; height:24px; display:block; padding: 5px 9px 0px; color:#fff; text-decoration:none; }
.learnmore a:hover { color:#fff; }
.learnmore span { color: #FFCC00; }

/* Flickr images */
#flickr_badge_wrapper td img { border: 1px solid #CBCBCB; margin: 0 5px 0 0; width: 100px;  }

#flickr img { float: left; margin: 0 5px 5px 0;  background:#3f4e4e; padding: 2px; width: 215px; height: 144px; }
#flickrSidebar { width: 168px; margin : 0 auto; }
#flickrSidebar img {margin: 0 2px 5px 2px;  background:#3f4e4e; padding: 2px; float: left; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {	visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #story h1 {	visibility: hidden;font-size:3em;letter-spacing:-6px;}
.sIFR-hasFlash #home h1 {	visibility: hidden;font-size:3em;letter-spacing:-6px;margin-top:0.5em;}
.sIFR-hasFlash #story .childhood-malnutrition h1 { font-size:3em;letter-spacing:-6px;margin-bottom:-10px;}
.sIFR-hasFlash h1 span {	color:#ffffff; }
/*
.sIFR-hasFlash h2 {	visibility: hidden;letter-spacing: -9px;font-size: 55px;}
.sIFR-hasFlash h3 {	visibility: hidden;	letter-spacing: -6px;font-size: 25px;}
.sIFR-hasFlash h4 {visibility: hidden;	letter-spacing: -5px;font-size: 21px;}
.sIFR-hasFlash h5#pullquote {letter-spacing: -4px;visibility: hidden;font-size: 24px;}
*/