body {
	background-color:#FFFFFF;
	font-family: Trebuchet MS, Helvetica, Arial, sans serif;
	font-size: 8pt;
	margin:0;
	padding:0;
}
#logging {
	width:750px;
	margin:50px auto 0 auto;
	background-color:#FFFFFF;
	display:none;
}
#controls {
	width:750px;
	margin:10px auto 0 auto;
}
#controls #earlier {
	float:left;
	width:375px;
}
#controls #later {
	float:left;
	width:375px;
	text-align:right;
}
#timeline_holder {
	width:750px;
	height:500px;
	margin:0 auto 0 auto;
	overflow:hidden;
	position:relative;
}
/* main space which scrolls within timeline holder */
#timeline {
	width:750px;
	left:0px;
	position:relative;
	cursor:auto;
}
.timeline_segment {
	width:750px;
	height:500px;
	float:left;
	background-color:#000000;
}
.timeline_segment_bg {
	width:750px;
	height:500px;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
.timeline_segment_title {
	color:#FFFFFF;
	position:absolute;
	padding:10px;
	z-index: 100;
	width:730px;
	/*filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;*/
}
.timeline_segment_title h1 {
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:16px;
}
.timeline_segment_title p {
	font-size:11px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
.timeline_segment_title_fellows {
	position:absolute;
	left:0;
	top:0;
	margin-top:14px;
	margin-left:515px;
	font-size:14px;
	font-weight:bold;
}
.timeline_segment_title_fellows a {
	color:#FFFFFF;
	text-decoration:none;
}
.timeline_segment_title_fellows a:hover {
	color:#e76b20;
}
.timeline_segment_item {
	color:#FFFFFF;
	position:absolute;
	z-index: 100;
	width:350px;
	border-left:1px solid #FFFFFF;
	padding:0 5px 0 5px;
}
.timeline_segment_item.right {
	border-left:0px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align:right;
}
.timeline_segment_item h2 {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:12px;
}
.timeline_segment_item a {
	color:#FFFFFF;
	text-decoration:none;
}
.timeline_segment_item a:hover {
	color:#e76b20;
}
.timeline_segment_item_text {
	display:none;
	position:absolute;
	padding:10px;
	background-color:#FFFFFF;
	color:#000000;
	width:400px;
	left:177px;
	top:100px;
	z-index:100;
}

.timeline_segment_item_text a {
	color:#000000;
}

.timeline_segment_item_text a:hover {
	color:#e76b20;
}

.timeline_segment_item_text h2 {
	margin:0;
	padding:0;
	font-size:14px;
}
.timeline_segment_dates {
	position:absolute;
	color:#666666;
	height:20px;
	top:480px;
}
.timeline_segment_dates ul {
	margin:0;
	padding:0;
	list-style:none;
	height:20px;
}
.timeline_segment_dates ul li {
	float:left;
	width:74px;
	border-left:1px solid #666666;
	overflow:hidden;
	text-align:center;
	height:20px;
}
.timeline_segment_dates ul li.first {
/*	border-left:0;
	width:34px;*/
}

#segmentnav {
	width:750px;
	margin:0 auto 0 auto;
}

#segmentnav .segmentnav_segment {
	font-size:16px;
	float:left;
	width:125px;
	text-align:center;
}

#segmentnav .segmentnav_segment a {
	display:block;
	text-decoration:none;
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
	height:22px;
}

#segmentnav .segmentnav_segment a:hover {
	color:#000000;
}