@charset "UTF-8";
.tl_mid_left {
	height: 31px;
	width: 80px;
	float: left;
}
.tl_mid_right {
	height: 31px;
	width: 80px;
	float: right;
}
.time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.3em;
	color: #666666;
	margin-top: 0px;
	font-weight: normal;
	margin-bottom: .5em;
}
.tl_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.125em;
	font-weight: normal;
	color: #901236;
	padding: 0px;
	margin-bottom: .2em;
	line-height: 1.2em;
}
a.tl_but_left:link, a.tl_but_left:visited   {
	color: #901236;
	text-decoration: none;
	background-image: url("../images/timeline/left_but.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 31px;
	width: 80px;
}
a.tl_but_left:hover {
	color: #901236;
	text-decoration: none;
	background-image: url("../images/timeline/left_but.jpg");
	background-repeat: no-repeat;
	background-position: 0px -31px;
	display: block;
	height: 31px;
	width: 80px;
}
a.tl_but_right:link, a.tl_but_right:visited   {
	color: #901236;
	text-decoration: none;
	background-image: url("right_but.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 31px;
	width: 80px;
}
a.tl_but_right:hover {
	color: #901236;
	text-decoration: none;
	background-image: url("../images/timeline/right_but.jpg");
	background-repeat: no-repeat;
	background-position: 0px -31px;
	display: block;
	height: 31px;
	width: 80px;
}
ul#tl_menu   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #002C76;
	height: 23px;
	margin-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #33CCCC;
}
#tl_menu li {
	list-style-type: none;
	float: left;
}
#tl_menu a {
	font-weight: bold;
	display: block;
	padding-top: 5px;
	height: 18px;
	width: 85px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #33CCCC;
}
#tl_menu a:link, #tl_menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#tl_menu a:hover {
	text-decoration: none;
	background-color: #990000;
	color: #FFFFFF;
}
#tl_menu li a.current    {
	color: #FFFFFF;
	background-color: #72B8D0;
}
/* CSS Document */

.timeline {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/pre1200.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline2 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/1200to1400.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline3 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/1400to1600.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline4 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/1600to1800.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline5 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/1800to1900.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline6 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/1900to1960.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline7 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/1960to2000.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.timeline8 {
	width: 692px;
	height: 534px;
	background-image: url("../images/timeline/2000.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.tl_top {
	height: 211px;
	width: 210px;
	padding-top: 40px;
	padding-left: 100px;
}
.tl_top2 {
	height: 211px;
	width: 270px;
	padding-top: 40px;
	padding-left: 100px;
}
.tl_top4 {
	height: 223px;
	width: 330px;
	padding-top: 28px;
	padding-left: 33px;
}
.tl_top5 {
	height: 223px;
	width: 440px;
	padding-top: 28px;
	padding-left: 33px;
}
.tl_top7 {
	height: 211px;
	width: 350px;
	padding-top: 40px;
	padding-left: 270px;
}
.tl_bottom {
	height: 192px;
	width: 250px;
	padding-top: 60px;
	padding-left: 370px;
}
 
.tl_bottom1 {
	height: 192px;
	width: 490px;
	padding-top: 60px;
	padding-left: 175px;
}
.tl_bottom2 {
	height: 192px;
	width: 410px;
	padding-top: 60px;
	padding-left: 250px;
}
.tl_bottom3 {
	height: 192px;
	width: 410px;
	padding-top: 60px;
	padding-left: 250px;
}
.tl_bottom4 {
	height: 192px;
	width: 340px;
	padding-top: 60px;
	padding-left: 310px;
}
.tl_bottom5 {
	height: 192px;
	width: 355px;
	padding-top: 55px;
	padding-left: 304px;
}
.tl_bottom7 {
	height: 192px;
	width: 400px;
	padding-top: 60px;
	padding-left: 33px;
}

/* ----------------------- Coda scroller */
 
#slider {
	width: 690px;
	margin: 0 auto;
	position: relative;
}
 
.scroll {
  height: 600px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}
 
.scrollContainer div.panel {
	padding: 0px;
	height: 380px;
	width: 690px;
	background-image: url("../images/timeline/tab-bg.jpg");
	background-repeat: no-repeat;
	position: relative;
}
 
.scrollContainer div.panel .content
{
	margin: 0;
	padding: 0;
	width: 690px;
}
 
.scrollbuttons
{
      cursor: pointer; 
}