html, body {
	height: 100%; 
	width: 100%; 
	background-color: black;}

* {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

a {text-decoration: none; color: #aaa;}
a:hover {color: white;}
a:active {color: white;}
ul {list-style: none;}
.clear {float: left; clear: both; }
.clear_8 {float: left; clear: both; height: 8px;}

#content {
	font-family: trebuchet, sans-serif;
	font-size: .85em;
	letter-spacing: .12em;
	}

.gray_stripe {
	height: 5px;
	width: 100%;
	background-color: #222;
}

#index_logo {
	width: 350px;
	height: 388px;
	margin: 150px auto;
}

#second_row td{
	float: left;
}

.narrow_stripe{
	position: absolute;
	top: 32px;
	height: 1px;
	width: 100%;
	background-color: #ccc;
}

.nav_menu  {width: 580px;
	margin: auto;}
	
.nav_menu li{display: block; 
	float: left; 
	clear: right;
	font-size: 1.1em;
	letter-spacing: .09em;
	font-weight: bold;     
	color: #aaa;
	padding: 12px 50px 0 0;
}

p {	color: #555; 
	margin: 12px 0 0 0; 
	line-height: 1.2em; 
	font-size: 1em; 
	letter-spacing: .1em;}

.contact{
	margin: 150px auto;
	width: 225px;
	color: #444;
	text-align: left;
}

#mission_statement {
	margin: 80px 0;
}
#mission_statement p{
	margin: 12px auto;
	width: 50%;
	min-width: 500px;
	color: #777;
	line-height: 1.2em;
	font-size: 1em;
	letter-spacing: .1em;}
	
#graphic_frame {
	position: relative;
	top: 70px;
	width: 600px;
	margin: auto;
	}

	#graphic_frame img{
	width: 600px;
	margin: auto;}


#content_wrapper{
	width: 100%;
	padding: 50px 0 36px 0;
}

.bio {
	width: 100%;
	margin: 60px 0 18px 0;
}

.bio p{
	width: 60%;
	margin: 18px 9% 0px 31%;
}

.bio img{
	width: 18%;
	margin: 0px 4% 0px 9%;
	border: 1px solid grey;
	float: left;
	clear: left;
	max-height: 150px;
	max-width: 150px;
}

.title {
	height: 20px;
	margin: 2px 9% 0 31%;
	font-size: 1em;
	color: #444;
	}

.name {
	width: 60%;
	border-bottom: 1px solid #333;
	color: #777;
	margin: 0px 0 0 31%;
}

.email {
	width: 70px;
	height: 15px;
	color: #444;
	margin: 2px 15% 0 0;
	float: right;
	clear: right;
}

.image_title{
	margin: 4px 0 12px 0;
	float: left;
	clear: both;
	height: 25px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: .1em;
	width: 100%;
	text-align: center;
	background-color: #111;
	border: solid 2px #111;
	}

.light_gray {
	color: #aaa;
	font-weight: bold;
}

.data_source {
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
	font-size: .8em;
	color: #333;
}

/* biblio related styling */
.heading1 {
	font-size: 1.5em;
	color: #bbb;
	width: 95%;
	min-width: 150px;
	float: right;
	clear: both;
	text-align: left;
	border-bottom: 2px solid #bbb;
	margin: 18px 0;
	letter-spacing: .18em;
	
}

.heading2 {
	font-size: 1.3em;
	color: #777;
	width: 15%;
	min-width: 80px;
	float: left;
	clear: both;
	border-bottom: 1px solid #777;
	text-align: right;
	margin: 0px 0;
}

.reference {
	width: 86%;
	min-width: 550px;
	float: right;
	clear: both;
	text-align: left;
	margin: 1.1em 0 1.1em 0;
}

.list_block {
	display: block;
}

.list_block li{
	float: left;
	clear: none;
	margin: 0 .6em 0 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #777;
}

.reference_link a{color: #bbb; font-weight: bold;}
.refernece_link a:hover{color: #444;}
.reference_link a:active {color: #fff;}
.refernece_link a:visited{color: #222;}
/* end reference related styling */


#footer {
	position: absolute;
	bottom: 5px;
	width: 100%;
	color: #bbb;
	text-align: center;
	font-size: 1.8em;
}
	
#copyright {
	width: 100%;
	margin: 48px 0 0 0;
	color: #4a4a4a;
	font-size: .7em;
	float: left;
	clear: both;
	text-align: center;
	border-bottom: 1px solid #333;
}