/* CSS Document */
body {
 background-color: #000000;
 color: #FFFFFF;
 text-align:center;
 padding:0;
}
p {
color:#FFFFFF;
}
p a{
color:#FFFF00;
}
#outer {
	text-align:left;
	width:800px;
	margin:auto;
	color:#FFFFFF;
	background-color: #000000;
 }
#newsletter {
	background-color:#000000;
	color:#FFFFFF;
	border:#333333 solid 1px;
width: 520px;
	padding:3px;
	width: 600px;
	margin-left: 3px;
}
#hdr {
 height:89px;
 background:#eeeeee;
 color: #333333;
}

#l-col {
	float:left;
	color: #333333;
	width:109px;
	background-color: #280000;
}
#l-col_news {
	float:left;
	color: #333333;
	width:109px;
	background-color: #280000;
	height: 1800px;
}
#l-col_bio {
	float:left;
	color: #333333;
	width:109px;
	background-color: #280000;
	height: 1300px;
}
#l-col_pub {
	float:left;
	color: #333333;
	width:109px;
	background-color: #280000;
	height: 3000px;
}
#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 {
	width:93%;
	float: left;
	padding-left: 15px;
	padding-top: 25px;
	padding-right: 10px;
	background-color: #000000;
	color: #FFFFFF;
}
#content {
	background-color: #000000;
	color:#FFFFFF;
	width:93%;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
}
#content a {
	color:#FFFFFF;
}
.imgAlgnL {
float:left;
padding-right:5px;
}
.imgAlgnR {
float:right;
padding-left:5px;
}
.imgAlgnM {
padding-left:10px;
}
.imgAlgnM2 {
padding-left:30px;
}
#mainPageText a {
	color:#FFFFFF;
}
.imgPDFfix {
float:right;
padding-right: 35px;
}
#cont {
	width:685px;
	background-color: #000000;
	color: #FFFFFF;
	text-align:left;
	float: left;
	padding-left: 2px;
}
#cont_bio {
	width:640px;
	background-color:#000000;
	color: #FFFFFF;
	text-align:left;
	float: left;
	padding-left: 5px;
	
}
#cont_directory {
	width:685px;
	height: 700px;
	background-color:#000000;
	color: #FFFFFF;
	text-align:left;
	float: left;
	padding-left: 5px;
	
}
#bioLeft {
width:200px;
background_color: #000000;
padding-left:5px;
float:left;
margin-top: 20px;
color:#FFFFFF;
}
#bioRight {
width:470px;
background_color: #000000;
padding-left:5px;
float:left;
margin-top: 20px;
color:#FFFFFF;
}
#bioRightPanel {
width:470px;
background_color: #000000;
padding-left:5px;
float:left;
text-align:right;
margin-top: 20px;
color:#FFFFFF;
}
#hdr {
	height:89px;
	background:#eeeeee;
	color: #333333;
	width: 100%;
}
#menucenter {
margin-left:20px;
padding:15px;
border:#CCCCCC thin solid; 
}
#menucenterapp {
margin-left:20px;
padding:15px;
width:500px;
border:#CCCCCC thin solid; 
}
#bodyblock {
	position:relative;
	color: #FFFFFF;
	width:100%;
	padding:0;
	background-color: #000000;
	height: 100%;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
/* Image rollovers ************************************************* */
#bioDirectory {
	width:140px;
	height:100px;
	float:left;
	padding-left:5px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom: 75px;
	padding-right: 3px;
}
#rollover {
float:left;
width:132px;
height:78px;
font-size: 11px;
}
#navbar {
float:left;
width:22px;
}
/*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;
}
.skiplink {
display:none
}
#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;
}
#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;
}