/*
Style sheet by Iain Murray 
modified by Mate Lengyel

Please keep the notes below in copies of this css.

Intended for screen media only. Mess with printing and you're
asking for trouble. Include in HTML 4.0 like this:
<LINK rel="stylesheet" type="text/css" media="screen" href="new.css">

Netscape 4 gets some css horribly wrong.
I've made it ignore some bits using the trick from:
http://www.v2studio.com/k/css/n4hide/
This sort of thing is why I hate web design. Even the simplest
formatting, like this page is a nightmare.

BTW If you're poking around style sheets, take a look at:
http://diveintoaccessibility.org/
http://www.w3.org/TR/WCAG10-CSS-TECHS/
http://www.realworldstyle.com
*/

body {
	color : #000000;
	background-color : #ffffff;
}

a:link, a:visited, a:hover { text-decoration: none; }
a:link { color: #37435d; }
a:visited { color: #708c8f; }
a:hover { color: #5a7173; background-color: #eeeeee;}

/*
#708c8f;
#323e56;
*/

/* I saw this and thought it was cool
P:first-letter { font-size: 200%; float: left }
*/

.content {
	background-color : White;
	font-family : 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	text-align: left;
	/* not using sidebar here, so remove space */
	/* margin-left : 17ex;
	border-left : 1px solid #c0c0c0; */
	padding-left : 2ex;
	padding-right : 2ex;
	/* padding-top : 1ex; */
	padding-bottom : 4ex;
}

.content h1 {
	border-bottom : 2px solid #708c8f;
	font-size : 150%;
	margin-bottom: 0px;
}
/*
.content h1 {
	background : #eeeeee;
	margin-top: 2ex;
}
*/

.content h2 {
	font-size : 110%;
	border-bottom : 1px solid #708c8f;
}

.content h3 {
	font-size : 100%;
/*	border-bottom : 1px solid #708c8f;*/
	margin-left : 2ex;
	margin-right : 2ex;
}

.content ul {
	margin-top: 0ex;
	margin-bottom: 0ex;
}

.content .totop {
	font-size : 60%;
	text-align: right;
}

.content .datetable {
	margin-top: -2px;	
	margin-left: -2px;	
}

.content .datecolumn2 {
	width: 100px;	
}

.content .datecolumn1 {
	width: 50px;	
}

.content .blacklink {
	color: #000000;
}

.content .footer {
	text-align: right;
	font-size: 80%;
	color: #808080;
	margin: 0;
	padding-bottom: 0;
}

.content .footnote {
	font-size: 80%;
	color: #808080;
	padding : 4ex;
}

.content hr{
	/* Yes, this is all needed to get a coloured rule to work
	in just IE, Netscape and Opera. Thankfully other browsers
	seem less demanding. */
	color : #a7b9e7;
	background-color : #a7b9e7;
	height : 2px;
	border: 0 solid #a7b9e7;
}

.content .caption {
	font-style : italic;
	margin : 10px;
	padding : 10px;
	background-color : #d4d4f9;
	border : 1px solid #ffffff; /* For NS4, sigh */
}
/*/*/a{}
.content .caption {
	font-style : normal;
	margin : 2ex;
	padding : 2ex;
}
/* */

div.logo {
	text-align: left;
	border-bottom : 1px solid #c0c0c0;
}

img.logo {
	margin-bottom : 10px;
}

.sidebar {
	/* It's a shame "position : fixed" isn't better supported */
	position : absolute;
	left : 0px;
	top : 75px;
	width: 17ex;
	padding : 2ex;
	margin : 0ex;
}

.sidebar ul {
	list-style-type: none;
	padding : 0ex;
	margin : 0ex;
}

.sidebar li {
	padding-bottom: 1ex;
}

acronym {
  border-bottom: 1px dotted black;
}

p.nav {
	text-align: right;
	font-size : 80%;
}

span.red {
	color: #ff0000;
}

div.indent {
	margin-left : 2em;
}

.spaced li {
	margin: 0.7em 3em 0em 1em;
}