<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* from lightbox.css  */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer&gt;#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

@charset "UTF-8";

/* From styles.css */

/* CSS Document */

html{overflow-y:scroll;}
html{overflow:-moz-scrollbars-vertical;}

body {
margin: 0px;
padding: 0px;
background-color: #111;
border-top: 25px solid #111;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #333;
}

#header, #footer {
margin: 0px auto;
position: relative;
width: 750px;
}

#header {display: none; width: 750px; height: 310px; background:url(../headers/01.jpg) top left no-repeat;}
#header span {display: none;}



/* menu */

#menu {
	display: none;
margin: 0px;
padding: 0px 40px;
margin-top: 200px;
width: 670px;
height: 110px;
float: left;

background:url(../images/header.gif) top left no-repeat;
background-color: #84be6a;
}

#menu li {margin-top: 70px; list-style-type: none; float: left; height: 40px; line-height: 40px; cursor: pointer;}
#menu li a {display: block; text-decoration: none;}
#menu a:hover, #menu a.current {background-position: 0 -40px;}
#menu a span {display: none;}

a#about {width: 85px; height: 40px; background:url(../images/nav_about.gif) no-repeat;}
a#partners {width: 105px; height: 40px; background:url(../images/nav_partners.gif) no-repeat;}
a#team {width: 80px; height: 40px; background:url(../images/nav_team.gif) no-repeat;}
a#components {width: 130px; height: 40px; background:url(../images/nav_components.gif) no-repeat;}
a#photos {width: 90px; height: 40px; background:url(../images/nav_photos.gif) no-repeat;}
a#facts {width: 80px; height: 40px; background:url(../images/nav_facts.gif) no-repeat;}
a#contact {width: 100px; height: 40px; background:url(../images/nav_contact.gif) no-repeat;}


/* container */

#container {
margin: 0px auto;
padding: 0px;
position: relative;
width: 750px;
background-color: #fff;
}

#researchtopics {
float: left;
width: 195px;
margin: 0px;
padding: 0px;
}


#res_head {border-top: 20px solid #ff0000;}
#res_head {display: block; width: 195px; height: 20px; background:url(../images/res_head.gif) no-repeat;}
#res_head {border-bottom: 14px solid #ff0000;}


#res_nav {margin: 0px; padding: 0px; width: 195px;}

#res_nav a {display: block; height: 40px; line-height: 40px; cursor: pointer;}
#res_nav a {border-bottom: 3px solid #ff0000;}

#res_nav a:hover, #res_nav a.current {background-position: 0 -40px;}
#res_nav a span {display: none;}

a#res_nav01 {width: 195px; height: 40px; background:url(../images/res_nav01.gif) no-repeat;}
a#res_nav02 {width: 195px; height: 40px; background:url(../images/res_nav02.gif) no-repeat;}
a#res_nav03 {width: 195px; height: 40px; background:url(../images/res_nav03.gif) no-repeat;}
a#res_nav04 {width: 195px; height: 40px; background:url(../images/res_nav04.gif) no-repeat;}



/* content */

#content {
position: relative;
float: left;
padding: 0px 30px;
width: 90%;

height: auto !important;
height: 400px;
min-height: 400px;

background-color: #fff;
}

#content a {cursor: pointer; text-decoration: underline; color: #009900;}
#content a:hover {text-decoration: underline; color: #78ab46;}

#content a.file {background: url(../images/file.gif) left bottom no-repeat; padding-left: 16px;}

#content p {padding-bottom: 2px;}


#content h1 {
font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;
color: #ff0000;
font-size: 17pt;
padding-bottom: 9px;
margin-bottom: -5px;
border-bottom: 1px dotted #608341;
}

#content h3 {
font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;
color: #608341;
font-size: 14pt;
line-height: 16pt;
margin-bottom: 3px;
}

#content .creds {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #ff0000;
font-size: 7pt;
}


#content .header {margin-left: -15px;}
#content .red {color: #ff0000;}
#content .darkred {color: #bb0000;}

#content ul li {list-style-image: url(../images/bullet.gif); padding-right: 35px; padding-bottom: 2px;}
#content ul li.check {list-style-image: url(../images/check.gif); padding-right: 35px; padding-bottom: 2px;}

#content table tr td {vertical-align: top; padding-top: 14px;}

#tab1 {padding: 0 25px; padding-bottom: 3px;}


#subnav {padding-top: 11px; border-bottom: 21px solid #fff;}
#subnav a {cursor: pointer; text-decoration: underline; color: #84be6a;}
#subnav a:hover {text-decoration: underline; color: #608341;}



/* photos */

#photogallery {
margin-left: 25px;
}

#photogallery #img {
float: left;
width: 100px;
height: 75px;
padding: 5px;
text-align: center;
}

#photogallery img {
border: none;
}



/* clear, footers */

#clear {
clear: both;
display: block;
width: 750px;
height: 50px;
background: url(../images/footer.gif) top left no-repeat;
}

#clear span {display: none;}
#clear a {display: block; width: 125px; height: 50px; margin-left: 40px;}

#footer {

text-align: center;
font-size: 10px;
line-height: 15px;
color: #666;
border-top: 10px solid #111;
border-bottom: 20px solid #111;
}

#footer a {text-decoration: none; color: #666;}
#footer a:hover {text-decoration: none; color: #ccc;}

.sidebarstyle {
	font-size: 85%;
	font-style: italic;
	margin: 6px;
	display: none;
}
</pre></body></html>