@charset "utf-8";
/* Copyright 2008 PosAbilities CSS Document - All rights reserved */

body {
margin: 0px 0px 0px 0px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.0em; /* 16x1.125=18px */
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #666666;
}

img {border:none;}
.imageleft { float:left; margin-right: 8px; margin-bottom: 8px;}
.imageright { float:right; margin-left: 8px; margin-bottom: 8px;}

p {font-size: 0.7em; /* 16x0.5=8px */ padding:0px; margin:0px; }
p a{color:#8b7db6;text-decoration:underline;}
p a:visited{color:#8b7db6;text-decoration:underline;}
p a:hover{color:#bdbbdd;text-decoration:underline;}

li {font-size: 0.7em; /* 16x0.5=8px */ padding:0px; margin:0px; }


.grey {color:#979696;text-decoration:none;}
.grey a{color:#979696;text-decoration:underline;}
.grey a:visited{color:#979696;text-decoration:underline;}
.grey a:hover{color:#4c4c4c;text-decoration:underline;}


.copyright {font-size: 0.59em; color:#bdbbdd;text-decoration:none;}
.copyright a{color:#bdbbdd;text-decoration:none;}
.copyright a:visited{color:#bdbbdd;text-decoration:none;}
.copyright a:hover{color:#8b7db6;text-decoration:none;}


#wrapper{position: relative;width: 770px; top:50px; margin: 0px auto; background-color:white;}
#topheader{position: absolute; width:770px; height:141px;}
#logo{position: absolute;left: 0px; width:250px;}
#photostrip{ position: absolute; left:390px; width:380px;}
#photostrip1{ position: relative; float:left; margin: 0px 10px 0px 0px;}
#photostrip2{ position: relative; float:left; margin: 0px 10px 0px 0px;}
#photostrip3{ position: relative; float:left; margin: 0px 10px 0px 0px;}
#photostrip4{ position: relative; float:left; margin: 0px 10px 0px 0px;}
#photostrip5{ position: relative; float:left; margin: 0px 0px 0px 0px;}

#navwrap{ position:absolute; width:770px; top:141px; margin:0px;}
#wrapper2{position:absolute;width: 770px;margin: 0px auto; background-color:white;}


#nav_home{position:absolute; margin:0px; left: 0px;top: 20px; z-index:10;}
#nav_phil{position:absolute;left: 129px;top: 20px; z-index:10;}
#nav_research{position:absolute;left: 258px;top: 20px; z-index:10;}
#nav_work{position:absolute;left: 387px;top: 20px; z-index:10;}
#nav_conf{position:absolute;left: 516px;top: 20px; z-index:10;}
#nav_news{position:absolute;left: 645px;top: 20px; z-index:10;}


#main{position:absolute;left: 0px;top: 221px; clear: left;}

#content{position:relative;left: 0px;top: 0px; width:770px;}
#content_c1{position:relative;left: 0px;top: 0px; width:375px;}
#content_c2{position:absolute;left: 395px;top: 0px; width:375px;}

#footer{position:relative; float:left; left: 0px;top: 20px; padding-bottom: 20px; }

/* Suckerfish Navigation bits to follow */

.textleft { padding:5px;}
#nav { /* all lists */ float:left;	padding: 0;	margin: 0;	list-style: none;	line-height: 1.2em; font-size: 1.2em; }
#nav ul { /* all lists */ float:left;	padding: 0px;	margin: 0;	list-style: none;	line-height: 1.2em; font-size: 1.2em; }
#nav a {	display: block;	width:115px;  color: #ffffff; text-decoration:none; padding:0px 0px 0px 0px;}
#nav li { /* all list items */	float: left; margin:0px;	width: 5em; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */ 	position: absolute;	background:#c2d166; padding:0px;	width: 125px;	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li:hover ul { /* lists nested under hovered list items */	left: auto;}
#nav li.sfhover ul { /* lists nested under hovered list items */	left: auto;}
#nav li:hover{background:#adbc53; width:115px; }
