/* CSS Document */
body {
 background-color:#FFFFFF;
 color: #333333;
 text-align:center;
 padding:0;
}
.skiplink {
display:none
}
#outer {
	text-align:left;
	width:800px;
	margin:auto;
	color:#000000;
	background-color: #FFFFFF;
	border-right:#000033 1px solid;
	border-bottom:#000033 1px solid;
 }
#hdr {
 height:89px;
 background:#eeeeee;
 color: #333333;
}
#bioDirectory {
	width:140px;
	float:left;
	height:150px;
	padding-left:5px;
	margin-top:25px;
	padding-top:5px;
	padding-right: 3px;
}
#clearAll {
clear:both; height:1px; margin-bottom:-1px;
}
.biosmalltext {
font-size:9px;
}
li {
font-size:10px;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#l-col {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
}
#l-col_bio {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
	height: 1300px;
}
#l-col_news {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
	height: 1800px;
}
#l-col_pub {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
	height: 3000px;
}
#l-col_pub {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
	height: 3000px;
}
#l-col_survey {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
	height: 3800px;
}
#l-col_bioedit {
	float:left;
	color: #333333;
	width:109px;
	background-color: #5A0202;
	height: 1200px;
}
#bar {
	float:left;
	width:100%;
	color:#000000;
	background-color: #211F32;
	height:10px;
}
.imageBar {
	padding-left: 1px;
	float: left;
	padding-top: 20px;
}
.imageBarNav {
	float: left;
	padding-top: 20px;
}
#mainPageText {
	/*
	background-image:url(../images/background.gif);
	background-repeat:no-repeat;
	background-position:center;*/
	width:93%;
	height: 200px;
	float: left;
	padding-left: 15px;
	padding-top: 25px;
	padding-right: 10px;
}
#mainText {
	width:93%;
	height: 200px;
	float: left;
	padding-left: 10px;
	padding-top: 25px;
	padding-right: 10px;
}
#content {
	width:93%;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
}
#content a {
	color:#6A0406;
}
.imgAlgnL {
float:left;
padding-right:5px;
}
.imgAlgnM {
padding-left:10px;
}
.imgAlgnM2 {
padding-left:30px;
}
.imgAlgnR {
float:right;
padding-left:5px;
}
.imgPDFfix {
float:right;
padding-right: 35px;
}
#mainPageText a {
	color:#6A0406;
}
#cont {
	width:685px;
	background:#ffffff;
	color: #333333;
	text-align:left;
	float: left;
	padding-left: 2px;
}
#cont_bio {
	width:640px;
	background-color:#ffffff;
	color: #333333;
	text-align:left;
	float: left;
	padding-left: 5px;
	display: block;
	
}
#cont_directory {
	width:685px;
	height: 700px;
	background-color:#ffffff;
	color: #333333;
	text-align:left;
	float: left;
	padding-left: 3px;
	
}
#bioLeft {
width:200px;
background-color: #FFFFFF;
padding-left:5px;
float:left;
margin-top: 20px;
color:#000000;
}
#bioRight {
width:460px;
background-color: #FFFFFF;
padding-left:5px;
float:left;
margin-top: 20px;
color:#000000;
}
#bioRightPanel {
width:470px;
background-color: #FFFFFF;
padding-left:5px;
float:left;
text-align:right;
margin-top: 20px;
color:#000000;
}
#hdr {
	height:89px;
	background:#eeeeee;
	color: #333333;
	width: 100%;
}

#bodyblock {
	position:relative;
	color: #000000;
	width:100%;
	padding:0;
	background-color: #FFFFFF;
	height: 100%;
}
/* Image rollovers ************************************************* */
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

#rollover {
float:left;
width:132px;
height:78px;
font-size: 11px;
}
#navbar {
float:left;
width:22px;
}
#imgCaptionfive {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 573px;
padding:4px;
font-size:11px;
font-style:italic;
float:left;
}
#imgCaptionTwo {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 280px;
padding:4px;
font-size:11px;
font-style:italic;
float:left;
}
#imgCaptionWorld {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 360px;
padding:4px;
font-size:11px;
font-style:italic;
float:right;
}
#imgCaptionTwoR {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 280px;
padding:4px;
font-size:11px;
font-style:italic;
float:right;
}
#imgCaptionSmall {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 220px;
padding:4px;
font-size:11px;
font-style:italic;
float:left;
}
#imgCaptionChip {
margin-right: 5px;
color:#000000;
width:620px;
padding:4px;
font-size:11px;
font-style:italic;
margin-top:20px;
float:left;
}
#menucenterapp {
margin-left:20px;
padding:15px;
width:500px;
border:#CCCCCC thin solid; 
}
#menucenterapproach {
	margin-left:20px;
	width:400px;
	border:#CCCCCC thin solid;
	padding: 5px;
}
#menucenter {
margin-left:20px;
padding:15px;
border:#CCCCCC thin solid; 
}
#menucenterlrg {
margin-left:5px;
padding:5px;
border:#CCCCCC thin solid; 
}

#imgCaptionSmallR {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 220px;
padding:4px;
font-size:11px;
font-style:italic;
float:right;
}

