@charset "UTF-8";
/* CSS Document */

	html { width: 100%; height: 100%; position: relative; }
		html .force_scrollbars{ margin-bottom: 1px; }

	body { background-color: #292c2e; color: #333333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; line-height:1.5em; width: 100%; height: 100%;  }

	a { color: #00597c; text-decoration: none; /*border-color: #000000; border-style: dotted; border-width: 0px 0px 1px 0px;*/ }
	a:hover { color: #004059; }
	a h1 { color: #000000; }
	a:hover h1 { color: #CC0000; }

	em{ font-style: italic; }

	h1, h2, h3{ font-family: "Calluna", Georgia, "Times New Roman", Times, serif;  }
		h1 { color: #333333; font-size: 21px; margin: 5px 0px 10px 0px; }
		h2 { font-size: 16px; margin: 0px 0px 10px 0px; }
		h3 { font-size: 14px; margin: 0px 0px 10px 0px; }

	hr { width: 100%; height: 0px; border-width:0px 0px 2px 0px; border-style: solid; border-color:#333333; margin: 0px 0px 25px 0px; }
		hr.header_rule { border-width: 0px 0px 5px 0px; }
		hr.sub_rule { margin-top: 0px; }

	img{ border-width: 0px; }
	
	ol{ list-style: decimal; font-size: 11px; line-height: 21px; }
		ol li{ margin-left: 20px; }
	
	p{ margin: 15px 0; line-height:1.75em; }
		p.leadin{ font-family: Georgia, "Times New Roman", Times, serif; color: #333333; font-size: 16px; line-height:1.5em; margin: 25px 0px 15px 0px;  }
		
	strong{ font-weight:bold; }



/* Content Containers */

	#bios{}
		#bios .image{ background-repeat:no-repeat; background-color:#999999; width:200px; height:400px; border: #333333 1px solid; float:left; }
		#bios p{ line-height: 1.5em; margin: 8px 0px; clear: both; }
		#bios p.title{ font-size: .9em; }
		#bios h3{ color: #00597c; margin: 30px 0px 5px 0px; }
		#bios dl{ font-size: .9em; display: table; margin-bottom: 5px; }
		#bios dt{ float: left; width: 65px; clear: both; border-color: #333333; border-style: solid; border-width: 0px 1px 0px 0px; margin-bottom: 5px; }
		#bios dd{ float: left; margin-left: 10px; margin-bottom: 5px; }
		

	#citations{ display: inline-block; clear: both; font-size: 10px; line-height: 14px; margin: 15px 0px 0px 0px; border-color: #999999; border-style: solid; border-width: 1px 0px 0px 0px; padding: 8px 0px 0px 0px; }
		#citations li{ margin-bottom: 6px; }

	#content { background:url(../img/page_graphics/background.png) repeat #b8bdbd; margin: 0px auto 0px auto; padding: 30px; width: 850px; border: #333333 0px solid; min-height: 650px; display: table;  }
		#content .col1{ width: 410px; float:left; margin-right: 30px; }
		#content .col2{ width: 410px; float:left; }
		#content .single_col{ width: 600px; min-height: 600px; margin-left:30px; display: inline-block; }
	
	#credits{}
		#credits h3 { margin: 30px 0px 0px 0px; }
		.credit_item{ width:100%; clear:both; display:table; margin: 10px 0px 0px 0px; }
		.credit_item_role{ width: 130px; color:#666666; border:#666666; border-width: 0px 1px 0px 0px; border-style: dotted; }
		.credit_item_names{ width: 250px; margin-left: 10px; }
		
	
		

	#footer{ background: url( ../img/page_graphics/nav_bar_tile.png ) repeat-x; height: 30px; overflow:hidden; background-color: #4e585f; color: #111111; font-size: 9px; padding: 0px 0px 0px 10px; display: table; text-align:right; }
		#footer .copyright{ font-size: 10px; display: block; margin: 5px 20px 5px 10px; }
		#footer .copyright a{ color:#222222; text-decoration:underline; }
		#footer .copyright a:hover{ color:#000000; }
		
	#header { background: url( ../img/page_graphics/nav_bar_tile.png ) repeat-x; height: 30px; overflow:hidden; background-color: #4e585f; color: #333333; font-size: 11px; padding: 0px 0px 0px 10px; display: table; width: 900px; margin: 0px auto 0px auto; }
		#header ul { font-size: 11px; padding: 0px 0px 0px 0px; float: right; }
		#header li{ float: left; margin: 0px 0px 0px -2px; }
		#header .logo{ width: 218px; height: 30px; display:block; background: url( ../img/page_graphics/header_title.png ) no-repeat; overflow:hidden; float:left; }
		#header a { color: #e6e2d3; height: 30px; display:block; overflow:hidden; border: none; }
			#header a.map{ background: url( ../img/page_graphics/header_nav_map.png ) no-repeat;width: 56px; }
			#header a.map:hover{ background-position: 0px -30px; }
			#header a.credits{ background: url( ../img/page_graphics/header_nav_credits.png ) no-repeat; width: 79px; }
			#header a.credits:hover{ background-position: 0px -30px; }
			#header a.introduction{ background: url( ../img/page_graphics/header_nav_introduction.png ) no-repeat; width: 244px; }
			#header a.introduction:hover{ background-position: 0px -30px; }

	#homepage{}
		#homepage .map{ margin: 0px 0px 25px 0px; width: 848px; height: 300px; border: #333333 solid 1px; display:block; background: url( ../img/page_graphics/homepage_map.jpg ) no-repeat; overflow: hidden; }
		#homepage a.explore{ background: url( ../img/page_graphics/explore_the_map.png ) no-repeat; display:block; width: 160px; height: 41px; border: none; float: right; }
		#homepage a.explore:hover{ background-position: 0px -41px; }
		#homepage hr.break{ clear: both; visibility: hidden; }
		#homepage hr.sub_rule { margin-bottom: 10px; }
		#homepage h2{ margin: 0; }
		#homepage .article{ display: block; margin-bottom: 2px; }
		

	#map { display: block; width: 100%; height: 100%; min-width: 960px; min-height:600px; max-width: 1400px; max-height: 1024px; margin: 0px auto; }

	#recordList{}
		#recordList .col1{ width: 210px; float:left; margin-right: 30px; }
		#recordList .col2{ width: 610px; float:left; }
		#recordList ul{ padding: 0px 0px; display: table; }
		#recordList li.header{ margin-bottom: 5px; font-weight: bold; }
		#recordList li.entry{ border-color: #666666; border-width: 1px 0px; border-style: solid; padding: 5px 0px; margin-top: -1px; }
		#recordList li.map_entry{ width: 100px; float: left; }
		#recordList li.name{ width: 500px; float: left; }
		

	#volumes{}
		#volumes .image{ background-repeat:no-repeat; background-color:#999999; width:200px; height:400px; border: #333333 1px solid; float:left; }


/* Layout */

	/* Common Layout Elements */
	.hidden{ visibility: hidden; }
	
	.float_left{ float: left; }
	.float_right{ float: right; }
	.margin_zero{ margin: 0px; }
	.std_margin{  margin: 20px 0px 30px 25px;  }
	.std_top_margin{ margin-top: 25px; }
	
	.content_col{ width: 410px; }
	.center_content{ width: 900px; margin: 0px auto 0px auto; }


/* Type */
	.marginTop25{ margin-top: 25px; }



/* Temp */
.coming_soon
{
	margin				: auto;
	width				: 700px;
}