/* http://semiorganized.com/so.css */
/* 
gray:			#808080
lightgray:		#D3D3D3
slate gray:		#708090
light slate gray:	#778899
dark slate gray:	#2F4F4F
*/

body {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	max-width: 45em;
	font-family: sans-serif;
	line-height: 125%;
}

h1 { font-size: 135%; }
h2 { font-size: 125%; }
h3 { font-size: 115%; }
h4 { font-size: 105%; }

/* Hmm... */
p {
	margin: .5em;
}

a {
	color: #09C;
	text-decoration: none;
	font-weight: bold;
}
a:link {color: #09C;}
a:visited {color: #07A;}
a:hover {color: blue;}

ul {
	list-style: none;
}

cite {
	color: gray;
	font-family: serif;
}

sup {
	line-height: 0;
}

div#header, div#footer {
	color: white;
	background: #007f9e;
	font-family: sans-serif;
}

div#header h1 {
	margin: 0;
	height: 2em;
	line-height: 2em;
	padding: 0 .5em 0 .5em;
	overflow: hidden;		/* Small browsers. */
}

div#header p {
	color: black;
	margin: 0;
	padding: .25em 0 .25em 0;
	background: #D3D3D3;		/* lightgray */
	text-align: center;
	font-size: small;
}

div#header a:hover {
	text-decoration: underline;
}

div#header a#current {
	text-decoration: underline;
	color: #2F4F4F;			/* darkslategray */
}

div#footer {
	height: 2em;
	line-height: 2em;
}

div#footer p {
	text-align: right;
	font-size: small;
}

div#content {
	margin: 1em .5em;
}

code.mail {
	color: blue;
	font-size: 115%;
}

div.news {
	margin: 0;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 1em;
}

.news h2 {
	margin: 0;
	padding: .2em;
	padding-left: .35em;
	font-size: 115%;
	color: black;
	background-color: #add8e6;
	border-bottom: 1px solid #90a0a0;
}