@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg-main2.jpg);
	background-repeat: repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 16px;
	line-height: 130%;
	color: #fff;
}
.clear { clear: both; }
#content {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	position: relative;
	overflow: hidden;
	height: auto;
	background-color:rgba(0,0,0,0.5);
	/*padding: 1rem;*/
	padding-bottom: 2rem;
}
nav {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #3F3F3F;
	border-bottom: thick solid #BFBFBF;
}
nav a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 10.7%;
	text-transform: uppercase;
	color: #FCFCFC;
	font-size: 18px;
	font-weight: normal;
}
nav a:hover {
	color: #6C5C5C;
	font-weight: bold;
}
.galaxy {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 16px;
	line-height: 130%;
	color: #fff;
}
.testing {
	background-color: #B6D7F3;
	opacity: .25;
}
.galaxy p {
	background-color: #000;
	opacity: .75;
	line-height: 175%;
	text-align: right;
	padding: .5rem;
}
h1, h2, h3 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #fff;
	background-color: #000;
	opacity: .75;
	text-align: right;
	padding: 1rem;
	padding-right: 1%;
}
h1 {
	font-size: 3rem;
	text-shadow: 0 1px 0 #B1B1B1;
}
.main { /*outer div*/
	margin: 0 auto;
	width: 1280px;
	height: 864px;
	background-image: url(../images/map.png);
}
.bio { /*outer div*/
	margin: 2rem auto;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 800px;
	background-image: url(../images/cv_bio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.research { /*outer div*/
	margin: 2rem auto;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 700px;
	background-image: url(../images/research1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.teaching { /*outer div*/
	margin: 2rem auto;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 700px;
	background-image: url(../images/teaching2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.mentor { /*outer div*/
	margin: 2rem auto;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 700px;
	background-image: url(../images/mentor.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.dark { /*outer div*/
	margin: 2rem auto;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 700px;
	background-image: url(../images/dark.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.darker { /*outer div*/
	margin: 2rem auto;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 700px;
	background-image: url(../images/darker.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.outreach { /*outer div*/
	margin-top: 2rem;
	/*padding: 2rem;*/
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 662px;
	background-image: url(../images/out-test.jpg);	
	background-repeat: no-repeat;
	background-position: center top;
}
.two-thirds {
	width: 58%;
	float: left;
	margin-right: 2rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
.one-third {
	width: 30%;
	float: left;
	margin-left: 2rem;
	padding-right: 1rem;
	padding-left: 1rem;
	/*text-align: right;*/
	text-transform: uppercase;
	padding-top: 15%;
	/*border-right: thin solid #fff;*/
	position: relative;
	left: 15%;
}
.two-thirds p, .two-thirds li {
	/*background-color: #000;
	opacity: .25;*/
}
.outreach img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: -1;
}
.service { /*outer div*/
	margin: 0 auto;
	width: 1300px;
	height: 800px;
	background-image: url(../images/service.png);
}
.one-third a {
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FCFCFC;
	font-size: 18px;
	font-weight: normal;
}
.one-third a:hover {
	color: #6C5C5C;
	font-weight: bold;
}
