/*
* Wrapper/header.
* ---------------------------------------- */
#timeline {
	background:#241b17 url("../images/timeline/timeline-bg.jpg") no-repeat left top;
}
#timeline h1 {
	height:117px;
	font-size:1px;
	text-indent:-1000px;
	overflow:hidden;
	padding:0;
	margin:0;
}

/*
* Content area.
* ---------------------------------------- */
#timeline-content {
	width:960px;
	height:334px;
	color:#4d4037;
	font:14px/1.5em Arial, Helvetica, sans-serif;
}
	#timeline-leftcol,
	#timeline-rightcol {
		padding-top:30px;
		float:left;
	}
		#timeline-leftcol {
			width:375px;
			padding-left:60px;
			padding-right:45px;
		}
		#timeline-rightcol {
			width:365px;
			padding-left:40px;
			padding-right:75px;
		}
	
	#timeline-content .date {
		background: #ede1cb url("../images/timeline/timeline-date.png") no-repeat left 0;
		color:#ede1c8;
		display:inline-block;
		font:normal 10px/24px Arial, Helvetica, sans-serif;
		height:24px;
		line-height:24px;
		margin:0 0 10px;
		padding:0 0 0 10px;
		text-transform:uppercase;
	  }
	.ie6 #timeline-content .date,
	.ie7 #timeline-content .date {
		display:block;
		float:left;
	}
		#timeline-content .date strong {
			display:inline-block;
			height:24px;
			color:#FFF;
			font:bold 11px/24px Georgia, Times, serif;
			background:url("../images/timeline/timeline-date.png") no-repeat right 0;
			padding:0;
			padding-right:10px;
		}
		
	#timeline-content h2 {
		color:#000;
		font: normal 25px/27px Georgia, Times, serif;
		margin:0 0 10px 0;
	}
	.ie6 #timeline-content h2,
	.ie7 #timeline-content h2 {
		width: 365px;
	}
	#timeline-content a {
		color:#b28000;
	}
	#timeline-content img {
		float:left;
		border:1px solid #a99e91;
		margin:0 15px 15px 0;
		position:relative;
		top:0.3em;
	}
	#timeline-content ul {
		clear:both;
		border-top:1px solid #9f9488;
		list-style:none;
		padding:10px 0 0;
		margin:0;
	}
	.ie6 #timeline-content ul,
	.ie7 #timeline-content ul {
		width: 365px;
	}
	#timeline-content ul.links li {
		color:#000;
		font-size:9px;
		font-weight:bold;
		text-transform:uppercase;
	}
		#timeline-content ul li a {
			font: normal 14px/17px Georgia, Times, serif;
			text-transform:none;
			text-decoration:none;
		}
			#timeline-content ul li a:hover {
				text-decoration:underline;
			}

