body
{
	color: black;
	background: white;
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
}

h1,h2,h3 { font-style:normal; font-family:times,serif; }
h1 { font-size:180%; font-style:italic; }
h2 { font-size:145%; }
h3 { font-size:115%; }

/* Links bold & coloured */
a { font-weight:bold; }

a:link, a:visited
{
	color: #000088;
	background: white;
}

a:hover, a:active
{
	color: #0000dd;
	background: white;
}

/*
	Layout
	
	We absolutely position 'div.nav', a fixed 
	width column (relative to font size) 
	on the left for links.  We must use absolute
	position so that it isn't pushed down by the content div.
	
	The main content goes in 'div.content', which
	uses a fixed width left-margin to avoid clashing with
	'nav.div'.  Width isn't specified, so that it takes up all
	remaining space.
	
	'Div.foot' is a simple footer that goes beneath other content.
	
	Intended spacing (horizontally from the left):
	
	div.nav:
		1 em	gap (clear/white)
		12 em	links
			incl:
				0.5 em	padding-left (backrgound colour: light blue)
				0		padding-right
		1 em 	gap (clear/white)
	
	div.content				at 14em (where did the 0.5em padding go?)
		[1px	border]		
		1em 	padding
		
		flexy	main content
*/
	
div.nav
{
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	width: 12em;
	border: 0;
	
	position: absolute;
	top: 1em;
	left: 1em;
	
	background: #f4f4ff;
	color: black;
}


div.content
{
	margin: 1em 0.5em 0.5em 13.9em;
	padding: 0 0 0 1em;
	
	border: 0;
	border-left: 0.1em solid #000088;
	
	background: white;
	color: black;
}


/*
	Override link colours in div.nav to cope with
	background colour.
*/
.nav a:link, .nav a:visited		{ color:#000088; background:#eeeeff; }
.nav a:hover, .nav a:active		{ color:#0000dd; background:#eeeeff; }

/*
	The actual links in div.nav are in a list (UL).
	We mess with the spacing and get rid of bullets.
*/
.nav ul		{ list-style-type:none; margin:0; padding:0; }
.nav li		{ margin:0; padding:0; }

/* Only the highest level list /items/ in navigation */
.nav > ul > li	{ margin:4px 2px 4px 2px; padding:0; }

/* Only lower level lists in navigation */
.nav li ul		{ margin:-2px 0 0 0; padding:0 0 0 1em; }


/***  div.foot  ***/

div.foot
{
	clear: both;
	
	padding: 0 0.5em;
	margin: 0.5em 1em;
	border-top: 1px solid #000099;
	
	color: #333366;
	background: white;
	
	font-size: 90%;
	font-style: italic;
}

div.ads
{
	height: 600px;
	width: 120px;
	float: right;
	/* border: 1px solid red; */
	margin-left: 0.5em;
}

.foot a
{
	color: #5555cc;
	background: white;
}

img.macmade
{
	float: right;
	border: 0;
	margin: 0 0 0 1em;
}