/*
Style sheet by Iain Murray 2002-5
webmaster / iainmurray . net

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 { color: #4686c2; }
a:visited { color: #808080; }
a:hover { color: #0000ff; background-color: #eeeeee;}

h1 a { text-decoration: none; }
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }

/* 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;
	margin-left : 20ex;
	border-left : 1px solid #c0c0c0;
	padding-left : 5ex;
	padding-right : 5ex;
	padding-top : 1ex;
	padding-bottom : 4ex;
}

.content h1 {
	border-bottom : 2px solid #4686c2;
	font-size : 150%;
	margin-top: 15px;
}
/*/*/a{}
.content h1 {
	background : #eeeeee;
	margin-top: 2ex;
}
/* */

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

.content h3 {
	font-size : 90%;
	border-bottom : 1px solid #cccccc;
}

.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 : #4686c2;
	background-color : #4686c2;
	height : 2px;
	border: 0 solid #4686c2;
}

.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 {
	color : #808080;
	font-size : 200%;
	text-align: left;
	border-bottom : 1px solid #c0c0c0;

	font-family : 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	padding : 10px;
	margin-bottom : 0px;
}

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

.sidebar {
	/* It's a shame "position : fixed" isn't better supported */
	position : absolute;
	left : 0px;
	top : 13ex;
	width: 20ex;
	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;
}