<style type="text/css">

a { text-decoration: none; }
a:link, a:visited { 
	color: #99FF55;
	text-decoration: none; }
a:hover, a:active, a:hover span, a:active span { 
	color: #ddff00;
	text-decoration: underline; }
a:link span.unimportant, a:visited span.unimportant { color: #ffffff }

a.button {
	display: block;
	text-align: center;
	width: 100px;
	margin: 10px 5px;
	padding: 0;
	background: url(images/buttonoval.gif)  no-repeat center center; }
a.button:hover, a.button:active { 
	background: url(images/buttonovallight.gif)  no-repeat center center; }

h1 { 
	font-size: 300%;
	font-weight: normal;
	font-family: Gregory-Normal, "Cloister Black", "Cloisterblack BT", "Old English Text MT", cursive; 
	text-align: center; 
	margin: 0em .5em .125em;
	padding: .5em .5em .125em; }

h2 {
	background: #060 url(images/darkleft.jpg) repeat-y;
	margin: 2em 0em .5em;  
	padding: .25em .25em .25em .75em; }

p, dl, div.para {
	margin: .5em .5em .5em 2em;
	padding: .5em; }
dl dt {
	font-weight: bold; }
p.location { 
	text-align: center;  
	margin: .5em .5em 0; }
p.footnote {
	text-indent: -1.5em;
	padding-left: 2em; }

ul li, dl.jobspec dd {
	list-style-type: none;
	background-image: url(images/bunnybutton.jpg);
	background-repeat: no-repeat;
	background-position: left .6em;
	padding: 0 0 0 22px; }
dd dl { 
	margin-left: 0;
	padding-left: 0; }

ul.twentyem li {
	display: inline;
	width: 20em; }

ul.twentyemvert li {
	display: list-item;
	width: 20em; }

ul.tenem li {
	display: inline;
	width: 10em; }

span.top {
	vertical-align: top; }

span.bottom {
	vertical-align: bottom; }

body {
	color: #fff; 
	line-height: 1.75em;
	font-family: Arial, Helvetica, sans-serif;
	background: #008000 url(images/nav.jpg) repeat-y;
	margin: 0;
	padding: 0 0 0 120px;
	border-width: 0; }

div.main {
	background: url(images/patternlight.gif); }

div.para {
	 }
div.forml {
	line-height: 1.25em;
	margin: .5em, .5em, .5em 0;
	width: 10em;
	text-align: right;
	float: left; 
	clear: left; }
div.formr {
	line-height: 1em;
	margin: .5em 0 .5em 10.5em; }

span.darkcolor { /*for color swatches*/
	width: 10em;
	padding: .25em;
	margin: 0;
	color: white; 
	text-align: center;}
span.lightcolor { /*for color swatches*/
	width: 10em;
	padding: .25em;
	margin: 0;
	color: black; 
	text-align: center;}

.mapdirections {
	text-align: left;
	width: 32em; }

div.person {
	margin: .5em .5em .5em 2em;
	padding: .5em; 
	border: 2px solid #031; 
	background: no-repeat top right; }
div.person div {
	margin: 0;
	padding: 0 .25em 0 0; 
	clear: none;}
div.person img {
	width: 150px;
	height: 200px;
	margin: 0 .5em 0 0; 
	float: left;}
div.person div.runaround {
	width: 150px;
	height: 129px;
	float: right;}
div.person p {
	margin: 0; }
.name {
	color: #240;
	font-weight: bold; }
.job {
	font-style: italic;
	font-size: 90%;
	border: solid #031;
	border-width: 2px 0;
	margin: 0;
	padding: 0 .25em 0 0; }
.email { 
	 }
.bio p {
	margin: .5em; }

.bio p.dropcap {
	float: none; }

p.dropcap:first-letter  {
 	font-size: 300%; 
	padding: .05em .05em .05em 0; 
	font-family: Gregory-Normal, "Cloister Black", "Cloisterblack BT", cursive;
	float: left; }
p.dropcap {
	clear: none; 
	float: left;
	margin:  .5em; }

a:link .homepage, a:visited .homepage{
	background: orange;
	color: #224400; }

.credits {
	text-align: center; 
	clear: both; }

.left {
	float: left; }

.right {
	float: right; }

.bold {
	font-weight: bold; }

div.navigation {
	position: absolute;
	left: 0;
	top: 150px;
	width: 120px;
	height: 239px;
	padding: 5px 0 5px 0;
	background: url(images/nav.jpg) #031 no-repeat 5px 5px ; }

div.header { /* for div that encompasses the header */
	background: #031;
	margin: 0; }

.corner { /* for the rounding of the upper left corner of the content area*/
	  /* makes image display flush against the top of the content area*/
	display: block; }

span.warning {
	color: darkorange;
	font-weight: bold;
	font-size: 110%; }

div.ddwithimage {
	clear: none; }
dd img {
	width: 101px;
	height: 101px;
	margin: .5em .5em .5em 0; 
	float: left; 
	border: 2px solid #031; }
dd img.noborder {
	width: 101px;
	height: 101px;
	margin: .5em .5em .5em 0; 
	float: left; 
	border: 0; }
dt {
	clear: left; }

table { 
	border-collapse: collapse;
	border-style: hidden;
	margin-right: 1em; }
td, th { 
	border: 2px solid #031; 
	padding: .25em;
	text-align: center; }
table.none {
	margin: 0; }
table.none td, table.none th {
	border: 0;
	padding: 0; }

div.example {
	margin: 0 0 0 2em; }
div.example img {
	float: left;
	margin: .5em .5em .5em 0; }
div.example p {
	clear: left; 
	margin: .5em .5em .5em 0; }

</style>