<style type="text/css">

	html, body { height: 100%; width: 100% }
	body { font-family: Arial,Helvetica,sans-serif; font-weight: normal; color: black; margin: 0px; padding: 0px; }

	#menu{ position: absolute; font-family: Arial,Helvetica,sans-serif; font-weight: normal; color: black; font-size: 13px; line-height: 110%; width: 900px; top: 150px; left: 100px; }
	.menuitem {position: relative; bottom: 0px; padding-left: 10px; padding-right: 10px; float: left; height: 50px; text-align: center; vertical-align: middle;}
	.menuitem-selected {position: relative; bottom: 0px; padding-left: 10px; padding-right: 10px; float: left; height: 50px; text-align: center; vertical-align: middle;}
	.menu_select_bar {position: absolute; left: 0px; height: 30px; bottom: -25px;}
	
	#yline { width: 1px; height: 100%; position: absolute; left: 50%; }
	#topper { z-index: 2; background-color: white; position: absolute; width: 900px; height: 125px; left: -450px;
			padding-top: 20px; padding-bottom: 50px; border-bottom: 1px dotted #999999; overflow: hidden; }
	#title { position: absolute; height: 50px; left: 30px; top: 40px; font-size: 26px; padding-left: 20px; width: 900px; }
	#slidecontainer { position: absolute; border-left: 1px dotted #999999; z-index: 5; padding-left: 50px; background-color: white; width: 600px; height: 450px; left: -200px; top: 225px; overflow: visible; }
	#navigation { position: absolute;  width: 175px; left: -225px; top: 0px; z-index: 600; font-size: 12px; text-transform: uppercase;}
	#triangle-left { width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #666666; border-bottom: 10px solid transparent; }
	#triangle-right { width: 0; height: 0; border-top: 10px solid transparent; border-left: 20px solid #666666; border-bottom: 10px solid transparent;}
	#spacer { border-top: 1px dotted #999999; top: 700px; width: 900px; left: -450px; position: absolute; z-index: 500; height: 2px; }
	#news { z-index: 2; background-color: white; position: absolute; left: -500px; width: 700px; padding-top: 150px; top: 575px; font-size: 12px;  padding-left: 150px; padding-right: 150px; padding-bottom: 50px;}
	#news-noslides { z-index: 2; background-color: white; position: absolute; left: -500px; width: 700px; padding-top: 0px; top: 220px; font-size: 12px;  padding-left: 150px; padding-right: 150px; padding-bottom: 50px;}
	#twitter { font-size: 16px; width:500px; margin-left: -100px; float: left; font-weight: bold; padding-right: 25px; }
	#sm_links { position: absolute; right: 50px; width: 300px; text-align: right; }
	#info { font-size: 10; text-align: right; padding-top: 250px; margin-right: -100px; }
	#whitebg { background-attachment: fixed; background-color: white; top: 0px; position: absolute; width: 1000px; left: -500px; height: 100%; z-index: 1; }
	#pagelink_list { position: absolute; left: -250px; font-family: tahoma, arial; font-size: 14px; font-weight: bold; text-align: left; width: 200px; padding-right: 50px; text-transform:uppercase; }
	
	
	.menuitem:hover {
		animation: menu_select 0.5s;
		-webkit-animation:menu_select 0.5s; /* Safari and Chrome */
		animation-iteration-count: once;
		-webkit-animation-iteration-count: once;
		animation-timing-function: ease;
		-webkit-animation-timing-function:ease; /* Safari and Chrome */
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards; /* Safari and Chrome */
		}
		
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menu_select
		{
		0% {height: 50px;}
		100% {height: 45px;}

		}

		/* Standard syntax */
		@keyframes menu_select
		{
		from {height: 50px;}
		to {height: 45px;}
		}
	
	
	div.center-image { text-align: center; }
	p.contenttitle { font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; }
	p.contenttitlelarge { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; }
	p.pagelink { font-weight: bold; font-size: 14px; }
	img.contentimage-right{ max-width: 300px; float: right; padding-left: 20px; }
	img.contentimage-left{ max-width: 300px; float: left; padding-right: 20px; }
	.attribution{  text-align:right; font-style:italic; padding-top:10px; padding-right:50px}
	a:link { text-decoration: none; color: #6698cb; }
	a:visited { text-decoration: none; color: #6698cb; }
	#triangle-left a:hover { color: black; text-decoration: none; }
	#triangle-right a:hover { color: black; text-decoration: none; }
	
	#topper a:link { color: #666666; text-decoration: none; }
	#topper a:visited { color: #666666; text-decoration: none; }
	#topper a:hover { color: black; text-decoration: none; }
	#topper a:active { color: #666666; text-decoration: none; }
	
	.cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; }

	/* set border-box so that percents can be used for width, padding, etc (personal preference) */
	.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.cycle-slideshow { width: 100%; min-width: 200px; max-width: 600px; margin: auto auto; padding: 0; position: relative; }

	/* slideshow images (for most of the demos, these are the actual "slides") */
	.cycle-slideshow img { 
		/* 
		some of these styles will be set by the plugin (by default) but setting them here
		helps avoid flash-of-unstyled-content
		*/
		position: absolute; top: 0; left: 0;
		width: 100%; padding: 0; display: block;
	}

	/* in case script does not load */
	.cycle-slideshow img:first-child {
		position: static; z-index: 100;
	}

	/* pager */
	.cycle-pager { 
		text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
	}
	.cycle-pager span { 
		font-family: arial; font-size: 50px; width: 16px; height: 16px; 
		display: inline-block; color: #ddd; cursor: pointer; 
	}
	.cycle-pager span.cycle-pager-active { color: #D69746;}
	.cycle-pager > * { cursor: pointer;}


	/* caption */
	.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


	/* overlay */
	.cycle-overlay { 
		font-family: tahoma, arial; font-size: 11px;
		position: absolute; left: -300px; top: 40px; width: 200px; z-index: 600; height: 420px;
		background: white; color: black; padding: 0px; opacity: 1;
		overflow: visible;
	}


	/* prev / next links */
	.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
	.cycle-prev { left: 0;  background: url(../images/left.png) 50% 50% no-repeat;}
	.cycle-next { right: 0; background: url(../images/right.png) 50% 50% no-repeat;}
	.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

	.disabled { opacity: .5; filter:alpha(opacity=50); }


	/* display paused text on top of paused slideshow */
	.cycle-paused:after {
		content: 'Paused'; color: white; background: black; padding: 10px;
		z-index: 500; position: absolute; top: 10px; right: 10px;
		border-radius: 10px;
		opacity: .5; filter: alpha(opacity=50);
	}

	/* 
		media queries 
		some style overrides to make things more pleasant on mobile devices
	*/

	@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
		.cycle-slideshow { width: 200px;}
		.cycle-overlay { padding: 4px }
		.cycle-caption { bottom: 4px; right: 4px }
	}
	
</style><!--
     FILE ARCHIVED ON 20:51:59 Jul 01, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:46:33 Jun 10, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
  captures_list: 0.558
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.01
  esindex: 0.012
  cdx.remote: 11.59
  LoadShardBlock: 292.333 (3)
  PetaboxLoader3.datanode: 418.563 (5)
  PetaboxLoader3.resolve: 534.935 (4)
  load_resource: 815.593 (2)
-->