body{font-size:75%;font-family:Arial, Georgia, Times new Roman, Serif;color:#444;}
a, a:visited,a:link{color:#25688F;text-decoration:none;}
a:hover{color:#1C7AB3;}
h1{font-family: Times New Roman, serif;font-style:italic;}

.direction{position:fixed;width:50px;height:100%;z-index:50;}
.left{left:0; top:0;}
.right{right:0; top:0;}

.timeline{overflow:hidden;}
.timeline > div{float:left;height:100%;overflow:hidden;position:relative;}
.timeline .content{height:100%;}
.timeline .periodimage{width:100%;position:absolute;}
.timeline .loading{width:1180px;padding-left:100px;line-height:500px;color:#CCC;font-size:5em;border-left:1px solid #CCC;}

.nav{font-family: Times New Roman, serif;font-size:1.2em;background:#393536;margin:0 -20px 15px -20px;padding:10px 0;text-align:center;position:relative;}
.nav ul{margin:0 auto;width:100%;overflow:hidden;}
.nav li{display:inline;line-height:1.1em;}
.nav .next, .nav .prev{display:block;position:absolute;top:-3px;width:44px;height:44px;}
.nav .next{right:50px;background:url(../images/rightarrow.png) 0 0 no-repeat;}
.nav .prev{left:70px;background:url(../images/leftarrow.png) 0 0 no-repeat;}
.nav .next:hover{background:url(../images/rightbtn.png) 0 0 no-repeat;}
.nav .prev:hover{background:url(../images/leftbtn.png) 0 0 no-repeat;}
.nav a{font-weight:bold;font-style:italic;color:white;text-decoration:none;line-height:1em;padding:0 5px;outline:none;}
.nav li.selected a, .nav a:hover{color:#45A9E2;}

li.intro .arrow{position:absolute;background:url("../images/first_item_arrow.png") 0 0 no-repeat;width:78px;height:97px;right:-20px;top:20px;}
li.intro h1{color:white;font-size:4.2em;line-height:1em;margin-bottom: 10px;}
li.intro p.intro{color:#b8b8b8;font-size:1.4em;}
li.intro p.highlight{color:#45A9E2;font-size:1.1em;}
li.intro p.help{background:url("../images/icon_info.png") 0 0 no-repeat;padding-left:40px;}

.yearindicator{font-family: Times New Roman, serif;font-style:italic;background:url(../images/bg_year.png) 0 0 no-repeat;height:75px;width:130px;text-align:center;color:white;font-size:1.8em;position:fixed;right:30px;top:0px;padding:6px 0;font-weight:bold;z-index:3;}
.years{position:relative;z-index:2;overflow:hidden;padding:180px 40px 40px 0;}
.years li.intro{font-family:Arial,sans-serif;padding:15px 60px 15px 20px;background-color:#231F20;width:392px;margin-left:0;margin-right:20px;border:0;position:relative;overflow:visible;}

.overlay img.left{float:left;margin-right:20px;}
.years li{float:left;width:160px;overflow:hidden;margin-left:30px;border:1px solid #E8E8E8;padding:10px;background:white;background:rgba(255,255,255,0.9);-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);box-shadow: 0px 0px 2px rgba(0,0,0,0.1);line-height:1em;border-radius: 2px 2px 2px 2px;}
.years li.wide{width:250px;}
.years li.narrow{width:55px;}
.years li.narrow h2{border-top:3px solid red;color:red;}
.years li.narrow p{color:blue;font-size:0.8em;border-bottom:3px solid red;}
.years h2, .overlay h2{font-family: Arial, Times New Roman, serif;font-style:italic;border-top:3px solid black;font-size:1.5em;line-height:1em;font-weight:bold;padding:0.3em 0 0.3em;margin-bottom:5px;color:#202020;}
.years img, .overlay img{border:1px solid #D2D2D2;background:#F7F7F7;padding:2px;margin-bottom:10px;}
.years p, .overlay p{padding:0 0 10px 0;line-height:1.3em;font-size:105%;}
.years p em{display:block;padding-bottom:10px;font-size:1.6em;line-height:1.1em;font-weight:bold;font-family: Times New Roman, serif;}
.years .magnify, .years .video{position:relative;display:block;}
.years .magnify span, .years .video span{position:absolute;width:27px;height:26px;z-index:2;left:8px;bottom:20px;}
.years .magnify span{background: url(../images/icon_magnify.png) 0px -26px no-repeat;}
.years .video span{background: url(../images/icon_play.png) 0px -26px no-repeat;}
.years a:hover span{background-position:0 0px;}

.EarlyYears{background:white url(../images/line-bg-white.png) 0px 0px fixed;}
.EarlyYears .periodimage{height:250px;background:url(../images/backgrounds/EarlyYears.jpg) 125px 0px fixed no-repeat;}

.Discovery{background:#e8eccb url(../images/line-bg-green.png) 0px 0px fixed;}
.Discovery .periodimage{height:200px;background:url(../images/backgrounds/Discovery.jpg) 150px 0px fixed no-repeat;}

.Healing{background:white url(../images/line-bg-white.png) 0px 0px fixed;}
.Healing .periodimage{height:339px;background:url(../images/backgrounds/Healing.jpg) 250px 0px fixed no-repeat;}

.Publications{background:#f9eabb url(../images/line-bg-green.png) 0px 0px fixed;}
.Publications .periodimage{height:220px;background:url(../images/backgrounds/Publications.jpg) 75px 0px fixed no-repeat;}

.Landmarks{background:#e4eae5 url(../images/line-bg-green.png) 0px 0px fixed;}
.Landmarks .periodimage{height:345px;background:url(../images/backgrounds/SandH.jpg) 450px 0px fixed no-repeat;}

.Publishing{background:white url(../images/line-bg-white.png) 0px 0px fixed;}
.Publishing .periodimage{height:250px;background:url(../images/backgrounds/CSPS.jpg) 75px 0px fixed no-repeat;}

.Establishment{background:white url(../images/line-bg-green.png) 0px 0px fixed;}
.Establishment .periodimage{height:281px;background:url(../images/backgrounds/TMC.jpg) 255px 0px fixed no-repeat;}

.Revisions{background:white url(../images/line-bg-white.png) 0px 0px fixed;}
.Revisions .periodimage{height:232px;background:url(../images/backgrounds/Window.jpg) 105px 0px fixed no-repeat;}

.Accolades{background:white url(../images/line-bg-green.png) 0px 0px fixed;}
.Accolades .periodimage{height:167px;background:url(../images/backgrounds/Pulitzer.jpg) 25px 0px fixed no-repeat;}

.Today{background:white url(../images/line-bg-white.png) 0px 0px fixed;}
.Today .periodimage{height:200px;background:url(../images/backgrounds/TMChq.jpg) 195px 0px fixed no-repeat;}
	
#exposeMask{z-index:9000 !important;position:fixed !important;}
.wid500{width:500px;}
.wid450{width:450px;}
.wid400{width:400px;}
.wid350{width:350px;}
.wid300{width:300px;}
.overlay {margin-top:-30px;z-index:10000;display:none;background-color:white;padding:11px;max-width:630px;}
.overlay .close{width:30px;height:30px;display:block;right:-17px;top:-14px;position:absolute;z-index:10000;cursor:pointer;background:url(../images/icon_close.png) 0 0 no-repeat;}

footer {font-family: arial,sans-serif;background:url(../images/bg_footer.png) 0 0;position:fixed;z-index:4;bottom:0;width:99%;padding:0 5px 15px 5px;border-bottom:1px solid #CCC;}