/* ===== Global ===== */



	html {
		margin: 0px;
		padding: 0px;
		height: 100%;
	}


	body {
		margin: 0px auto;
		padding: 0px;
		background: #111111;
		font-family: "Trebuchet MS", verdana, arial, sans-serif;
		font-size: 90%;
		color: #bbbbbb;
	}


	p {
		margin: 0px;
		padding: 0px 0px 25px 15px;
		line-height: 1.7em;
		text-align: justify;
	}


	p.right {
		margin: 0px;
		padding: 0px 15px 25px 0px;
		line-height: 1.7em;
		text-align: right;

	}


	p.center {
		margin: 0px;
		padding: 0px 0px 25px 0px;
		line-height: 1.7em;
		text-align: center;
		clear: both;
	}


	p.left {
		margin: 0px;
		padding: 0px 0px 25px 15px;
		line-height: 1.7em;
		text-align: left;
	}


   	p.tocleft { 
		padding: 0px 0px 0px 0px;
		width: 33%;  
		text-align: left;
		float: left;
	} 


	p.tocright { 
		padding: 0px 0px 0px 0px;
		width: 33%; 
		text-align: right;
		float: right; 
	}


	p.lightertext {
		color: #dddddd;
	}


	p.photocopyright {
		margin: 30px auto 25px auto;
		padding: 5px 10px;
		width: 662px;
		color: #dddddd;
		border: 1px dashed #ff00cc;
		clear: both;
	}


	.safari p.photocopyright {
		width: 666px;
	}


	p.clear {
		clear: both;
	}


	p.clearsearch {
		padding: 0px;
		clear: both;
	}


	p.nojustify {
		text-align: left;
	}


	p.contactheading {
		padding: 0px 15px 10px 30px;
		color: #dddddd;
		font-weight: bold;
	}


	p.contactinfo {
		padding: 0px 15px 25px 70px;
		font-weight: normal;
	}


	p.contactinfonospam {
		padding: 2px 15px 23px 70px;
		font-weight: normal;
	}


	a {
		text-decoration: none;
		outline: none;
	}


	a.italic {
		font-style: italic;
	}


	a:hover {
		text-decoration: none;
		border-bottom: 1px dashed;
	}


	a:hover.nospam {
		border: none;
	}


	img.nospam {
		border: none;
	}


	img.cv {
		margin-bottom: -3px;
	}


	img.right {
		float: right;
		margin: 0px 0px 1.7em 20px;
		padding: 0px;
		border: 1px dotted #bbbbbb;
	}


	img.right2 {
		float: right;
		margin: 0px 0px 1.7em 20px;
		padding: 0px;
		border: 1px dotted #bbbbbb;
		clear: both;
	}



	img.caption {
		float: right;
		margin: -15px 0px 1.7em 20px;
		padding: 0px;
		border: none;
		clear: both;
	}


	img.white {
		border: none;
	}


	img.left {
		float: left;
		margin: 0px 20px 1.7em 0px;
		padding: 0px;
		border: 1px dotted #bbbbbb;
	}





/* ===== Page Container ===== */



	#page-container {
		margin: 5px auto 5px auto;
		padding: 0px;
		width: 900px;
		background: #333333;
		border: 1px solid #ffffff;
	}





/* ===== Above Border Links ===== */



	#above-border-container {
		margin: 0px auto;
		padding: 0px;
		width: 900px;
	}


	#above-border {
		margin: 0px auto;
		padding: 25px 0px 25px 0px;
		width: 900px;
	}


	#above-border p {
		margin: 0px auto;
		padding: 9px 0px 0px 0px;
		line-height: 0px;
	}


	.ie #above-border p {
		padding-bottom: 9px;
		margin-bottom: -9px;
	}


	#above-border p.left { 
		width: 0%; 
		float: left; 
	}


	#above-border p.right { 
		width: 100%; 
		float: right; 
		text-align: center; 
	}


	#above-border a {
		color: #646057;
	}


	#above-border a:hover {
		color: white;
		border: none;
	}





