<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.timelineContainer {
	margin:1.5em auto 5em auto;
	width:100%;
	
}

div.timelineToggle {
	float:right;
	margin-right:2%;
	white-space:nowrap;
}

a.expandAll {
	color:#ffffff;
	cursor:pointer;
	background:#000;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	font-size:1.5em;
	padding:4px 6px;
}

	a.expandAll:hover {
		color:#7DBADF;
		cursor:pointer;
	}

div.timelineMajor {
	width:98%;
	float:left;
	margin:0 auto;
	min-width: 19em;
	
}

	.timelineMajor h2 {
		background:url(../images/timeline_century_tick.gif) left center no-repeat;
		font-family:Palatino,"Times New Roman", Times, serif;
		cursor: pointer;
		font-size:1.5em;
		font-weight:400;
		margin:0 0 10px;
		padding:4px 4px 4px 20px;
	}

	.timelineMajor h2 span {
		background:#000000;
		-webkit-border-radius:.5em;
		-moz-border-radius:.5em;
		border-radius:.5em;
		font-size: 1.5em;
		color:#ffffff;
		letter-spacing:.1em;
		line-height:1.7em;
		padding:3px 5px 3px 10px;
	}

dl.timelineMinor {
	clear:left;
	float:left;
	margin:0 .5em 0 0;
	padding:0;
	position:relative;
	width:100%;
	
}

	.timelineMinor dt {
		background:url(../images/timeline_decade_tick.gif) left center no-repeat;
		clear:left;
		font-size:1.6em;
		list-style-type:none;
		line-height:1.2em;
		margin:0 0 12px;
		padding:0 0 0 24px;
		white-space:nowrap;
	}

		.timelineMinor dt a, .timelineMinor dt a:link {
			color:#3F7CFF;
			cursor:pointer;
		}

		.timelineMinor dt a.closed {
			cursor:pointer; color:#3F7CFF;
			font-size:1em;
			margin-left:0;
		}

		.timelineMinor dt a.open {
			cursor:pointer; color:#3F7CFF;
		}

		.timelineMinor dt a:hover {
			 text-decoration:underline; cursor:pointer; color:#3F7CFF;
		}

	.timelineMinor dd {
		margin:0 0 0 1em;
		padding: 2px;
		width:100%;
	}

		.timelineMinor dd h3 {
			color:#FFF;
			clear:both;
			float:left;
			font-size:1.5em;
			margin:0;
			white-space:nowrap;
		}


.timelineEvent	{width:100%;}


.timelineEvent p {
	clear:left;
	float:left;
	line-height:1.5em;
	margin:0 ;
	width:400px;
	font-size:1em;
	
}

.timelineEvent li	{clear:right; line-height:1.5em; list-style-type:none; width: 100%; height: auto;}
.timelineEvent li img	{width:auto; float:left; display:block;}
.timelineEvent li span.article-title	{width:65%; float:left; display:block; margin:0em 0em 0em .5em  ; font-size:1.2em; font-weight:bold;}
.timelineEvent li span.article-subtext	{font-size:1em; font-weight:normal;  }

div#container dl.timelineMinor a, div#container dl.timelineMinor a:link {color:#274F9E; text-decoration: none;}
div#container dl.timelineMinor a:visited {color: #274F9E; text-decoration: none;}
div#container dl.timelineMinor a:hover		{color: #3F7CFF; text-decoration:underline;}

.timelineEvent li	{clear:both; line-height:1.5em;  margin: 1em 0; padding:0; list-style-type:none; width: 95%; float:none; display:block;}
.timelineEvent li a, .timelineEvent li a:link	{margin:0; }

.timeline-event-content {
  display: none;
}
.timeline-event-content p {
  clear: left;
  float: left;
  line-height: 1.5em;
  margin: 6px 0 10px;
  width: 500px;
}
.timeline-event-content .media {
  float: right;
  padding: 0 0 12px;
  width: 300px;
}
.timeline-event-content .media img {
  border: 2px solid #000;
  margin: 0;
}
.timeline-event-content .media p {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
.timeline-event-content .media a:link,
.timeline-event-content .media a:visited {
  color: #ab221b;
}
.timeline-event-content .media a:hover {
  color: #7DBADF;
}




/* Tablet Horizontal */
@media screen and (max-width : 63.938em) {
div.timelineToggle {float:none; font-size:.9em;}

.timelineEvent div.media {display:none; float:none;}

.timelineMajor h2 span	{font-size:.8em;}

.timelineMinor dt {font-size:1.2em; white-space: normal;}

.timelineMinor dd h3 {font-size:1em; white-space: normal;}

div#timelineContainer {width:100%;}

.timelineMinor dd {margin-left:.5em; padding-left:0; width:100%;}

.timelineEvent .media p {font-size:1em;}

dl.timelineMinor {float:none; max-width:100%;}

.timelineEvent p {float:none; width:100%;}

.timelineEvent blockquote {float:none; width:200px; font-size:1em;}

}

@media screen and (max-width : 29.938em) {
div#timelineContainer {font-size:.8em;}
dd.timelineEvent 	{margin:0 0 0 .5em; padding:0; float:none; clear:both;}
.timelineEvent p    {width:95%;}
.timelineEvent li	{width:99%;}
.timelineEvent li img	{width:auto; float:none; display:block;}
.timelineEvent li span.article-title	{width:auto; float:none; display:block; margin:0; padding:0; font-size:1em; }
.timelineEvent li span.article-subtext	{font-size:.8em; font-weight:normal; display:block; }

}
</pre></body></html>