@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #534741;
	font-size: 14px;
	line-height: 25px;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #534741;
	padding-top: 75px;
	height: 100px;
}

#logo {
	position: absolute;
	top: 100px;
	left: 0px;
}

#email {
	position: absolute;
	top: 544px;
	width: 100px;
	left: 35px;
}

#aboutText {
	position: absolute;
	top: 230px;
	width: 600px;
	right: 0px;
}

#reviewText {
	position: absolute;
	top: 230px;
	width: 400px;
	right: 0px;
}

#portrait {
	position: absolute;
	top: 235px;
	left: 35px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 238;
	height: 290;
}

#bc1 {
	position: absolute;
	top: 235px;
	left: 35px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 182;
	height: 276;
}

#caption1 {
	position: absolute;
	top: 535px;
	left: 35px;
	vertical-align: top;
	width: 200px;
	font-size: 13px;
}

#bc2 {
	position: absolute;
	top: 235px;
	left: 275px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 182;
	height: 276;
}

#caption2 {
	position: absolute;
	top: 535px;
	left: 275px;
	vertical-align: top;
	width: 200px;
}

#bc3 {
	position: absolute;
	top: 700px;
	left: 35px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 182;
	height: 276;
}

#caption3 {
	position: absolute;
	top: 1000px;
	left: 35px;
	vertical-align: top;
	width: 210px;
}

#bc4 {
	position: absolute;
	top: 700px;
	left: 275px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 182;
	height: 276;
}

#caption4 {
	position: absolute;
	top: 1000px;
	left: 275px;
	vertical-align: top;
	width: 215px;
}

#bc5 {
	position: absolute;
	top: 1190px;
	left: 35px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 182;
	height: 276;
}

#caption5 {
	position: absolute;
	top: 1490px;
	left: 35px;
	vertical-align: top;
	width: 210px;
}

#bc6 {
	position: absolute;
	top: 1190px;
	left: 275px;
	vertical-align: top;
	box-shadow: 5px 5px 5px #736256;
	width: 182;
	height: 276;
}

#caption6 {
	position: absolute;
	top: 1490px;
	left: 275px;
	vertical-align: top;
	width: 210px;
}

#nav {
	position:absolute;
	top:135px;
	right:0px;
	width:290px;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#534741;
	text-align:right;
	z-index:auto;
	letter-spacing: 1px;
	text-decoration: none;
} 

#nav li {
	display:inline;
	padding:0;
	margin:0;
}

#nav a:link,
#nav a:visited {
	color:#534741;
	text-transform:uppercase;
	text-decoration: none;
}

#nav a:hover {
	color:#00928f;
	text-decoration: none;
}
	
#about #nav-about a,
#publications #nav-publications a,
#bio #nav-bio a {
	color:#00928f;
	font-weight: bold;
	text-decoration: none;
}

#about #nav-about a:hover,
#publications #nav-publications a:hover,
#bio #nav-bio a:hover {
	color:#00928f;
	font-weight: bold;
	text-decoration: none;
}

#bioMenu {
	position: absolute;
	top: 222px;
	width: 250px;
	left: 60px;
	text-align: right;
	vertical-align: text-top;
	line-height: 40px;
}