/* CSS Document */
/* unordered list that is converted into a button group */
.timelineList {
	list-style:none;
	padding: 8px 0px 0px 3.0em;
	margin: 0px;
	text-indent: -3.0em;
}
.timelineList li {
	margin-bottom: 1em;
}
#tlMenu {
	width:475px;
	height:28px;
	list-style:none;
	padding: 0px;
	margin: 13px 0px 0px 0px;
}
#tlMenu li {
    float:left;
	padding: 0px;
	margin: 0px;
}

#tlMenu a {
	float: left;
	width: 79px;
	height: 28px;
	margin: 0px;
	padding: 0px;
  	overflow: hidden;
}
#tlMenu #n6 a {
	width: 80px;
}
/* rollover technique is to shift the image up and down and hide the parts of the image that we are not using */
#tlMenu li a:hover {
 	background-position:0 -28px;
}
#tlMenu li.tlSelected {
	background-position:0 -28px;
}
#tlMenu li a.tlSelected {
 	background-position:0 -28px;
}
#tlMenu li a.tlSelected:hover {
 	background-position:0 -28px;
}
/* image definitions for each of the buttons */
#n1, #n1 a  {
	background: url(../_images/buttons/tl1500s.gif) top left no-repeat;
}
#n2, #n2 a  {
	background: url(../_images/buttons/tl1600s.gif) top left no-repeat;
}
#n3, #n3 a  {
	background: url(../_images/buttons/tl1700s.gif) top left no-repeat;
}
#n4, #n4 a  {
	background: url(../_images/buttons/tl1800s.gif) top left no-repeat;
}
#n5, #n5 a  {
	background: url(../_images/buttons/tl1900s.gif) top left no-repeat;
}
#n6, #n6 a  {
	background: url(../_images/buttons/tl2000.gif) top left no-repeat;
}