body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .92em;
	background: white; 
	color: black;
	padding: 0 1em 1em 1em;
	}
td,th	{
	font-family: Arial, Helvetica, sans-serif;
	}

a:link		{ color: #0000ff; }		/* unvisited links */
a:visited	{ color: #660033; }		/* visited links */
a:hover		{ color: #cc0000; }

h1 {
	text-align: center;
}
h1 {
	font-family: sans-serif, Arial, Helvetica;
	font-weight: normal;
	color: #441010;
}

h2,h3,h4,h5 { 
	font-family: sans-serif, Arial, Helvetica;
	font-weight: normal;
	color: #441010;
	clear:left;
} 

pre {
	font-family: courier,"Courier New",monospace; 
}
th	{
	color: black;
	background: #ddccbb;
}
address, #pagefooter {
	font-size: smaller;
	font-style: normal;
	text-align: right;
	padding-top: 6pt;
	border-color: #441010 white white white;
	border-style: solid;
	border-width: thin 0 0 0;
	margin-top: 12pt;
	margin-left: 0em;
}
.clear {
	clear:both;
}

#labheader {
    border-style: none none solid none;
	border-width: 0 0 thin 0;
	border-bottom: thin #441010 solid;
	border-color: #441010;
	padding-bottom:6pt;
}
#labheader table {
    border: 0;
	padding:0;
	margin:0 auto;
}
#labheader td {
    vertical-align:top;
    text-align:center;
}
#labheader td a {
    font-size:x-small;
	color:black;
	text-decoration:none;
}
#labheader td img {
    border:none;
}
#labheader h1 {
    margin-top: 0;
}
/*
 * .floatleft is a class designed to create a floating block, typically used
 * for an image followed by a caption.  E.g.:
 * <div class="floatleft">
 *    <img src="sm.JPG" alt="Katie Spaventa receiving award" width="371" height="248" />
 *    <div class="floatcaption">Photo is of Katie Spaventa and her poster, receiving award, 2007
 *    </div>
 * </div>
 */
 .floatleft {
 	float: left;
	padding-right: 6px;
	padding-bottom: 6px;
	margin-right: 20px;
	margin-bottom: 6px;
 }
  .floatright {
 	float: right;
	padding-left: 6px;
	padding-bottom: 6px;
	margin-left: 20px;
	margin-bottom: 6px;
 }
 .floatleft img, .floatright img {
 	border: none;
	margin: 4px;
 }
 .floatleft .floatcaption, .floatright .floatcaption {
 	clear:both;
 	text-align: center;
	font-size: smaller;
	font-style: italic;
 }
 /*
  * class peopletable can be used to build a multicolumn 
  * display of items, each of which consists of a photo
  * and some text. e.g. on the home page
  * After the div.peopletable, include a div.clear
  */
div.peopletable {
    clear:both;
	}
div.peopletable p {
	font-size: smaller;
	text-align: left;
	vertical-align: middle;
	margin: 1px;
	clear: none;
	float: left;
	height: 70px;
	width: 270px;
}
div.peopletable p:first-line {
	font-size: larger;
}
div.peopletable p img {
	padding: 0 5px 5px 5px;
	float: left;
	height: 48px;
	width: 48px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*
 * .reference is a class designed to be applied to p tags for APA-style 
 * references.
 */
.reference {
	text-indent: 2em
	}

.center {  text-align: center}
.abstract {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: smaller
}

.red {
	color: #F00;
}
.purple {
	color: #400040;
}