body	{
	margin:	0;
	padding:	0;
	font-family: verdana, arial, helvetica, sans-serif;
	color:	#000;
	background-color: #f9f9ff;
	background-attachment: fixed;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	/* background-image: url(../images/sara-background2.gif); 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: left top;*/
		}
div, p, th, td, li, dd, dl, dt    {
             /* redundant selectors to help NS4 not forget */
    font-family:  verdana, arial, helvetica, sans-serif;
    }
dt 	{
	font-weight: bold;
	}
ol, li, dl, dt, dd {
	line-height: 1.5em;
	}

	
#Navigation	{
	z-index : 1;
	position : absolute;
	width : 120px;
	right : 0px;
	top : 85px;
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 90%;
	line-height : 100%;
	padding : 0px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	background-image: url(../images/tree-vert-slice-2.jpg);
	background-repeat: no-repeat;
/*	background-image: url(../images/confill-wh95.gif);*/

}

div.social {background-color: #f9f9ff;margin-bottom:-2em;padding-top:0.5em;}
div.social img {vertical-align:middle;}
	
.content {
z-index : 1;
	position : absolute;
	right : 122px;
	top : 135px;
	
	/*position : absolute;
	margin : 85px 122px 0px 0px ;*/
			/*top : 0px ;
			margin-bottom : 0px ;
			margin-left : 0px ;
			margin-right : 122px ;*/
			/* remember this goes top-right-bottom-left - just remember TRouBLe ! */
			padding : 0px 20px 0px 55px ;
	border-top: 0;
	border-right : 0;
	border-left: 0;
	border-bottom: 0;
	/* background-image: url(../images/confill-wh100.gif);*/
	background-image: url(../images/confill-wh95.gif);
	font-size : 100%;
	line-height : 180% ;
	}
/* top, right, bottom, left ! */

#Navigation p			{	display : block ;
					margin : 20px 5px 10px 0px ;
					background : transparent ; }
					
#Navigation p a		{	display: block ;
					padding: 0px 5px 0px 5px ;
					text-decoration: none ;
					width: 94% ;}
					
#Navigation p a.selected	{	display: block ;
					padding: 0px 5px 0px 0.5em ;
					text-decoration: none ;
					width: 93% ;}
/* earlier, when the nav box top margin was set to 92px, the nav ul padding was set to 0px:
#Navigation ul			{	list-style: none ;
					margin: 0px ;
					padding: 0px ;
					}


 */
#Navigation ul			{	list-style: none ;
					margin: 0px ;
/*					padding: 92px 0px 0px 0px ; */					
					padding: 85px 0px 0px 0px ;
					}

#Navigation li 			{	margin-top: 1px ; }

#Navigation li a		{
	display: block;
	padding: 0px 5px 0px 0.5em;
	text-decoration: none;
	width: 100%;
	border: 1px solid #666666;
}

html>body #Navigation li a	{	width: auto ; }
/* has to agree with p a.selected, above */
#Navigation li a.selected	{	display: block ;
					padding: 0px 0px 0px 0.5em ;
					text-decoration: none ;
					width: 93% ;	
					border: 1px dotted #666666;
					
					 }

#Navigation form		{	margin-left: 5px ; }

  
  
/* more Subnavigation styles */
#Navigation strong		{	
	color : #003399; font-size: 1.25em; }


#Navigation li a		{						color: #cccccc ; }

#Navigation li.home a:hover		{	background-color: #cccccc;
					color: #FFFFFF; }

#Navigation li.howhelp a:hover		{	background-color: #99ccFF;
					color: #FFFFFF; }

#Navigation li.postgrads a:hover		{	background-color: #FF9999;
					color: #FFFFFF; }

#Navigation li.postdocs a:hover		{	background-color: #9999FF;
					color: #FFFFFF; }

#Navigation li.academics a:hover		{	background-color: #99CC99;
					color: #FFFFFF; }

#Navigation li.portfolio a:hover		{	background-color: #996699;
					color: #FFFFFF; }

#Navigation li.biographies a:hover		{	background-color: #FFCC99;
					color: #FFFFFF; }

