/* file: styles.css */

body {
	margin:0;
	padding:0;
	color:black;
	background:#bbbbbb url(background.gif) repeat fixed;
	text-decoration:none;
	font:normal 100.01%/120% Arial,Helvetica,sans-serif;
}
div#content {
	position:absolute;
	z-index:1;
	top:25px;
	left:196px; 
	right:25px;
	max-width:35em;
	min-width:15em;
	padding:20px; 
	margin:8px;
	color:black;
	background-color:#f5f5f5;
	background-color:rgba(250,250,250,0.8);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:4px 4px 15px black;
	-webkit-box-shadow:4px 4px 15px black;
	-o-box-shadow:4px 4px 15px black;
	-khtml-box-shadow:4px 4px 15px black;
	box-shadow:4px 4px 15px black;
}
div#content p {
	margin:2ex 0 0;
}
div#content p.topmargin {
	margin:7ex 0 0;
}
div#content a:link {
	color:maroon;
	background-color:transparent;
	text-decoration:underline;
}
div#content a:visited {
	color:#665555;
	background-color:transparent;
	text-decoration:underline;
}
div#content a:hover {
	color:red;
	background-color:transparent;
	text-decoration:underline;
}
div#content a:active {
	color:red;
	background-color:transparent;
	text-decoration:underline;
}
div#content dl.publications {
	margin:2em 0;
	padding:0;
}
div#content dl.publications dt {
	font-weight:bold;
	margin:1em 0 0;
	padding:0;
}
div#content dl.publications dd {
	margin:0 0 1em;
	padding:0;
}
div#content ul.publications {
	list-style-type:none;
	margin:2em 0;
	padding:0;
}
div#content ul.publications li {
	margin:1em 0;
	padding:0;
}

ul#menu {
	position:absolute;
	top:25px;
	left:6px;
	width:184px;
	color:white;
	background-color:transparent;
	list-style-type:none;
	margin:0;
	padding:0;
}
div#menufixed > ul#menu {
	position:fixed;
}
ul#menu a {
	display:block;
	text-align:center;
	padding:4px;
	margin:8px;
	border-width:0;
	color:white;
	background-color:#567297;
	font:bold 1.25em Arial,Helvetica,sans-serif;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:4px 4px 15px black;
	-webkit-box-shadow:4px 4px 15px black;
	-o-box-shadow:4px 4px 15px black;
	-khtml-box-shadow:4px 4px 15px black;
	box-shadow:4px 4px 15px black;
}
ul#menu a:link {
	color:white;
	background-color:#567297;
}
ul#menu a:visited {
	color:#ccc;
	background-color:#567297;
}
ul#menu a:hover {
	color:white;
	background-color:#990000;
}
ul#menu a:active {
	color:white;
	background-color:#990000;
}
li.active {
	display:block;
	text-align:center;
	padding:4px;
	margin:8px;
	border-width:0;
	color:white;
	background-color:#062247;
	font:bold 1.25em Arial,Helvetica,sans-serif;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:4px 4px 15px black;
	-webkit-box-shadow:4px 4px 15px black;
	-o-box-shadow:4px 4px 15px black;
	-khtml-box-shadow:4px 4px 15px black;
	box-shadow:4px 4px 15px black;
}
.hlplogo {
	vertical-align:middle;
	border:0;
}

img.photo {
	text-align:right;
	margin:0 1em 0 1em;
	border:0;
	float:right;
}
h1.name {
	font:bold 1.5em 'Times New Roman',Times,serif;
	text-align:left;
	margin:0;
	padding:0;
	white-space:normal;
}
h1.name span.title {
	font-size:0.66em;
	font-weight:normal;
}

p.center {
	text-align:center;
	padding-bottom:5ex;
}
p#date {
	position:absolute;
	right:10px;
	bottom:3px;
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	margin:0;
}
p#toplink {
	position:absolute;
	left:10px;
	bottom:3px;
	text-align:left;
	font-size:0.8em;
	font-style:italic;
	margin:0;
}
input, textarea {
	font:normal 1em monospace;
}
input.button {
	font:normal 1em Arial,Helvetica,sans-serif;
}
	
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
h1 {
	font:bold 1.5em 'Times New Roman',Times,serif;
	text-align:center;
	margin:2ex 0 2ex;
	white-space:nowrap;
}
ul { 
	margin:2ex 1em 0 3em;
	padding:0;
	list-style-type:disc;
}
ul.linklist li {
	margin:0 0 1em 0;
	padding:0 0 0 0.5em;
}
ul.linklist h4 {
	font:bold 1em Arial,Helvetica,sans-serif;
	text-align:left;
	margin:0 0 0 -0.5em;
	padding:0;
	white-space:normal;
}
hr {
	color:#777;
	background-color:#777;
	border:0 none;
	width:100%;
	height:1px;
	padding:0;
	margin:1em auto;
}
.hidden {
	display:none;
}
@media print {
	ul#menu, p#toplink { display:none }
	div#content, p#date {
		position:static;
		left:auto; right:auto; top:auto; bottom:auto;
		width:auto; height:auto;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		-o-box-shadow:none;
		-khtml-box-shadow:none;
		box-shadow:none;
	}
}