/*============================================================================== 
 * Typography
==============================================================================*/


#content {
	font-size: 85%;
	}
	
#maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.5em;
	padding: 15px 0 15px 0;
	text-align: left;
	}
	
.subtitle {
	color: #666;
	font-size: 58%;
	letter-spacing: 0.15em;
	font-weight: bold;
	vertical-align: .15em super;
	}
	
h2 {
	padding: 15px 0 0 0;
	width: 352px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #41767a;
	font-size: 100%;
	float: left;
	}
	
#content p   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	padding: .75em 0;
	width: 352px;
	}	
		
#footer {
	font-size: 100%;
	}
	
				
/* Links
----------------------------------------------------------------------------- */
	
	
	
/*============================================================================== 
 * Content
==============================================================================*/

#content {
	margins: 0;
	padding: 0;
	}

#photo {
	float: left;
	/*top: 89px;*/
	background: url(../images/bio_thumbs.jpg) no-repeat left;
	width: 391px;
	height: 464px;
	position: relative;
	}
	
#factinfo {
	float: left;
	width: 230px;
	margin-left: 165px;
	padding: 0;
	border-left: 2px solid #CCC;
	}
	
#maintext {
	width: 380px;
	float: right;
	padding-bottom: 25px;
	}
	
#barheading {
	float: left;
	width: 380px;
	}	
		
/* divider bar begin */	
#dividerbar {
	display: block;
	background-color: #93C6C9;
	float: right;
	width: 380px;
	height: 19px;
	}
	
#grayline {
	float: right;
	width: 380px;
	padding-bottom: 4px;
	border-bottom: 2px solid #cfcfcf;
	}	
/* divider bar end */	

#callout {
	background: url(../images/callout.jpg) no-repeat bottom left;
	width: 380px;
	height: 89px;
	}
	
/* Rollovers
----------------------------------------------------------------------------- */


#photo ul {
	list-style: none;
	float: left; /* For IE6 */
	}
#photo a {
	position: absolute;
	width: 118px;
	height: 118px;
	text-indent: -1000em;
	}
#photo .photo1 a {
	top: 89px;
	left: 17px;
	}
#photo .photo2 a {
	top: 89px;
	left: 145px;
	}
#photo .photo3 a {
	top: 89px;
	left: 273px;
	}
#photo .photo4 a {
	top: 217px;
	left: 17px;
	}
#photo .photo5 a {
	top: 217px;
	left: 145px;
	}
#photo .photo6 a {
	top: 217px;
	left: 273px;
	}
#photo .photo7 a {
	top: 346px;
	left: 17px;
	}
#photo .photo8 a {
	top: 346px;
	left: 145px;
	}
#photo .photo9 a {
	top: 346px;
	left: 273px;
	}