#timeline {
  width:874px;
  height:445px;
  padding:3px 4px;
  margin:0 auto;
  color:#3d444a;
  font-family:Arial,sans-serif;
  font-size:14px;
  background:#fff;
}
#timeline #topBox {
	position:relative;
	width:874px;
	height:376px;
	background:url(/content/images/timeline/bg.jpg) no-repeat left top;
}
#topBox .yearDisplay {
	position:relative;
	top: 21px;
	left: 24px;
	margin: 0px;
	padding:0px;
	color:#fff;
	font-family:Georgia,serif;
	font-size:30px;
	line-height: 30px;
	font-weight:normal;
	font-style:italic;
	height:100px;
	width:200px;
	z-index: 9999;
}
#topBox .toggleMilestones {
	position:absolute;
	width:139px;
	height:32px;
	left:383px;
	top:33px;
	outline:0;
}
#topBox .toggleVictories {
	position:absolute;
	width:139px;
	height:32px;
	left:565px;
	top:33px;
	outline:0;
}

#timeline #topBox .off {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

#timeline #content {
  position:absolute;
  left:370px;
  top:84px;
  width:474px;
  height:259px;
  background:url(/content/images/timeline/content-bg.png) no-repeat left top;
}
#timeline #content .post {
  display:none;
  margin-left:12px;
  margin-top:9px;
  padding-left:52px;
}
#timeline #content .milestone {
	background:url(/content/images/timeline/adf-mission-content-logo.png) no-repeat 0px 3px;
}
#timeline #content .victory {
	background:url(/content/images/timeline/adf-victory-content-logo.png) no-repeat 0px 3px;
}
#timeline #content .post h2 {
	color:#7d7d7f;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:5px;
    padding-right:20px;
	background:url(/content/images/timeline/title-bg.png) no-repeat left bottom;
	line-height:1.1em;
	font-weight:bold;
}
#timeline #content .post h2 span {
	display:block;
	color:#1a68a9;
	font-size:15px;
}
#timeline #content .description {
	height:138px;
	width:384px;
    padding-right:15px;
    overflow:auto;
	overflow-y:scroll;
}
#timeline #content .post p {
  line-height:1.5em;
  margin-bottom:1.3em;
  font-style:italic;
}

#timeline #content a.contentLeft:link,
#timeline #content a.contentLeft:visited {
	position:absolute;
	width:29px;
	height:29px;
	left:23px;
	bottom:22px;
	outline:0;
	text-indent:-9999em;
	background:url(/content/images/timeline/arrow-sprite-blue.png) no-repeat 0px 0px;
}
#timeline #content a.contentLeft:hover {
	background-position:0px -29px;
}
#timeline #content a.l-unactive:link,
#timeline #content a.l-unactive:visited {
	cursor:default;
	background-position:0px -58px;
}
#timeline #content a.contentRight:link,
#timeline #content a.contentRight:visited {
	position:absolute;
	width:29px;
	height:29px;
	right:23px;
	bottom:22px;
	outline:0;
	text-indent:-9999em;
	background:url(/content/images/timeline/arrow-sprite-blue.png) no-repeat -29px 0px;
}
#timeline #content a.contentRight:hover {
	background-position:-29px -29px;
}
#timeline #content a.r-unactive:link,
#timeline #content a.r-unactive:visited {
	cursor:default;
	background-position:-29px -58px;
}


#timeline #yearNav {
	position:relative;
	width:590px;
	height:60px;
	margin:0 auto;
	margin-top:12px;
	background:url(/content/images/timeline/year-timeline-bg.png) no-repeat 50% 100%;
}
#timeline #yearNav a.yearsLeft:link,
#timeline #yearNav a.yearsLeft:visited {
	position:absolute;
	width:29px;
	height:29px;
	left:55px;
	top:7px;
	outline:0;
	background:url(/content/images/timeline/arrow-sprite-red.png) no-repeat 0px 0px;
	text-indent:-9999em;
}
#timeline #yearNav a.yearsLeft:hover {
	background-position:0px -29px;
}
#timeline #yearNav a.l-unactive:link,
#timeline #yearNav a.l-unactive:visited {
	cursor:default;
	background-position:0px -58px;
}
#timeline #yearNav a.yearsRight:link,
#timeline #yearNav a.yearsRight:visited {
	position:absolute;
	width:29px;
	height:29px;
	right:55px;
	top:7px;
	outline:0;
	background:url(/content/images/timeline/arrow-sprite-red.png) no-repeat -29px 0px;
	text-indent:-9999em;
}
#timeline #yearNav a.yearsRight:hover {
	background-position:-29px -29px;	
}
#timeline #yearNav a.r-unactive:link,
#timeline #yearNav a.r-unactive:visited {
	cursor:default;
	background-position:-29px -58px;
}
#timeline #yearNav #scroll {
	position:absolute;
	left:95px;
	width:408px;
	height:39px;
	background:url(/content/images/timeline/year-bg.png) no-repeat 168px 0px;
	overflow:hidden;
}
#timeline #yearNav ul {
	width:3000px;
	height:39px;
	margin-left: 0px;
	padding-left:23px;
	overflow:hidden;

}
#timeline #yearNav li {
	position:relative;
	width:77px;
	height:39px;
	left:155px;
	line-height:32px;
	font-family:Georgia,serif;
	font-size:24px;
	font-style:italic;
	float:left;
}
#timeline #yearNav li.on {
	color:#fff;
}