#Navigation li.contact a:hover		{	background-color: #FFFF00;
					color: #666666; }

/*#Navigation li a.selected	{	background-color: #009900;
					color: #ffffff ; }

#Navigation li a.selected:hover {	background-color: #33CC66;
					color: #ffffff ; }*/
					
#Navigation p a		{	background-color: transparent ;
					color: #003399 ; }

#Navigation p a:hover		{	background-color: #fff; }

/*#Navigation p a.selected	{
			color : #ffffff ;
			background-color : #66CC66; }

#Navigation p a.selected:visited	{
			color : #ffffff ;
			background-color : #339900; }

#Navigation p a.selected:hover	{
			color : #ffffff ;
			background-color : #66CC00; }*/


   


p {
	margin-top: 0.5em; padding-top: 0;
	line-height: 1.5em;
	margin-bottom: 	1em;
	}	
h1	{
	font-size:	1.5em;
	}
h2	{
	font-size:	1.25em; /*was 1.0*/
	}
h3	{
	font-size:	1.0em;
	}
h4	{
	font-size:	1.0em;
	}
h5	{
	font-size:	1.0em;
	}
h6	{
	font-size:	1.0em;
	}		
h1, h2, h3, h4, h5, h6	{
	margin:	1.5em 1.0em 0 0;
	/*was:	margin:	1.25em 1.0em 0 0;*/
	font-family:	verdana, arial, helvetica, sans-serif;
	line-height: 1.0em;
	}
img	{
		/* turns off gaps around images */
	border:	0
	}
.vs0, .first 	{
	margin-top:	0;
	padding-top: 0;
	}



a	{
	text-decoration:	none;
	font-weight:	bold;
	}
a:link	{
	color:	#3366CC;
	background-color: transparent;
	}
a:visited	{
	color:	#6699CC;
	background-color: transparent;
	}
a:active	{
	color:	#3399FF;
	background-color: transparent;
	}
a:hover	{
	color:	#3399FF;
	background-color: transparent;
	text-decoration:	underline;
	}
.ahem	{
	display:	none;
	}
.small	{
	font-size: 0.25em;
	}
code, tt, pre	{
	font: 0.75em monaco, courier, monospace;
	color: #06c;
	background: transparent;
	}
/* #footer, .marginblurb {
	font: 0.9em geneva, verdana, arial, helvetica, sans-serif;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #333333;
	} */
.prevnext {	margin-top: 20px;
			margin-left: 20px;}
	
.footer {
	font: 0.8em geneva, verdana, arial, helvetica, sans-serif;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #333333;
	}
	
.footer2 {
	font: 0.7em geneva, verdana, arial, helvetica, sans-serif;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #333333;
	}

		
.libnavt {
border-bottom: solid 1px #fff;
}
.libnavb {
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
}

.counter {  
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.8em; 
	color: #fff; 
	visibility: hidden; 
}
/*
.sitename {	
	display : block ;
	z-index : 1;
	position : absolute;
	right : 0px;
	top : 0px;
 	margin-top : 0;
 	margin-bottom : 0;
 	background : transparent ; 
	background-image: url(../images/banner-2.jpg); 
	background-repeat: no-repeat; 
	background-position: top left;
	padding: 0px 10px 25px 10px ;
	font-family: Monaco, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 2em;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}
*/
/* this might get replaced by an image for every page except the home page */
.pagehead {	
	display : block ;
 	margin : 0px 5px 5px 0px ;
 	background : transparent ; 
	padding: 0;
	font-size: 2em;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
}

.splash {	
	display : block ;
 	background : transparent ; 
	padding: 0;
	color: #9999FF;
}

.feedback {
	color: #CC33CC;
}

#errorbox {border: 1px solid #000;
        margin: 0.5em;
        width: 25em;
        padding: 5px;}
.errorstring   { color: red; font-size: 11px; font-weight: bold; padding-bottom: 5px
 }
	#errorbox ul {
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		}

	#errorbox li{
		list-style-image: none;
		list-style-type: none;
		}