/* ===== Header ===== */



	#header-container-container {
		margin: 0px auto;
		padding: 0px;
		width: 100%;
		height: 176px;
		background: #333333;
	}



	#header-container {
		margin: 0px auto;
		width: 800px;
	}


	#header {
		width: 800px;
		height: 176px;
		background: #333333 url('../images/logo.jpg');
	}


	.ie #header {
		margin-top: -176px;
	}


	#header h1 {
		width: 767px;
		text-align: right;
		margin: 0px;
		padding: 83px 0px 0px 0px;
		font-size: 275%;
		color: white;
		letter-spacing: -2px;
		font-weight: normal;
		position: absolute;
	}


	.ie #header h1 {
		display: none;
	}


	#header h1 span {
		letter-spacing: -1px;
		font-size: 66%;
		font-weight: bold;
		font-style: italic;
	}


	#header h1 a {
		color: white;
		text-decoration: none;
	}


	#header h1 a:hover {
		text-decoration: none;
		border-bottom: none;
	}


	#transparent-box {
		float: right;
		margin-top: 0px;
		width: 500px;
		height: 176px;
		background: #000000;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}


	.ie #transparent-box {
		position: relative;
		z-index: 4;
	}


	#text-box {
		float: right;
		margin-top: -176px;
		width: 500px;
		height: 176px;
		position: relative;
		z-index: 6;
	}


	#text-box h1 {
		display: none;
	}


	.ie #text-box h1 {
		display: inline;
		width: 474px;
		text-align: right;
		margin-top: 83px;
		padding: 0px;
		font-size: 275%;
		color: white;
		letter-spacing: -2px;
		font-weight: normal;
		position: absolute;
	}


	.ie #text-box h1 span {
		letter-spacing: -1px;
		font-size: 66%;
		font-weight: bold;
		font-style: italic;
	}


	.ie #text-box h1 a {
		color: white;
		text-decoration: none;
	}


	.ie #text-box h1 a:hover {
		text-decoration: none;
		border-bottom: none;
	}





/* ===== Navigation Menu ===== */



	#menu {
		margin: 0px auto;
		padding: 0px;
		width: 100%;
		height: 40px;
	}


	#menu ul {
		margin: 0px auto;
		padding: 1px 0px 0px 0px;
		width: 800px;
		line-height: 40px;
		list-style-type: none;
		font-weight: bold;
		text-align: center;
	}


	#menu ul li {
		display: inline;
	}


	#menu ul li a {
		padding: 12px 15px 12px 10px;
		text-decoration: none;
		border-right: 1px dotted #333333;
	}


	#menu ul li a.last {
		padding: 12px 15px 12px 10px;
		text-decoration: none;
		border-right: none;
	}


	#menu ul li a.selected {
		background: #333333;
		color: white;
		border: none;
		margin-left: -5px;
		border-left: 5px solid #333333;
	}


	.safari #menu ul li a.selected {
		border-top: 1px solid #333333;
	}


	.mac.opera #menu ul li a.selected {
		border-top: 1px solid #333333;
	}


	#menu ul li a:hover {
		background: #333333;
		color: white;
		border-bottom: none;
		margin-left: -5px;
		border-left: 5px solid #333333;
	}

	.safari #menu ul li a:hover {
		border-top: 1px solid #333333;
	}


	.mac.opera #menu ul li a:hover {
		border-top: 1px solid #333333;
	}





/* ===== 1 Column Main Content ===== */



	#main-container {
		margin: 0px auto;
		padding: 0px;
		width: 100%;
		background: #333333;
	}



	#main {
		margin: 0px auto;
		width: 800px;
		padding: 30px 0px;
	}


	#main a {
		font-style: italic;
	}


	#main h1 {
		margin: 0px 0px 30px 0px;
		padding: 0px 10px;
		font-size: 200%;
		font-weight: normal;
		letter-spacing: -2px;
		border-left: 5px solid;
		background: #444444;
		width: 400px;
		text-align: left;
		float: left;
	}


	.ie #main h1 {
		margin-bottom: 0px;
	}


	.searchright { 
		padding: 7px 15px 6px 0px;
		width: 360px; 
		background: #444444;
		text-align: right;
		float: right; 
	}


	.safari .searchright { 
		padding-bottom: 0px;
		height: 26px;
	}


	.opera .searchright { 
		padding-bottom: 0px;
		height: 30px;
	}


	.mac.opera .searchright { 
		padding-bottom: 0px;
		height: 26px;
	}


	.ie .searchright { 
		padding-bottom: 0px;
		height: 30px;
	}


	#main h2 {
		margin: 0px 0px 30px 0px;
		padding: 0px;
		color: #dddddd;
		font-size: 175%;
		letter-spacing: 0px;
		font-weight: normal;
		font-style: italic;
		border-bottom: 1px dashed;
		
	}



	#main h3 {
		margin: 0px;
		padding: 30px 0px 30px 0px; 
		font-size: 200%;
		font-weight: bold;
		font-variant: small-caps;
		text-align: center;
		color: #dddddd;
		clear: both;
	}


	#main h4 {
		margin: 0px 0px 15px 0px;
		padding: 0px 10px;
		font-size: 150%;
		font-weight: normal;
		color: #dddddd;
		letter-spacing: -1px;
		border-left: 3px solid;
		background: #444444;
		clear: both;
	}





/* ===== unordered list for homepage and research page ===== */



	#indexlist ul {
		margin: 0px 0px 0px 23px;
	  	padding: 0px;
	}


	#indexlist ul li {
		list-style-type: square;
		margin: 0px 0px 6px 5%; 
		padding: 0px;
	}


	#indexlist p {
		margin: 0px;
		padding: 0px 0px 8px 15px;
	}





