#timeline {
    height: 350px;
    margin: 10px 20px 0px 20px;
    overflow: hidden;
}

#timeline h2 {
	font-size: 40px;
	font-weight: normal;
	color: #ccc;
}

#timeline p {
	font-size: 12px;
	margin: 1em;
	line-height: 0.97em;
}

#timeline .tl-events {
    width: 12800px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#timeline .tl-events ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#timeline .tl-events li {
    float: left;
    width: 500px;
    margin: 0px 10px 0px 0px;
    border-left: 1px solid #ccc;
    height: 350px;
    overflow: hidden;
}

#timeline .tl-events li.short {
    width: 250px;
}

#timeline .tl-events li img {
	float: right;
	margin: 0px 0px 0px 10px;
}

#timeline_nav {
	font-size: 11px;
	margin: 0px 10px;
}

#timeline_controls_left {
	float: left;
	width: 32px;
}
#timeline_controls_right {
	float: right;
	width: 32px;
}
#timeline_nav_inner1 {
	width: 456px;
	float: left;
	overflow: hidden;
}

#timeline_nav_inner2 {
    width: 950px; /* unfortunately needs to be hard-coded width */
    font-size: 14px;
}

.year {
	margin-right: 8px;
	float: left;
	width: 30px;
}

.year a {
	background: url(../images/timeline_bg.jpg) repeat 0px 0px;
}

.year a:hover {
	color: #fff;
}