#imgCaptionThree {
	border:#CCCCCC thin solid;
	color:#000000;
	width: 305px;
	padding:4px;
	font-size:11px;
	font-style:italic;
	float:left;
	margin-right: 5px;
}
#imgCaptionThreeR {
margin-right: 5px;
border:#CCCCCC thin solid; 
color:#000000;
width: 305px;
padding:4px;
font-size:11px;
font-style:italic;
float:right;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rollover a {
	text-decoration:none;
	color:#FFFFFF;
	height:78px;
	width:132px;
	background-image:url(../images/cssapproach.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#rollover a:hover { 
background-position: 0 -78px;
}
#rolloverimplant {
float:left;
width:132px;
height:78px;
font-size: 11px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverimplant a {
text-decoration:none;
color:#000000;
height:78px;
width:132px;
background-image:url(../images/cssimplant.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverimplant a:hover { 
background-position: 0 -78px;
}
#rolloverresearch {
float:left;
width:132px;
height:78px;
font-size: 11px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverresearch a {
text-decoration:none;
color:#000000;
height:78px;
width:132px;
background-image:url(../images/cssresearch.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverresearch a:hover {
background-position: 0 -78px;
}
#rolloverprogress {
float:left;
width:132px;
height:78px;
font-size: 11px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverprogress a {
text-decoration:none;
color:#000000;
height:78px;
width:132px;
background-image:url(../images/cssprogress.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverprogress a:hover {
background-position: 0 -78px;
}
#rolloverdirectory {
float:left;
width:132px;
height:78px;
font-size: 11px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverdirectory a {
text-decoration:none;
color:#000000;
height:78px;
width:132px;
background-image:url(../images/cssdirectory.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverdirectory a:hover {
background-position: 0 -78px;
}

#rolloverbiology {
float:left;
width:120px;
padding-right:15px;
height:78px;
font-size: 11px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverbiology a:hover { 
background-position: 0 -78px;
}
#rolloverbiology a {
text-decoration:none;
padding-right:15px;
color:#000000;
height:78px;
width:120px;
background-image:url(../images/cssbiology.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverengineer{
float:left;
width:120px;
padding-right:15px;
height:78px;
font-size: 11px;
}
#rolloverengineer a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverengineer a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/cssengineer.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverrehab {
float:left;
width:150px;
height:78px;
font-size: 11px;
}
#rolloverrehab a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverrehab a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/cssrehab.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverinteract {
float:left;
width:120px;
padding-right:15px;
height:78px;
font-size: 11px;
}
#rolloverinteract a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverinteract a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/interact.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverhistory {
float:left;
width:120px;
padding-right:15px;
height:78px;
font-size: 11px;
}
#rolloverhistory a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverhistory a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/history1.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverapproachchip {
float:left;
width:120px;
padding-right:15px;
height:78px;
font-size: 11px;
}
#rolloverapproachchip a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverapproachchip a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/ourapproach.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverourimplant {
float:left;
width:120px;
padding-right:15px;
height:78px;
font-size: 11px;
}
#rolloverourimplant a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverourimplant a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/ourimplant.jpg);
background-repeat:no-repeat;
float:left;
}

#rolloveramd {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloveramd a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloveramd a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/amd.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverrp {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverrp a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverrp a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/retinitis.jpg);
background-repeat:no-repeat;
float:left;
}
#rollovercataracts {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rollovercataracts a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rollovercataracts a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/cataracts.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverdp{
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverdp a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverdp a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/diabetic.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverglaucoma {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
	position:absolute;
}
#rolloverglaucoma a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverglaucoma a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/glaucoma.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverinvitro {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverinvitro a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverinvitro a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/invitro.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverinvivo {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverinvivo a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverinvivo a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/invivo.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloversurgical {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloversurgical a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloversurgical a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/surgical.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverneuro {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverneuro a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverneuro a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/neuroimaging.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverprogresseng {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverprogresseng a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverprogresseng a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/engineering.jpg);
background-repeat:no-repeat;
float:left;
}
#rolloverhumantest {
	float:left;
	width:120px;
	padding-right:15px;
	height:78px;
	font-size: 11px;
	padding-top: 10px;
}
#rolloverhumantest a:hover { 
background-position: 0 -78px;
}
/*float the anchor tags left also, it will appear as if they are displaying inline, and then set the padding values*/
#rolloverhumantest a {
text-decoration:none;
color:#000000;
height:78px;
width:120px;
padding-right:15px;
background-image:url(../images/humantests.jpg);
background-repeat:no-repeat;
float:left;
}
/* publications styles*/
#pubtitle {
width: 315px;
background-color:#CCCCCC;
border-color:#000033;
border-style:solid;
border-width:1px;
margin-left:5px;
float:left;
height:55px;
}
#centerimages {
padding-left:30px;
}
#pubtitle a {
color:#000033;
}
#pubdate {
width: 130px;
background-color:#CCCCCC;
border-color:#000033;
border-style:solid;
border-width:1px;
padding-left:5px;
float:left;
height:55px;
}
#newsletter {
	background-color:#EAEAEA;
	color:#000000;
	border:#333333 solid 1px;
width: 600px;
	padding:3px;
	width: 600px;
	margin-left: 3px;
}
#newsletter a {
color:#000033;
text-decoration:underline;
}
#pubdownload {
width: 100px;
border-color:#000033;
border-style:solid;
border-width:1px;
background-color:#CCCCCC;
padding-left:5px;

float:left;
height:55px;
}
#pubdownload a {
background-color:#CCCCCC;
}
#pubtitletop {
width: 315px;
background-color:#999999;
border-color:#000033;
border-style:solid;
border-width:1px;
margin-left:5px;
float:left;
}
#pubdatetop {
width: 130px;
background-color:#999999;
border-color:#000033;
border-style:solid;
border-width:1px;
padding-left:5px;
float:left;
}
#pubdownloadtop {
width: 100px;
border-color:#000033;
border-style:solid;
border-width:1px;
background-color:#999999;
padding-left:5px;
float:left;
}
#deleteBox {
width:450px;
background-color:#FFFF99;
}