/* style.css - style sheet for CHEM web pages */

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	font-size: 76%;
	}
table {
	margin:0px;
	font: 1em verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	}
td { 
	border: #666 1px solid; 
	padding: 10px;
	background-color: #fff;
	}
.people td {
       border: 0;
       background-color: white;
       padding: 10px;
       }
h1 {
	margin:0px 0px 15px 5px;
	padding:0px;
	font-size: 1.8em;
	line-height:28px;
	font-weight:500;
	color:#c30; /*was 999*/
	}
h2 {
	margin:20px 0px 5px 0px;
	padding:0px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:600;
	color:#630; /*was 999*/
	}	
h2 a {
	color:#630;
	}
h2 a:link {
	color:#630;
	}	
h2 a:hover {
	color:#c30;	
	}
h2.ranktitle {
	font-weight:bold;
	color:#CC3300;
	}

#groupbox {
	padding: 5px;
	margin: 4px 4px 4px 4px;
	border:1px solid #999;
	background-color:#eee;
	width: 300px;
	height: 240px;
	float: left;
	text-align: center;
	}
#personbox {
	padding: 5px;
	margin: 4px 4px 4px 4px;
	border:1px solid #999;
	background-color:#eee;
	width: 170px;
	height: 240px;
	float: left;
	text-align: center;
	vertical-align: text-bottom;
	}
#personbox img	
	{
	border: 1px #000 solid;
	margin: 5px 5px 5px 5px;
	/*display: none;*/
	}
.personbox {
	padding: 5px;
	margin: 4px 4px 4px 4px;
	border:1px solid #999;
	background-color:#eee;
	width: 170px;
	height: 240px;
	float: left;
	text-align: center;
	vertical-align: text-bottom;
	}
.personbox img	
	{
	border: 1px #000 solid;
	margin: 5px 5px 5px 5px;
	/*display: none;*/
	}
#figurebox {
	padding: 5px;
	margin: 4px 4px 4px 4px;
	border: none;
	background-color:#fff;
	float: right;
	text-align: center;
	}
#figurebox img {
	border: 1px solid #000;
	}
p {
	font: 1em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 15px 0px;
	padding:0px;
	line-height: 20px;
	text-indent: 0px;
	font-weight: normal;
	}
ul, ol {
	/*font-size: 1.2em;*/
	}
#Content>p {margin:10px;}
#Content>p+p {text-indent:0px;}
a {
	color:#09c;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {
	color:#09c;
	}
a:hover {
	color:#069;
	}
#Header {
        margin-top:5pt;
        margin-bottom:7.5pt
        padding:8.0pt 0cm 5.0pt 15.0pt;
	/* For IE5/Win's benefit height = [correct height] + [top and bottom padding] + [top and bottom border widths] */
	height:47px; /* 28px + 17px + 2px = 47px */
	background-color:#EEEEFF;
        border:solid #9999CC 1.0pt;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value i 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:28px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, 
it feeds correct length values to user agents that exhibit the parsing 
error exploited above yet get the CSS box model right and understand the 
CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5" rule 
every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Header p {
        margin-top:4.0pt;
        margin-top:1.0pt;
        font-size:8.0pt;
        font-family:Verdana;
        color:#006699;
       }

#Content {
        margin-left:135.0pt;
        margin-right:37.5pt;
        margin-bottom:37.5pt'
	padding:10px;
	}
#Content h1 {
        margin-top:20.0pt;
        margin-bottom:.0001pt;
        font-size:16.0pt;
        font-family:Verdana;
       }
#Content h2 {
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:Verdana;
        font-weight:bold;
        color:#FF0000;
       }
#Content h2 {
        margin-bottom:.0001pt;
        font-size:9.0pt;
        font-family:Verdana;
        font-weight:bold;
        color:#006699;
       }
#Content h3 {
        margin-bottom:.0001pt;
        font-size:9.0pt;
        font-family:Verdana;
        font-weight:normal;
        color:#FF0000;
       }
