body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background-color: white;
	font-size: 80%;
}

h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 1.6em;
	font-weight: 900;
	color: #09c;
}

h3 {
	margin: 0px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: #09c 1px solid;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

td {
	font-size: 1em;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

p {
	font-size: 1em;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

/*#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}*/

a {
	color: #09c;
	/*font-size: 12px;*/
	text-decoration: none;
	font-weight: 600;
	font-family: verdana, arial, helvetica, sans-serif;
}
	
a:link {color:#09c;}
a:visited {color:#09c;}
a:hover {
	color: #c03;
	background-color:#ddd;
}

h3 a, h3 a:link, h3 a:visited, h3 a:hover {
	color: #000;
	font-weight: bold;
	background-color: transparent;
}

#header {
	position: relative;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 5px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height: 69px; /* 57px + 10px + 2px = 69px */
	border-style: solid;
	border-color: black;
	border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	background-color: #eee;

	voice-family: "\"}\"";
	voice-family: inherit;
	height: 57px; /* the correct height */
}

#header img#crest {
	float: left;
}

#header h1 {
	display: block;
	margin: 0px;
	text-align: right;
	padding: 0px 20px 0px 0px;
	font-size: 1.9em;
	font-weight: bold;
	color: #09c;
}

#content {
	position: relative;
	margin: 0px 20px 0px 200px;
	padding: 10px;
}

#content img#imghome {
	display: block;
	margin: 0px 0px 5px 10px;
	float: right;
}

#content #back {
	margin: -5px 0 5px 0;
}

#content ul {
	margin: 0 0 0 1em;
}

#content ul li {
	font-size: 1em;
	padding-bottom: 0.5em;
}

#menu {
	position: absolute;
	top: 110px;
	left: 20px;
	width: 172px;
	padding: 5px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
/* Be nice to Opera 5 */
body>#Menu {width:150px;}

#menu a {
	display: block;
	text-decoration: none;
	margin: 0 3px 0 0;
	padding: 4px 2px;
	font-size: 0.85em;
	border-right: 1px solid #999;
}

#menu a:hover, #menu a:focus {
	background-color: #eee;
	color: #c03;
	border-right: 7px solid #c00;
	padding-right: 7px;
	margin-right: 0px;
}

#menu a#current {
	color: black;
	background-color: white;
	border: 1px solid #999;
	border-right-width: 7px;
	padding-right: 7px;
	margin-right: 0px;
}

#menu a.newsflash {
	margin: 0 3px 0 0;
	padding: 4px 2px;
	font-size: 0.85em;
	border-right: none;
}

#menu a.newsflash:hover, #menu a.newsflash:focus {
	background-color: #eee;
	color: #c03;
	border-right: none;
	padding-right: 2px;
	margin-right: 0px;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0px 0px 2px 210px;
	border-style: solid;
	border-color: black;
	border-width: 1px 0px;
	background-color: #eee;
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}

#footer a, #footer a:hover {
	font-size: 1em;
	color: #666;
	font-weight: normal;
	background-color: transparent;
}

div.people {
	clear: both;
	margin-bottom: 5px;
	min-height: 100px;
}

div.people img.mugshot {
	display: block;
	float: right;
	margin: 0px 0px 5px 5px;
}

div.project {
	clear: both;
	margin-bottom: 10px;
	min-height: 100px;
}

div.project img.leftpic {
	display: block;
	float: right;
	margin: 0;
	padding: 0 0 5px 5px;
}

div.project img.rightpic {
	display: block;
	float: right;
	margin: 0;
	padding: 0 0 5px 5px;
}

ol {
	font-size: 1em;
}

ol li {
	margin-bottom: 1.5em;
}

ol li ol li {
	margin: 0.5em 0;
}

.curveBox {
	position: relative;
	background: url('../images/curveBox_topleft.gif') top left no-repeat;
	line-height: 1em;
	position: relative;
}

.curveBox h4 {
	position: relative;
	background: url('../images/curveBox_topright.gif') top right no-repeat;
	padding: 15px 15px 20px 15px;
	margin: 0 0 5px 0;
}

.curveBoxMain {
	background: url('../images/curveBox_rightborder.gif') top right repeat-y;
	margin: 0;
	margin-top: -2em;
	padding: 15px;
}

.curveBoxFooter {
	background: url('../images/curveBox_bottomleft.gif') bottom left no-repeat;
}

.curveBoxFooter2 {
	background: url('../images/curveBox_bottomright.gif') bottom right no-repeat;
	padding: 20px 25px 15px 15px;
	margin: -2em 0 0 0;
	font-size: 0.85em;
	text-align: right;
}

body.photocomp {
	background: url('../photocomp/images/photo.gif') repeat-y 20px 0px;
}