@charset "UTF-8";
/* @group DEFAULTS */
html { padding-top:22px; padding-bottom:22px; }
body { font-family:Georgia, "Times New Roman", Times, serif; background-color:#f0f0e7; }
h1, h2, h3, h4, h5, h6, hr, img { margin:0; padding:0; }
hr.px1 { height:1px; margin-top:2px; border-style:none; background-color:#999; } 
hr.px2 { height:2px; margin-top:2px; border-style:none; background-color:#999; } 
hr.px3 { height:3px; margin-top:2px; border-style:none; background-color:#999; } 
a, a:link { color:#333; text-decoration:underline; } 
a img { border-style:none; } 
a:visited { color:#777; } 
a:hover { color:#a62928; } 
a:active { color:#a62928; text-decoration:none; } 
p { padding:0; margin:0; } 
.signature { text-align:right; margin-top:.5em; margin-bottom:1em; display:block; font-style:italic; } 
.super { font-size:.7em; vertical-align:text-top; } 
.quote { font-style:italic; } 
/* @end group DEFAULTS*/ 
/*  @group TITLES */ 
.replaceText { margin:0; padding:0; position:relative; overflow:hidden; } 
.replaceText span { display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; } 
#headline1, #headline1 span { width:910px; height:87px; overflow:hidden; } 
#headline1 span { background:url(../graphics/titles/title0-influenza.gif) no-repeat left; } 
#headline2, #headline2 span { width:910px; height:51px; overflow:hidden; } 
#headline2 span { background:url(../graphics/titles/title0-american-epidemic.gif) no-repeat left; } 
#headline3, #headline3 span { width:910px; height:26px; overflow:hidden; } 
#headline3 span { background:url(../graphics/titles/title0-encyclopedia.gif) no-repeat left; } 
#welcome, #welcome span { width:290px; height:29px; overflow:hidden; } 
#welcome span { background:url(../graphics/titles/title2-welcome.gif) no-repeat left; } 
#cities, #cities span { width:290px; height:29px; overflow:hidden; } 
#cities span { background:url(../graphics/titles/title2-50cities.gif) no-repeat left; } 
#explore, #explore span { width:290px; height:29px; overflow:hidden; } 
#explore span { background:url(../graphics/titles/title2-explore.gif) no-repeat left; } 
/* NOTE >>>> this definition and a line similar to that below will appear in the head of each CITY HTML page. 
	#cityName span { background:url(../titles/title-city-baltimore.gif) no-repeat left; } */
#cityName, #cityName span, 
#graphCityName, #graphCityName span,
#galleryCityName, #galleryCityName span  { width:550px; height:33px; overflow:hidden; display:inline-block; } 
h3#graphCityTitle, h3#graphCityTitle span, h3#galleryCityTitle, h3#galleryCityTitle span { width:245px; height:33px; overflow:hidden; display:inline-block; text-align:right; float:right; } 
h3#graphCityTitle span { background:url(../graphics/titles/title-timeline.gif) no-repeat right; } 
h3#galleryCityTitle span { background:url(../graphics/titles/title-gallery.gif) no-repeat right; } 
h2#galleryTitle { width:400px; height:33px; overflow:hidden; display:inline-block; position:relative; } 
h2#galleryTitle span { background:url(../graphics/titles/title1-image_gallery.gif) no-repeat right; } 
#fiftyCities, #fiftyCities span { width:300px; height:33px; overflow:hidden; float:right; display:inline-block; } 
#fiftyCities span { background:url(../graphics/titles/title-50cities-right.gif) no-repeat right; } 
/* @end group TITLES*/
/* @group header */
.headerBox { text-align:center; font-family:Helvetica, Arial, sans-serif; } 
#topHeadFade { visibility:hidden; z-index:10; position:absolute; top:0; width:910px; height:110px; background:url(../graphics/fadefill.png) repeat; } 
#botHeadFade {
	visibility:hidden; position:absolute; top:130px;
	z-index:11; width:910px; height:90px;
	background:url(../graphics/fadefill.png) repeat;
} 
#producedBy { background-color:#a62928; font-size:.8em; line-height:20px; font-weight:normal; font-style:normal; color:#f0f0e7; height:20px; } 
#headline, #headline span { width:910px; height:87px; overflow:hidden; }
#menuBar { background-color:#a62928; width:910px; height:20px; font-size:.8em; line-height:20px; color:#f0f0e7; }
#menuBar a { color:#f0f0e7; text-decoration:none; }
#menuBar a:hover { color:#f0f0e7; text-decoration:underline; }
#menuBar a:active { color:#f0f0e7; text-decoration:none; }
#menuBar a:visited { color:#f0f0e7; }
#menuBar ul { margin:0; line-height:20px; text-indent:0; padding:0; }
#menuBar li { display:inline-block; text-indent:0; list-style-type:none; margin-left:8px; padding-right:10px; border-right:1px solid #ca8a85; }
#menuBar li.lastItem { border-right:none; } 
/* @end */
/* @group body */
.bodyBox h2.replaceText { margin-bottom:.5em; } 
div.bodyBox { margin-top:1em; } 
p.story { text-indent:2em; } 
.subCol { width:140px; display:inline-block; } 
.columnCenter { font:bold .7em Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1pt; color:#888; } 
.columnCenter p { margin-top:1em; margin-bottom:3px; } 
.columnCenter a { padding-top:2em; border-bottom-style:none; } 
.columnCenter a:hover { background-color:#a62928; border-bottom:3px solid #a62928; } 
.photoCredit { 
	display:block; width:100%; 
	font:.4em Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; text-align:right; color:#999;
	margin-bottom:2ex; margin-top:2px; 
} 
.photoCaption { font-weight:bold; font-size:.9em; } 
.noteBlock { font-size:.8em; border-top:1px #999 solid; margin-top:3ex; }
.noteBlock h4 { margin-top:1ex; margin-bottom:1ex; } 
.noteBlock p { padding-bottom:2ex; } 
/* @end */
/* @group footer */
.footerBox { margin-top:1em; }
.footerBox hr { background-color:#333; }
#footerCredits {
	display:block;
	font:.7em/1.6 Helvetica, Arial, sans-serif; color:#999; 
	margin-top:2px; padding:4px 0 1em 0; 
	position:relative; 
} 
#footerCredits a { color:#999; } 
#footerLogos { position:relative; height:76px; width:910px; 
	padding-top:4px; 
} 
.footerLogo { display:block; height:76px; position:absolute; }
#logoCHM { 
	left:0; width:131px; 
	background-image:url(../graphics/gfx-footer-logo-chm-off.png); 
}
#logoMLibrary { 
	left:132px; width:148px; 
	background-image:url(../graphics/gfx-footer-logo-mlibrary-off.png); 
}
#logoUM { 
	left:280px; width:92px; 
	background-image:url(../graphics/gfx-footer-logo-um-off.png); 
}
#logoCDC { 
	right:300px; width:109px; 
	background-image:url(../graphics/gfx-footer-logo-cdc-off.png); 
}
#logoNEH { 
	right:136px; width:165px; 
	background-image:url(../graphics/gfx-footer-logo-neh-off.png); 
}
#logoRWJF { 
	right:0; width:135px; 
	background-image:url(../graphics/gfx-footer-logo-rwjf-off.png); 
}
#logoCHM:hover { background-image:url(../graphics/gfx-footer-logo-chm-on.png); }
#logoMLibrary:hover { background-image:url(../graphics/gfx-footer-logo-mlibrary-on.png); }
#logoUM:hover { background-image:url(../graphics/gfx-footer-logo-um-on.png); }
#logoCDC:hover { background-image:url(../graphics/gfx-footer-logo-cdc-on.png); }
#logoNEH:hover { background-image:url(../graphics/gfx-footer-logo-neh-on.png); }
#logoRWJF:hover { background-image:url(../graphics/gfx-footer-logo-rwjf-on.png); }
/* @end */

/*	BEGIN Reveal Modals  */
.reveal-modal-bg { 
	position:fixed; display:none; top:0; left:0; 
	height:100%; width:100%; 
	background:#000; background:rgba(0,0,0,.6); 
	z-index:100; 
} 
.reveal-modal { 
	position:absolute; top:132px; left:50%; 
	visibility:hidden;
	margin-left:-300px; padding:30px 40px 34px; 
	width:520px; 
	z-index:101; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	-moz-box-shadow:0 0 10px rgba(0,0,0,.4); 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.4); 
	-box-shadow:0 0 10px rgba(0,0,0,.4); 
} 
.reveal-modal.small { width:200px; margin-left:-140px; } 
.reveal-modal.medium { width:400px; margin-left:-240px; } 
.reveal-modal.large { width:600px; margin-left:-340px; } 
.reveal-modal.xlarge { width:830px; margin-left:-455px; 
} 
.reveal-modal a.close-reveal-modal { 
	position:absolute; top:10px; right:18px; 
	font-size:22px; line-height:.5; text-shadow:0 -1px 1px rbga(0,0,0,.6); font-weight:bold; color:#aaa; 
	cursor:pointer; 
	text-decoration:none; 
} 
.reveal-modal a.close-reveal-modal:hover { color:#a62928; } 
.timelineCloseNote { font:.4em Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; vertical-align:middle; } 
/* NOTES:
Close button entity is ×
	
Example markup: 
	<div id="myModal" class="reveal-modal">
		<a class="close-reveal-modal">&#215;</a>
	</div>
*/
/*	END Reveal Modals  */

/* BEGIN TipTip CSS - Version 1.2 */
#tiptip_holder { display:none; position:absolute; top:0; left:0; z-index:99999; }
#tiptip_holder.tip_top { padding-bottom:8px; }
#tiptip_holder.tip_bottom { padding-top:8px; }
#tiptip_holder.tip_right { padding-left:8px; }
#tiptip_holder.tip_left { padding-right:8px; }
#tiptip_content { 
	font-size:.9em; color:#f0f0e7; 
	text-shadow:0 0 2px #000; 
	padding:4px 8px; 
	border:1px solid rgba(255,255,255,0.25); 
	background-color:rgb(25,25,25); background-color:rgba(25,25,25,0.92); 
	/* background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); */
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	/* box-shadow:0 0 3px #555; 
	-webkit-box-shadow:0 0 3px #555; 
	-moz-box-shadow:0 0 3px #555; */
	text-align:left; text-indent:0; 
}
#tiptip_holder a.endnote { display:none; }
#tiptip_arrow, #tiptip_arrow_inner { position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; width:0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color:#fff; border-top-color:rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#fff; border-bottom-color:rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#fff; border-right-color:rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color:#fff; border-left-color:rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top:-7px; margin-left:-6px; border-top-color:rgb(25,25,25); border-top-color:rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top:-5px; margin-left:-6px; border-bottom-color:rgb(25,25,25); border-bottom-color:rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top:-6px; margin-left:-5px; border-right-color:rgb(25,25,25); border-right-color:rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top:-6px; margin-left:-7px; border-left-color:rgb(25,25,25); border-left-color:rgba(25,25,25,0.92); }
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content { padding:4px 8px 5px 8px; background-color:rgba(45,45,45,0.88); }
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color:rgba(45,45,45,0.88); }
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color:rgba(20,20,20,0.92); }
}
/* END TipTip */
.homeSearch { 
	font:.8em Helvetica, Arial, sans-serif; 
	display:table; 
	width:290px; 
	border-bottom:1px solid #999; 
	margin-bottom:4ex; 
	padding-bottom:4ex; padding-top:4px; 
}
.homeSearch > div { display:table-row; }
.homeSearch div div { 
	display:table-cell; 
	vertical-align:middle; 
	text-align:left; 
}
.homeSearch input { background-color:#ebebe5; width:190px; 
	border:1px solid #bfbfb9; border-left-width:3px; 
	padding:2px; 
}
.homeSearch input#searchSubmit { margin-left: 40px; cursor:pointer; width: auto; padding: 2px 4px; }
.hidden { 
	padding:0; margin:0; 
	height:0; width:0; 
	display:block; visibility:collapse; float:left; 
}
#quickSearchMenuItem { background:url(../graphics/gfx-icon-search.png) no-repeat right center; }
#quickSearchMenuItem { } 
#quickSearchMenuItem { } 
#quickSearchInput { 
	background-color:transparent; 
	border-style:none; 
	height:16px; width:8em; 
	color:#f6cccb; 
	font-size: 100%; font-family: Helvetica,Arial,sans-serif; 
	margin-left:4px; 
}
#quickSearchInput.quickDim { color:#cf807a; }
#quickSearchInput.quickActive { background-color:#bb5353; }
#quickSearchSubmit { opacity:0; 
	height:16px; width:16px; 
	margin:0; padding:0; 
	background:url(../graphics/gfx-icon-search.png) no-repeat center center; 
	cursor:pointer;
} 
#searchInput.citySearchDim { color:#bfbfb9; }
#searchInput.citySearchActive { }