/* ===== block quote ===== */



	blockquote {
		margin: 0px 0px 16px 2.5%; 
		padding: 0px 0px 0px 2.5%;
		line-height: 1.7em;
		border-left: 3px solid;
		background: #444444;
	}


	blockquote.researchfirst {
		width: 450px;
	}


	p.bq {
		margin: 0px;
		padding: 0px 2.5% 0px 0px;
		line-height: 1.7em;
	}





/* ===== CV ===== */



	#main p.zeroa {
		margin: 0px;
		padding: 0px 8px 5px 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		float: left;
	}


	#main p.zeroa2 {
		margin: 0px 0px 6px 0px;
		padding: 0px 8px 5px 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		float: left;
	}


	#main p.zerob {
		margin: -6px 0px 0px 0px;
		padding: 0px 8px 50px 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		float: left;
		clear: both;
	}


	#main p.onea {
		margin: 0px; 
		padding: 0px 0px 30px 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 5%;
		clear: both;
	}


	#main p.oneb {
		margin: 0px; 
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 5%;
		clear: both;
	}


	#main p.onec {
		margin: 0px; 
		padding: 0px 0px 50px 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 5%;
		clear: both;
	}


	#main p.oned {
		margin: 0px 25% 50px 5%;
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.onee {
		margin: 0px 0px 50px 5%;
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.onef {
		margin: 0px 25% 30px 5%;
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.oneg {
		margin: 0px 35% 30px 5%;
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.oneh {
		margin: 0px 35% 5px 5%;
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.oneh2 {
		margin: 0px 25% 0px 5%; 
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.onei {
		margin: 0px 5% 5px 5%;
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 0%;
		clear: both;
	}


	#main p.twoa {
		margin: 0px 13.5% 0px 10%; 
		padding: 0px; 
		font-size: 100%;
		font-weight: normal;
		text-align: left;
	}


	#main p.twob {
		margin: 0px 15% 30px 10%; 
		padding: 0px; 
		font-size: 100%;
		font-weight: normal;
		text-align: left;
	}


	#main p.twoc {
		margin: 0px 15% 50px 10%; 
		padding: 0px; 
		font-size: 100%;
		font-weight: normal;
		text-align: left;
	}


	#main p.three {
		margin: 0px; 
		padding: 0px 0px 50px 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 15%;
		clear: both;
	}


	#main p.aligna {
		margin: 0px; 
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 13%;
		clear: both;
	}


	#main p.alignb {
		margin: 0px 0px 30px 0px; 
		padding: 0px;
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		text-indent: 13%;
		clear: both;
	}


	#main p.cvlefta {
		margin: 0px;
		padding: 0px 0px 0px 5%;
		font-size: 100%;
		text-align: left;
		float: left;
	}


	#main p.cvleftb {
		margin: 0px 0px 0px 0px;
		padding: 0px 8px 50px 0px;
		font-size: 110%;
		text-align: left;
		float: left;
	}


	#main p.cvrighta {
		margin: 0px;
		padding: 0px 5% 0px 0px;
		font-size: 100%;
		text-align: right;
		float: right;
	}


	#main p.cvrightb {
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 50px 8px;
		font-size: 110%;
		text-align: right;
		float: right;
	}


	#main p.cvrightc {
		margin: 0px; 
		padding: 0px 0px 0px 8px;
		font-size: 100%;
		font-style: italic;
		text-align: right;
		float: right;
	}


	#main p.cvrightd {
		margin: -6px 0px 0px 0px; 
		padding: 0px 0px 50px 8px;
		font-size: 100%;
		font-style: italic;
		text-align: right;
		float: right;
	}





/* ===== Vertical Navigation ===== */



	#vertical-nav {
		float: left;
		width: 250px;
		background: #333333;
	}


	#vertical-nav ul {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		list-style-type: none;
	}


	#vertical-nav ul li a {
		display: block;
		margin: 0px;
		padding: 10px 15px;
		width: 220px;
		color: #FFF;
		text-decoration: none;
		border: none;
	}


	#vertical-nav ul li a.sub {
		display: block;
		margin: 0px;
		padding: 2px 25px;
		width: 200px;
		color: #999;
		text-decoration: none;
		border: none;
	}


	#vertical-nav ul li a:hover.sub {
		background: #444444;
		color: #FFF;
	}


	#vertical-nav ul li a:hover {
		background: #6495ed;
		color: #FFF;
	}





/* ===== Footer ===== */



	#footer-container {
		margin: 0px auto;
		padding: 0px;
		width: 900px;
	}


	#footer {
		margin: 0px auto;
		padding: 10px 0px 50px 0px;
		width: 880px;
	}


	#footer p {
		margin: 0px auto;
		padding: 9px 0px;
		line-height: 0px;
	}


	#footer p.left { 
		width: 33%; 
		float: left; 
	}


	#footer p.right { 
		width: 33%; 
		float: right; 
		text-align: right; 
	}


	#footer a {
		color: #646057;
	}


	#footer a:hover {
		color: white;
		border: none;
	}