/*
* Navigation elements.
* ---------------------------------------- */
#timeline-nav {
	border-bottom:8px solid #4f2911;
	width:960px;
	height:95px;
	background:#241b17 url("../images/timeline/timeline.png") repeat-x;
	position:relative;
}
	#timeline-nav h3 {
		width:254px;
		height:63px;
		background:url("../images/timeline/timeline-title.png") no-repeat;
		font-size:1px;
		text-indent:-1000px;
		overflow:hidden;
		position:absolute;
		left:353px;
		top:-49px;
		padding:0;
		margin:0;
		z-index:2;
	}
	#timeline-nav a.scroll {
		display:block;
		width:58px;
		height:59px;
		background:url("../images/timeline/timeline.png") no-repeat 0 -204px;
		overflow:hidden;
		text-indent:-250px;
		position:absolute;
		top:0;
		z-index:1;
	}
		#timeline-nav #timeline-prev {
			left:0px;
		}
			#timeline-nav #timeline-prev:hover {
				background-position:0 -264px;
			}
			#timeline-nav #timeline-prev.disabled,
			#timeline-nav #timeline-prev.disabled:hover {
				background-position:0 -324px;
			}
		#timeline-nav #timeline-next {
			background-position:right -204px;
			right:0px;
		}
			#timeline-nav #timeline-next:hover {
				background-position:right -264px;
			}
			#timeline-nav #timeline-next.disabled,
			#timeline-nav #timeline-next.disabled:hover {
				background-position:right -324px;
			}
	
	/*
	* Scrolling dateline bar.
	* ---------------------------------------- */
	.js #timeline-dates {
		width:862px;
		height:53px;
		overflow:hidden;
		position:absolute;
		left:49px;
		top:6px;
		z-index:0;
	}
		.js #timeline-dates ul {
			display:block;
			height:53px;
			position:absolute;
			background:url("../images/timeline/timeline.png") repeat-x 0 -96px;
			background-position-top:54px;
			margin:0;
			padding:0;
		}
			.js #timeline-dates ul li {
				float:left;
				display:block;
				width:90px;
				height:53px;
				background:url("../images/timeline/timeline.png") no-repeat -7px -150px;
				margin:0 2px 0 0;
				outline:none;
			}
				.js #timeline-dates ul li:first-child,
				.js #timeline-dates ul li.first-child {
					background-position:left -150px;
				}
				.js #timeline-dates ul li:last-child {
					background-position:right -150px;
					margin:0;
				}
				.js #timeline-dates ul li.last-child {
					background-position:right -150px;
					margin:0;
				}
				.js #timeline-dates ul li a {
					color:#b3b377;
					font:14px/1.2em Georgia, Times, serif;
					text-decoration:none;
					text-align:center;
					display:block;
					width:100%;
					height:100%;
					outline:none;
				}
					.js #timeline-dates ul li a:hover strong {
						text-decoration:underline;
					}
					.js #timeline-dates ul li a strong {
						display:block;
						padding-top:8px;
					}
					.js #timeline-dates ul li.active a,
					.js #timeline-dates ul li.active a:hover {
						color:#FFF;
					}
					
	/*
	* Scrolling dateline bar.
	* ---------------------------------------- */
	#timeline-nav ul.years {
		height:36px;
		list-style:none;
		position:absolute;
		left:0;
		text-align:center;
		top:59px;
		padding:0;
		margin:0;
	}
		#timeline-nav ul.years li {
			color:#666;
			display:block;
			float:left;
			font:normal 12px/1 Georgia, Times, serif;
			height:36px;
		}
			#timeline-nav ul.years li span {
				border-right:1px solid #433e3c;
				display: block;
				height: 10px;
				margin: 13px 0;
				padding:0 10px;
			}
			#timeline-nav ul.years li:last-child span {
				border:none;
			}
			#timeline-nav ul.years li.last-child span {
				border:none;
			}
			#timeline-nav ul.years li.active {
				background:url("../images/timeline/timeline-year.png") no-repeat center top;
			}
			
		#timeline-nav ul.years li a {
			color:#a0b180;
			text-decoration:none;
		}
			#timeline-nav ul.years li a strong {
				color:#FFF;
				font-weight:normal;
			}
			#timeline-nav ul.years li a:hover {
				border-bottom: 1px solid #fff;
			}

/*
* Degradation layout.
* ---------------------------------------- */	
.no-js #timeline-content {
	display:none;
}
.no-js #timeline-nav #timeline-prev {
	display:none;
}
.no-js #timeline-nav #timeline-next {
	display:none;
}
	.no-js #timeline-nav {
		background:url("../images/timeline/degradation-bg.png") repeat-y;
		border-bottom-color:#643917;
		height:auto;
		padding:20px 0;
		text-align:center;
	}
	.no-js #timeline-nav h3 {
		/*height:55px;*/
		margin:0 auto 20px;
		position:static;
	}
	.no-js #timeline-nav .years {
		display:none;
	}
	.no-js #timeline-dates {
		border-left:1px solid #000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		height:220px;
		margin:0 auto;
		overflow:auto;
		position:static;
		text-align:left;
		width:170px;
	}
		.no-js #timeline-dates ul {
			list-style:none;
			margin:0;
			padding:0 0 0 15px;
		}
		.no-js #timeline-dates ul li {
			margin:0 0 5px;
			padding:0;
		}
		.no-js #timeline-dates ul li a {
			color:#666;
			text-decoration:none;
		}
		.no-js #timeline-dates ul li a strong {
			font-weight:normal;
		}
		.no-js #timeline-dates ul li a:hover {
			text-decoration:underline;
		}
.back {
	display: block;
	font-size: 30px;
	padding: 20px;
	text-align: center;
}