/*About page styles */
.suppbodyBox {width: 910px; margin-top: 1em; overflow: hidden;}
.suppbodyBox p {text-indent: 2em; text-align: left; line-height: 1.4em; padding-top: 10px;}
.suppbodyBox p.editor-signature {text-indent: 0px; text-align: left; line-height: 1.4em; padding-top: 15px; padding-bottom: 20px; }
.suppbodyBox h2 {padding-bottom: 10px; padding-top: 10px;}
.letter, .acknowledgements {padding-top: 10px; padding-bottom: 20px;}

.about-masthead {border: 4px solid #a62928; padding: 15px; margin-top: 40px; margin-bottom: 40px; height: auto;}
.about-masthead .editors ul {padding-left:0px; list-style:none; text-align: center;}
.about-masthead .editors li.mainhead {font-size: 24px; font-weight: bold;}
.about-masthead .support {width: 83%; margin: 0 auto; }
.about-masthead .support ul, .about-masthead .support2 ul {padding-left: 0px; list-style:none; display: inline-block; margin: 8px;}

.about-masthead .support ul.one,
.about-masthead .support ul.two,
.about-masthead .support ul.three,
.about-masthead .support ul.four { height: auto; vertical-align: top; }

.about-masthead .support2 { width: 56%; margin: 0 auto; }

.about-masthead .support2 ul.five,
.about-masthead .support2 ul.six,
.about-masthead .support2 ul.seven {height: auto; vertical-align: top; }


.about-masthead .support li.head, .about-masthead .support2 li.head {font-weight: bold;}

.about-masthead p {text-indent: 0px; line-height: 1em; font-size: 14px;}
.suppbodyBox .archives-libraries ul {padding-left: 80px;}

/*Help page styles */

.helpbodyBox {width: 910px; margin-top: 1em; overflow: hidden;}
.helpbodyBox p {text-align: left; line-height: 1.4em; padding-top: 10px;}
.helpbodyBox h2 {padding-bottom: 5px; padding-top: 20px;}
.helpbodyBox h3 {padding-bottom: 5px; padding-top: 20px;}
.helpbodyBox img.center {margin: 30px 10px; padding: 10px; border: 2px solid #333333;}
.helpbodyBox img.wide {margin: 30px 10px; padding: 10px; border: 2px solid #333333; width: 850px;}
.helpbodyBox p.question {font-weight: bold; padding-top: 20px;}
.helpbodyBox p.answer {margin-left: 20px;}
.helpbodyBox .faq {margin-bottom: 40px;}
.helpbodyBox .how-to {margin-top: 25px; margin-bottom: 40px;}


/*Contact page style */
.suppbodyBox .contact {margin-top: 20px; margin-bottom:40px;}
.suppbodyBox .contact p {text-indent: 0px; text-align: left; line-height: 1.4em; padding-top: 10px;}
.suppbodyBox .contact h2 {padding-bottom: 5px; padding-top: 20px;}

/*Copyright page styles */
.suppbodyBox .copyright {margin-top: 20px; margin-bottom:40px;}
.suppbodyBox .copyright p {text-indent: 0px; text-align: left; line-height: 1.4em; padding-top: 10px;}
.suppbodyBox .copyright h2 {padding-bottom: 5px; padding-top: 20px;}
.suppbodyBox .copyright h3 {padding-bottom: 5px; padding-top: 20px;}