#Content h4 {
        margin-bottom:.0001pt;
        font-size:9.0pt;
        font-family:Verdana;
        font-weight:normal;
        color:#333333;
       }
#Content p {
        margin-bottom:1.0pt;
        font-size:9.0pt;
	line-height:14.0pt;
        color:#663300;
      }
#Content table {
	margin:0px;
        border-collapse:collapse; 
        id:AutoNumber1;
        border:1; 
        bordercolor:#111111; 
        cellpadding:0px; 
        cellspacing:0px;
        height:1em; 
        width:455pt;
        color:#663300;
      }
#Menu {
	position:absolute;
	top:100px;
	left:20px;
	width:130px;
	font-size: 0.8em;
	background-color:#eef;
	border:1.0pt solid #9999CC;
	line-height:17px;
        padding:8.0pt 8.0pt 8.0pt 8.0pt;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:130px;}

#Menu h1 {
        margin-bottom:.0001pt;
        line-height:12.0pt;
        background:#EEEEFF;
        font-size:7.0pt;
	font-weight: bold;
        color:#CC3300';
	padding: 0px 0px 0px 0px;
       }
#Menu h2 {
        margin-bottom:.0001pt;
        line-height:12.0pt;
        background:#EEEEFF;
        font-size:7.0pt;
        color:#006699';
	padding: 0px 0px 0px 0px;
       }
#Menu p {
        margin-bottom: .0001pt;
        font-size:7.0pt;
        line-height:12.0pt;
        background:#EEEEFF;
	padding: 0px 0px 0px 0px;
        color:#333333';
       }
a.here {
	color: #069;
	text-decoration: none;
	}
a.here:hover {
	color: #09c;
	}
.photo {
	border: 1px #000 solid;
	margin: 5px 5px 5px 5px;
	float: right;
	clear: right;
	}
.photoleft {
	border: 1px #000 solid;
	margin: 5px 5px 5px 5px;
	float: left;
	}
.person {
	border: 1px #000 solid;
	margin: 5px 5px 5px 5px;
	/*display: none;*/
	}
#list1 ul, #list1 li
	{
	margin:16px 0px 0px -10px;
	}
/* here are the styles for the publications list*/
.pubs	{
	font-size: 0.9em;
	}
.ptitle {
	font-style: italic;
	}
.pauthors {
	}
.pyear {
	}
.pvolume {
	font-weight: bold;
	}
.pissue {
	}
.ppage {
	}
.pjournal {
	}
.pstatus{
	font-style: italic;
	}
.title  {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 1.5em;
	line-height: 16px;
	font-weight:900;
	color:#999;
	}
.title a {
	color: #069;
	}
#nav-list {
	border: none;
	margin: 0px;
	font-size: 0.9em;
	text-align: left;
	}
/* Got rid of the inline list and replaced it with a series of links in a 
row, works better in old browsers
 #nav-list p {
	display: inline;
	}
#nav-list ul, #nav-list li {
	display: inline;
	margin: 1px;
	padding: 0;
	text-align: right;
	font-weight: bold;
	list-style: none;
	}
#nav-list a {
	color: #333333;
	text-decoration: none;
	}
#nav-list a:hover {
	color: #ff0000;
	text-decoration: none;
	}*/
.caption {
	font-size: 0.9em;
	}
#unichem {
	/*position: absolute;
	top:5px;
	left: 5px;*/
	text-align: left;
	padding-right: 1em;
	padding-top: 0em;
	color: #000;
	border: none;
	margin-left: 3.75pt;
	margin-right: auto;
	padding-bottom: 0px;
	}
#unichem p {
	font-size: 8.0pt;
	line-height: 12.0pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
        font-family:Verdana;
	font-weight: normal;
	color: #666666;
	}
#unichem a {
	font-size: 0.9em;
	font-weight: normal;
	color: #666;
	}
#unichem a:link {
	color: #666;
	}
#unichem a:visited {
	color: #666;
	}	
#unichem a:hover {
	text-decoration: underline;
	color: #000;
	}	
#unichem a:active {
	color: #f00;
	}
.hidden {
	display:none;
	}