body { font-family: arial; }
#timeline { width: 960px; }
#timeline ul { float: left; list-style-type: none; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #D9A300; width: 100%; }
#timeline ul li { display: block; margin: 3px; background-color: #D2EAFC; font-weight: bold; font-size: 80%; float: left;}
#timeline ul li.selected a { background-color: #D9A300; }
#timeline ul li a { color: inherit; text-decoration: none; padding: 3px 6px; }

#timeline ul li.selected { height: 29px; background: url(/_includes/images/design/timeline/selected-arrow.gif) no-repeat bottom center; }

#scrollerContainer { clear: both; padding: 13px 0; height: 105px; width: 100%; overflow: hidden; }
#scrollerContents { padding: 10px 0 0 0; height: 90px; width: 20000px; background: url(/_includes/images/design/timeline/timeline-filmstrip.gif) repeat-x; }

#timeline .yearContainer { height: 90px; float: left;  }
#timeline .yearContainer a img { border: 0; }
#timeline .yearContainer span { padding: 0 5px; }

#timeline .controls { text-align: center; }
#timeline .controls a#timelineLeft { float: left; }
#timeline .controls a#timelineRight { float: right; }