@media screen {
	#printwelcome { display: none; }
	.box-rounded { padding: 5px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
	p.link { text-align: right; margin-top: 8px; margin-bottom: 0; }
	/* Slideshow navigation */
	#slideshownav { background: #f7f7f7; margin: 0 auto 0; text-align: center; vertical-align: middle; padding-top: 8px; padding-bottom: 10px; }
	#slideshownav a { color: #2d30af; font-size: 15px; font-weight: 600; border: 1px solid #6d7ca1; background: #fcfcfc; text-decoration: none; margin: 1px 3px; padding: 3px 5px; -webkit-transition: background .6s ease-in-out; -moz-transition: background .6s ease-in-out; -o-transition: background .6s ease-in-out; transition: background .6s ease-in-out; }
	#slideshownav a.activeSlide { background: #c9c9c9; }
	#slideshownav a:focus { outline: none; }
	#slideshownav a:hover { border: 1px solid #000000; }
	/* Welcome slide (always included and always first) */
	#welcome { background: #ffffff; }
	#welcome div.text { width: 350px; height: 355px; overflow: hidden; float: left; margin: 45px 10px 5px 100px; }
	#welcome div.text h2 { color: #2d30af; font-size: 18px; text-align: center; margin-top: 0; margin-bottom: 8px; }
	#welcome div.text p { font-size: 15px; line-height: 1.4; }
	#welcome img { width: 235px; height: 370px; float: right; margin: 15px 100px 15px 10px; border: 0; }
	/*
	Join slide
	*/
	#join { background: #646464 url(../../images/slideshow/pictures-underground-railroad-5.jpg) no-repeat left top; }
	#join a { background: transparent; text-decoration: none; position: absolute; top: 15px; right: 15px; width: 230px; border: 2px solid #ffffff; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
	#join a p { color: #ffffff; font-size: 17px; font-weight: 600; }
	#join a:hover { background: rgba(200, 208, 230, 0.7); border: 2px solid #2d30af; }
	#join a:hover p { color: #2d30af; }
	/*
	Path Through History Slide
	*/
	#pathThroughHistory { text-align: center; background: #5e78a8 linear-gradient(to bottom, #5e78a8, #7892c4); }
	#pathThroughHistory img { margin: 15px 0; }
	/*
	/*
	Music Fest slide
	*/
	#musicFest { background: #ffffff; }
	#musicFest div.top { width: 100%; height: 165px; text-align: center; margin: 0; padding: 0; }
	#musicFest div.top img { width: 471px; height: 142px; margin: 0; padding: 0; border: 0 none; position: relative; z-index: 100; }
	#musicFest h3 { color: #da2128; font-size: 18px; text-shadow: -3px -3px 20px #fffe91, 3px 3px 20px #fffe91; margin: 0; padding: 0; position: absolute; z-index: 150; }
	#musicFest h3#northway { top: 170px; left: 55px; }
	#musicFest h3#kelly { top: 170px; right: 65px; }
	#musicFest h3#speedy { top: 300px; left: 20px; }
	#musicFest h3#stone { top: 300px; right: 20px; }
	#musicFest div.info1, #musicFest div.info2 { width: 400px; text-align: center; line-height: 1; margin: 0; padding: 0; position: absolute; left: 290px; z-index: 150; }
	#musicFest div.info1 { top: 110px; }
	#musicFest div.info1 h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; text-shadow: 1px 1px 1px #969696; }
	#musicFest div.info2 { top: 200px; }
	/*#musicFest div.info h3 { position: static; }*/
	#musicFest div.info2 p { text-align: center; font-size: 16px; margin: 0 0 12px 0; }
	#musicFest div.info2 p.bottom { margin: 30px 0 0 0; }
	#musicFest div.info2 p a { color: #da2128; }
	/*#musicFest div.info h3 { margin-top: 30px; }*/
	/*
	Sponsors slide
	*/
	#sponsors { background: #9a9a9a url(../../images/slideshow/gradBG-646464-9a9a9a.png) repeat-x left top; text-align: center; }
	#sponsors h2 { color: #ffffff; font-size: 24px; font-weight: 600; margin: 10px; padding: 0; }
	#sponsors a img { width: 443px; height: 310px; margin: 10px; padding: 0; border: 1px solid #e8e8e8; -moz-box-shadow: 0 0 10px 10px #ffffe3; -webkit-box-shadow: 0 0 10px 10px #ffffe3; box-shadow: 0 0 10px 10px #ffffe3; }
	/*
	Fall 2014 Film Series slide
	*/
	#fallFilms { background: #b26520; background: -webkit-linear-gradient(left top, #b26520, #e5a46f); background: -o-linear-gradient(bottom right, #b26520, #e5a46f); background: -moz-linear-gradient(bottom right, #b26520, #e5a46f); background: linear-gradient(to bottom right, #b26520, #e5a46f); }
	#fallFilms .text { padding: 15px; }
	#fallFilms .text h4 { color: #752300; font-variant: small-caps; font-size: 32px; text-align: center; text-shadow: 2px 2px 1px #df8b4d; margin: 0 0 10px; }
	#fallFilms .text p, #fallFilms .text ul li { color: #5a1900; font-size: 18px; }
	#fallFilms .text p { line-height: 1.1em; }
	#fallFilms .text ul li { line-height: 1.2em; }
	#fallFilms .text p.link { text-align: center; }
	#fallFilms .text ul { display: table; margin: 0 auto 10px; }
	#fallFilms .text ul li { width: auto; height: auto; margin: 0 0 5px; }
	#fallFilms .text ul li span { font-variant: small-caps; font-weight: 600; margin-left: 8px; }
	#fallFilms .text a { color: #ffbca5; text-decoration: none; }
	#fallFilms .text a:hover { text-decoration: underline; }
	/*
	Civil War Series slide
	*/
	#civilWar2013 { background: #dbdbdb url(../../images/slideshow/cwSoldiers-15Op.jpg) no-repeat center; }
	#civilWar2013 h4 { color: #e60000; text-align: center; text-shadow: 1px 2px 1px #404040; font-size: 26px; font-weight: 600; margin-top: 10px; margin-bottom: 15px; padding: 0; line-height: 1.2; }
	#civilWar2013 p { color: #000000; text-align: center; font-size: 18px; margin: 10px; line-height: 1.2; }
	#civilWar2013 p em { color: #e60000; font-weight: 600; }
	#civilWar2013 p.last { margin-top: 25px; }
	#civilWar2013 p a { color: #e60000; text-decoration: underline; }
	#civilWar2013 p a:hover { text-decoration: none; }
	#civilWar2013 ol { margin: 15px auto; display: table; }
	#civilWar2013 ol li { color: #000000; font-size: 18px; margin: 5px; width: auto; height: auto; line-height: 1.2; }
	/*
	Museum Opening 2014 slide
	*/
	#museumOpen2014 { color: #9f1724; background: #ffd2aa url(../../images/slideshow/gradBG-ffe9c0-ffd2aa.png) repeat-x left top; }
	#museumOpen2014 a#museumPhoto img { width: 390px; height: 260px; float: left; margin-top: 25px; margin-right: 15px; margin-left: 15px; padding: 0; border: 1px solid #646464; -webkit-box-shadow: 5px 5px 5px #484848; -moz-box-shadow: 5px 5px 5px #484848; box-shadow: 5px 5px 5px #484848; display: inline; }
	#museumOpen2014 h4 { color: #e54352; font-weight: 600; font-variant: small-caps; text-shadow: 1px 1px 1px #444444; font-size: 24px; line-height: 1.1em; text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 0; }
	#museumOpen2014 div.text { vertical-align: bottom; width: 530px; height: 350px; float: right; margin: 15px 15px 15px 0; padding: 0; display: inline; }
	#museumOpen2014 div.text h4 { margin-top: 25px; margin-bottom: 5px; }
	#museumOpen2014 div.text p { text-align: justify; font-size: 20px; line-height: 1.1em; margin-bottom: 10px; }
	#museumOpen2014 div.text p.bottom { text-align: right; margin-top: 25px; margin-bottom: 0; }
	#museumOpen2014 div.text a, #museumOpen2014 div.text a:visited { color: #e2283a; text-decoration: none; }
	#museumOpen2014 div.text a:hover { color: #fff1d7; }
	/*
	Emancipation Proclamation 2012 slide
	*/
	#emancipation2012 { color: #fff0cf; background: #d9c1a1 url(../../images/slideshow/brownGradHzBG.png) repeat-y left top; }
	.new20120913 { display: none; }
	#emancipation2012 a#epFlyer img { width: 269px; height: 365px; float: left; margin-top: 15px; margin-right: 15px; margin-left: 15px; padding: 0; border: 1px solid #8b775a; -webkit-box-shadow: 5px 5px 5px #484848; -moz-box-shadow: 5px 5px 5px #484848; box-shadow: 5px 5px 5px #484848; display: inline; }
	#emancipation2012 div.text h4, #emancipation2012 div.text p { text-align: center; margin-right: 20px; margin-left: 80px; }
	#emancipation2012 div.text { vertical-align: bottom; width: 617px; height: 370px; float: right; margin: 15px; padding: 0; display: inline; }
	#emancipation2012 div.text h4 { color: #fad5af; text-shadow: 1px 1px 1px #444444; font-size: 22px; font-weight: 600; line-height: 1.2em; margin-top: 1px; margin-bottom: 55px; }
	#emancipation2012 div.text p { font-size: 18px; line-height: 1.2em; }
	#emancipation2012 div.text p.bottom { margin-top: 55px; }
	#emancipation2012 div.text a, #emancipation2012 div.text a:visited { color: #ff0000; text-decoration: none; }
	#emancipation2012 div.text a:hover { color: #ffffff; }
	/*
	Timeless Carnival 2012 slide
	*/
	#carnival2012 { color: #000031; background: #8d98d3 url(../../images/slideshow/grooveBG.png) repeat-x left top; }
	#carnival2012 a#tcFlyer img { width: 262px; height: 368px; float: left; margin-top: 15px; margin-right: 15px; margin-left: 15px; padding: 0; border: 1px solid #000000; -webkit-box-shadow: 5px 5px 5px #484848; -moz-box-shadow: 5px 5px 5px #484848; box-shadow: 5px 5px 5px #484848; display: inline; }
	#carnival2012 div.text h4, #carnival2012 div.text p { text-align: center; }
	#carnival2012 div.text { vertical-align: bottom; width: 620px; height: 370px; float: right; margin: 15px; padding: 0; display: inline; }
	#carnival2012 div.text h4 { color: #ffffff; text-shadow: 1px 1px 1px #000031; font-size: 24px; font-weight: 600; line-height: 1.2em; margin-top: 1px; margin-bottom: 30px; }
	#carnival2012 div.text p { font-size: 20px; line-height: 1.2em; }
	#carnival2012 div.text p span { font-size: 18px; line-height: 1.1em; }
	#carnival2012 div.text p.bottom { margin-top: 25px; }
	#carnival2012 div.text a, #carnival2012 div.text a:visited { color: #ffffff; text-decoration: underline; }
	#carnival2012 div.text a:hover { text-decoration: none; }
	/*
	Tubman slide
	*/
	#tubman { background: #abbde2 url(../../images/slideshow/tubmanBG.png) repeat-x left center; }
	#tubman img { width: 243px; height: 368px; float: left; margin: 15px; padding: 0; border: 1px solid #394b6b; display: inline; }
	#tubman div.txtCont { vertical-align: middle; width: 675px; height: 370px; float: right; margin: 15px; padding: 0; display: inline; }
	#tubman div.text { vertical-align: middle; width: 250px; height: 250px; margin: 60px auto; padding: 0; }
	#tubman div.text h4 { color: #394b6b; font-size: 19px; font-weight: 600; line-height: 1.2em; text-align: center; }
	#tubman div.text p { font-size: 17px; line-height: 1.2em; }
	#tubman div.text p.link { margin-top: 25px; }
	#tubman div.text a, #tubman div.text a:visited { color: #4424ff; text-decoration: none; }
	#tubman div.text a:hover { color: #0000ac; }
	/*
	MLK slide
	*/
	#mlk { background: #e9e9e9 url(../../images/slideshow/MLKfade.jpg) no-repeat left top; }
	#mlk div { vertical-align: middle; margin: 0 0 0 380px; padding: 15px; }
	#mlk div div { width: 255px; height: 210px; vertical-align: middle; margin-top: 35px; margin-right: auto; margin-left: auto; }
	#mlk div h4 { color: #2d30af; font-size: 19px; font-weight: 600; line-height: 1.1em; text-align: center; }
	#mlk div p { font-size: 17px; line-height: 1.1em; }
	#mlk div p.link { margin-top: 15px; margin-right: 0; margin-left: 10px; }
	#mlk div a, #mlk div a:visited { color: #4424ff; text-decoration: none; }
	#mlk div a:hover { color: #0000ac; }
	/*
	WEBDuBois slide
	*/
	#webd { background: #dee4f9 url(../../images/slideshow/DuBois1911Fade.jpg) no-repeat left top; }
	#webd div { vertical-align: middle; margin: 0 0 0 300px; padding: 15px; }
	#webd div div { width: 335px; height: 200px; vertical-align: middle; margin-top: 15px; margin-right: auto; margin-left: auto; }
	#webd div h4 { color: #2d30af; font-size: 19px; font-weight: 600; line-height: 1.1em; text-align: center; }
	#webd div p { font-size: 17px; line-height: 1.2em; margin-right: 42px; margin-left: 42px; }
	#webd div p.link { margin-top: 25px; margin-right: 0; margin-left: 10px; }
	#webd div a, #mlk div a:visited { color: #4424ff; text-decoration: none; }
	#webd div a:hover { color: #0000ac; }
	/*
	BHM slide
	*/
	#bhm { background: #929292 url(../../images/slideshow/SlideBHM.jpg) no-repeat center; }
	#bhm div { vertical-align: middle; height: 90px; width: 385px; margin: 165px auto 145px auto; padding: 0; }
	#bhm div h4 { color: #ffffff; font-size: 22px; font-weight: 600; line-height: 1.2em; text-align: center; margin-bottom: 3px; }
	#bhm div h4.sub { font-size: 21px; line-height: 1em; margin-top: 0; }
	#bhm div p { color: #ffffff; font-size: 19px; line-height: 1.2em; margin-top: 15px; }
	#bhm div p.link { font-size: 18px; margin-top: 10px; margin-right: 0; margin-left: 10px; }
	#bhm div p.link a, #bhm div p.link a:visited { color: #4424ff; text-decoration: none; }
	#bhm div p.link a:hover { color: #0000ac; }
	#bhm a#harriet_tubman { position: absolute; top: 5px; left: 5px; width: 117px; height: 198px; cursor: pointer; text-decoration: none; }
	#bhm a#bookerT { position: absolute; top: 4px; left: 144px; width: 72px; height: 100px; cursor: pointer; text-decoration: none; }
	#bhm a#still { position: absolute; top: 5px; left: 249px; width: 110px; height: 98px; cursor: pointer; text-decoration: none; }
	#bhm a#parks { position: absolute; top: 5px; left: 392px; width: 132px; height: 99px; cursor: pointer; text-decoration: none; }
	#bhm a#wilkins { position: absolute; top: 5px; right: 299px; width: 123px; height: 99px; cursor: pointer; text-decoration: none; }
	#bhm a#robinson { position: absolute; top: 4px; right: 145px; width: 121px; height: 100px; cursor: pointer; text-decoration: none; }
	#bhm a#kingML { position: absolute; top: 4px; right: 4px; width: 120px; height: 215px; cursor: pointer; text-decoration: none; }
	#bhm a#douglass { position: absolute; top: 115px; left: 154px; width: 132px; height: 169px; cursor: pointer; text-decoration: none; }
	#bhm a#truth { position: absolute; top: 116px; right: 154px; width: 130px; height: 167px; cursor: pointer; text-decoration: none; }
	#bhm a#marshall { position: absolute; bottom: 5px; left: 5px; width: 120px; height: 179px; cursor: pointer; text-decoration: none; }
	#bhm a#dubois { position: absolute; bottom: 4px; left: 144px; width: 101px; height: 101px; cursor: pointer; text-decoration: none; }
	#bhm a#carver { position: absolute; bottom: 5px; left: 275px; width: 93px; height: 96px; cursor: pointer; text-decoration: none; }
	#bhm a#obama { position: absolute; bottom: 4px; left: 404px; width: 173px; height: 99px; cursor: pointer; text-decoration: none; }
	#bhm a#owens { position: absolute; bottom: 5px; right: 273px; width: 103px; height: 97px; cursor: pointer; text-decoration: none; }
	#bhm a#anderson { position: absolute; bottom: 4px; right: 145px; width: 96px; height: 98px; cursor: pointer; text-decoration: none; }
	/*#bhm a#kingBB { position: absolute; bottom: 5px; right: 5px; width: 112px; height: 162px; cursor: pointer; text-decoration: none; }*/
	#bhm a#gibson { position: absolute; bottom: 5px; right: 5px; width: 119px; height: 169px; cursor: pointer; text-decoration: none; }
	#bhm a em { display: none; }
	/*
	April 18 Presentation slide
	*/
	#april18 { background: #9e2a2a url(../../images/slideshow/april18BG.png) repeat-x left top; }
	#april18 div { vertical-align: middle; height: 300px; width: 385px; margin: 50px auto; padding: 0; }
	#april18 div h4 { color: #ffffff; font-size: 22px; font-weight: 600; line-height: 1.2em; text-align: center; margin-bottom: 15px; }
	#april18 div p { color: #ffffff; font-size: 19px; line-height: 1.2em; margin-top: 15px; margin-bottom: 15px; }
	#april18 div p.link { font-size: 18px; margin-top: 20px 0 0 10px; }
	#april18 div p.link a, #april18 div p.link a:visited { color: #d5d5d5; text-decoration: none; }
	#april18 div p.link a:hover { color: #f0f0f0; }
	#april18 img#sherman { position: absolute; top: 10px; left: 10px; width: 190px; height: 200px; cursor: pointer; text-decoration: none; border: 1px solid #000000; }
	#april18 img#burlington { position: absolute; bottom: 10px; right: 10px; width: 200px; height: 115px; cursor: pointer; text-decoration: none; border: 1px solid #000000; }
	/*
	Freedom Run slide
	*/
	#freedomRun { background: linear-gradient(to bottom,#a17800,#e0b123); background-attachment: fixed; color: #ffffff; }
	#freedomRun h4 { font-size: 24px; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 10px; }
	#freedomRun img { width: 282px; height: 365px; float: left; margin: 20px 20px 0; padding: 0; border: 0 none; display: inline; }
	#freedomRun div.text { vertical-align: middle; width: 628px; float: right; margin: 40px 20px 0 10px; padding: 0; display: inline; }
	#freedomRun h4, #freedomRun p.center strong { text-shadow: 2px 2px 1px #432a00; }
	#freedomRun p.center strong { font-size: 23px; }
	#freedomRun div.text p { font-size: 22px; line-height: 1.5; text-align: center; }
	#freedomRun div.text p.link { margin-top: 20px; }
	#freedomRun div.text a, #freedomRun div.text a:visited { color: #ffe3b5; text-decoration: underline; }
	#freedomRun div.text a:hover { color: #ffbc4d; }
	/*
	Appeal 2016 slide
	*/
	#appeal016 { background: #e3b1ad; background: linear-gradient(#eeccca, #e3b1ad); }
	#appeal016 img { width: 235px; height: 370px; float: left; margin: 15px; padding: 0; border: 0 none; display: inline; }
	#appeal016 div.text { vertical-align: middle; width: 685px; height: 370px; float: right; margin: 15px; padding: 0; display: inline; }
	#appeal016 div.text h4 { color: #ffffff; font-size: 24px; font-weight: 600; line-height: 1.5; text-align: center; text-shadow: 2px 2px 2px #8a1617; margin: 0 0 10px; }
	#appeal016 div.text { color: #8a1617; }
	#appeal016 div.text p { font-size: 18px; line-height: 1.2; }
	#appeal016 div.text p.poem { font-size: 20px; line-height: 1.5; font-style: oblique; display: table; margin: 55px auto; }
	#appeal016 div.text p.link { margin-top: 20px; }
	#appeal016 div.text a, #appeal016 div.text a:visited { color: #ffffff; text-decoration: underline; }
	#appeal016 div.text a:hover { text-decoration: none; }
	/*
	Northup slide
	*/
	#northup { background: #752300 url(../../images/slideshow/brownGlowBG.png) no-repeat left top; }
	#northup img { width: 276px; height: 360px; float: left; margin: 20px; padding: 0; border: 0 none; display: inline; }
	#northup div.text { color: #ffffff; vertical-align: middle; width: 634px; height: 360px; float: right; margin: 20px 20px 20px 10px; padding: 0; display: inline; }
	#northup div.text h4 { color: #ffe3b5; font-size: 22px; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 10px; }
	#northup div.text p { font-size: 18px; line-height: 1.2; }
	#northup div.text p.link { margin-top: 20px; }
	#northup div.text a, #northup div.text a:visited { color: #fff3c5; text-decoration: underline; }
	#northup div.text p.link a { text-decoration: none; }
	#northup div.text a:hover { color: #ffe3b5; }
}
@media print {
	#slideshownav { display: none; }
	#printwelcome { width: 100%; height: auto; overflow: hidden; margin: 0 0 10px; padding: 0; border: 0; list-style: none; }
	#printwelcome li { margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; }
	#printwelcome div.text { width: 75%; float: left; overflow: hidden; margin-top: 10px; margin-bottom: 10px; }
	#printwelcome h2 { font-size: 14pt; margin-top: 0; margin-bottom: 8px; }
	#printwelcome div.text p { font-size: 12pt; }
	#printwelcome img { width: 20%; height: auto; float: right; margin-top: 10px; margin-bottom: 10px; border: 0; }
}
@media handheld {
	#slideshownav { display: none; }
	#printwelcome { width: 100%; height: auto; overflow: hidden; margin: 0 0 10px; padding: 0; border: 0; list-style: none; }
	#printwelcome li { margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; }
	#printwelcome div.text { width: 75%; float: left; overflow: hidden; margin-top: 10px; margin-bottom: 10px; }
	#printwelcome h4 { font-size: 14pt; margin-top: 0; margin-bottom: 8px; }
	#printwelcome div.text p { font-size: 12pt; }
	#printwelcome img { width: 20%; height: auto; float: right; margin-top: 10px; margin-bottom: 10px; border: 0; }
}
