@import url("./whitespace-reset.css");

#main_content { margin: 9px auto; }

#timeline h1 { padding: 0 0 20px 0; }
#timeline #slides {
	clear: both;
	position: relative;
	margin: 0 0 10px 0; }
	#timeline #slides .slide {
		float: left;
		background: #ffffff; }
		#timeline #slides .slide img {
			clear: both;
			float: left;
			width: 270px;
			margin: 0 20px 20px 0; }
		#timeline #slides .slide .details {
			float: left;
			width: 258px;
			padding: 0 0 10px 0; }
		#timeline #slides .slide .large { width: 100%; }
		#timeline #slides .slide h3 {
			padding: 0 0 10px 0;
			font: normal 21px Georgia, serif;
			color: #004813; }
			#timeline #slides .slide h3 strong {
				display: block;
				font-size: 41px;
				font-weight: normal; }
		#timeline #slides .slide p { padding: 0 0 15px 0; }
		#timeline #slides .slide blockquote { font-style: italic; }
		#timeline #slides .slide p.name { text-align: right; }
#timeline #lines {
	float: left;
	width: 509px;
	height: 50px;
	margin: 0 5px 15px 0;
	overflow: hidden;
	background: transparent url("../images/bg_timeline.gif") 0 0 no-repeat; }
	#timeline #lines .line {
		float: left;
		width: 509px;
		height: 1%; }
	#timeline #lines .section {
		float: left;
		position: relative;
		width: 169px;
		height: 12px;
		padding: 38px 0 0 0; }
	#timeline #lines a {
		position: absolute;
		left: 0;
		top: 2px;
		z-index: 1;
		width: 17px;
		height: 36px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/icon_event.png") 0 0 no-repeat; }
	#timeline #lines a.active { background: transparent url("../images/icon_event-current.png") 0 0 no-repeat; }
#timeline-title {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	padding: 3px;
	background: #ffffcc;
	border: 1px solid #cccccc; }
#timeline a.btn_prev,
#timeline a.btn_next {
	float: left;
	width: 15px;
	height: 36px;
	text-indent: -8685px;
	outline: none;
	background: transparent url("../images/btn_next.gif") 0 50% no-repeat; }
#timeline a.btn_prev {
	margin: 0 5px 0 0;
	background: transparent url("../images/btn_prev.gif") 0 50% no-repeat; }
.hrule {
	clear: both;
	height: 70px;
	background: transparent url("../images/bg_hrule.gif") 50% 0 no-repeat; }
	.hrule hr { display: none; }
#alma-mater {
	width: 200px;
	margin: 10px auto; }
	#alma-mater h3 {
		padding: 0 0 10px 0;
		font: normal 18px Georgia, serif;
		color: #004813; }