HTML, body { margin: 0px auto; text-align: center; background: #0c344e; }


* { margin: 0px; padding: 0px; text-decoration: none; list-style-type: none; }
img { border: none; }
clr { clear: both; }
.linespace { height: 30px; }

	/* about */
	a, a:focus { outline: none; }
	#about { background: #3F677F; height: 360px; display: none; }
	.slide { display: block; height: 30px; margin: 0 auto;  text-align: center; }
	.btn-slide { display: block; height: 30px; margin-left: 708px; text-decoration: none; background: url(../img/white-arrow.gif) no-repeat center -50px; }
	.active { background-position: center 8px; }
	#about #aboutcontainer { padding: 20px 0px; }
	#about #aboutcontainer img { float: left; margin: 0px 0px 5px 0px; }
	#about #aboutcontainer h1 { padding-top: 15px; color: #D1E2EF; font: 24px Arial; text-align: right; }
	#about #aboutcontainer h2 { display: block; color: #D1E2EF; font: bold 14px Arial; text-align: left; }
	#about #aboutcontainer p{ margin-top: 15px; color: #D1E2EF; font: 11px Arial; text-align: justify; line-height: 17px; }
	#about #aboutcontainer p a { font: bold 12px Arial; color: #D1E2EF; border-bottom: 1px dashed #D1E2EF; }
	#about #aboutcontainer p a:hover { color: white; border-bottom: 1px dashed white; }
	#about #aboutcontainer .left, #about #aboutcontainer .right { height: 227px; }
	#about #aboutcontainer .left { float: left; width: 570px; margin-top: 15px; padding-left: 10px; border-left: 6px solid #50798F; }
	#about #aboutcontainer .right{ float: right; margin-top: 15px; padding-left: 10px; border-left: 6px solid #50798F; }

	#header { height: 320px; background: #1d4a62 url(../img/header_bg.jpg) top center;}
	#header #headercontainer, #about #aboutcontainer { width: 920px; margin: 0px auto; text-align: center; }
	#header #headercontainer .logosleft a { float: left; position: relative; top: 11px; left: 185px; padding: 63px 50px; }
	#header #headercontainer .logosright { float: right; }
	#header #headercontainer .logosright a { float: left; position: relative; top: 54px; padding: 25px 30px; margin-right: 15px; }
	#header #headercontainer #linkcenter a { position: relative; top: 45px; right: 60px;  padding: 40px 120px; }
	#header #headercontainer .linksbottom { width: 790px; margin: 155px 0px 0px 100px; height: 100px; font-size: 8px; text-align: left; }
	#header #headercontainer .linksbottom #f_archive { padding: 40px 52px; position: relative; top: 2px; }
	#header #headercontainer .linksbottom #l_archive { padding: 50px 150px; position: relative; top: 10px; margin: 0px 30px 0px 110px; }
	#header #headercontainer .linksbottom #rss { padding: 46px 44px; position: relative; top: 5px; }
	#header #headercontainer .linksbottom #donation { padding: 40px 43px; position: relative; top: 10px; margin-left: 50px; }

	#container { margin: 0px auto; padding-top: 90px; height: 1550px; width: 920px; background: url(../img/container_farchive_bg.jpg) center top no-repeat; }
	#container .archive_item { clear: both; height: 230px; margin: 30px 57px 20px 51px; border-bottom: 2px solid #D8E5F0; text-align: left; }
	#container .archive_item img { float: left; margin-right: 10px; }
	#container .archive_item .archive_details { float: left; margin: 10px 25px 0px 0px; width: 500px;}
	#container .archive_item .archive_details h1 a { display: block; font: bold 16px Arial; color: #4d4d4d; }
	#container .archive_item .archive_details h1 a:hover { display: block; font: bold 16px Arial; color: #000; }
	#container .archive_item .archive_details p.details { margin: 5px 0px; font: 11px Verdana; color: #6d6d6d; line-height: 14px; }
	#container .archive_item .archive_details p.details a { color: #6d6d6d; text-decoration: underline; }
	#container .archive_item .archive_details p.details a:hover { color: #3d3d3d; }
	#container .archive_item .archive_details p.blurb { margin-top: 15px; font: 12px Times New Roman; color: #275E7F; }
	#container .archive_item img.pdf { margin-top: 0px; }

	ul.nav { width: 100px; margin: 30px auto; text-align: center; }
	ul.nav li { display: block; float: left; margin-right: 3px; font: 12px Arial; border: 1px solid #68a1c1; }
	ul.nav li a { padding: 2px 4px; color: #0C344E; }
	ul.nav li a:hover { padding: 0px 4px; background: #D8E5F0; }
	
	#footer { clear: both; padding: 30px 360px 50px 0px; font: 11px Verdana; color: #4a809e; background: url(../img/footer_bg.jpg) center top repeat-x; }
	#footer a { color: #1c465e; border-bottom: 1px dashed #4a809e; }
	#footer a:hover { color: #0f3449; border-bottom: 1px dashed #1c465e; }
	
	/* tooltip header */
	#screenshot { position: absolute; margin-left: -175px; padding: 12px; display: none; background: url(../img/tooltip_bg.png) center no-repeat; color: #fff; }