/* I apologize to anybody who knows anything about CSS
   for this file.  I was just a clueless newbie trying
   to get a grip when I made this.  I'll improve it slowly.
*/
/* @import "http://www.w3.org/StyleSheets/Core/Swiss"; */

body {
	font-family: Helvetica, san-serif;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{
	margin:	.15em;
	padding-top:	1px;
	padding-bottom:	1px;
	border-top:	1px;
	border-bottom:	1px;
}	

h1, h2 {
	margin-top:	.33em;
	margin-bottom:	.5em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	color: #3a3a3a;
	text-shadow: 1px 1px 10px #999;
}	

a:link {
	text-decoration:	none;
	font-weight:	bold;
	color:	#00c;
}

a:visited {
	text-decoration:	none;
	font-weight:	bold;
	color:	#00c;
}

a:active {
	text-decoration:	none;
	font-weight:	bold;
	color:	#00d;
}

a.offsite {
	text-decoration:	none;
	font-weight:	normal;
	color:	#00f;
}

/* based on example at http://www.w3.org/Style/threepart.css and threepart-f.css */
html { margin: 0 }
body {
	position: relative;
	padding: 1em 14em 1em 2em;
	margin: 0
}
div#Menu span.dot,
div#Menu hr { display: none }
div#Menu,
div.map {
	/* position: absolute; */
	position: fixed;
	width: 11em;
	height: auto;
	top: 1em;
	right: 1em;
	bottom: 1em;
	left: auto;
	background: #dfdfcf; /* w3c has png for bottom right corner */
}
div#Menu:before,
div.map:before {
	content: "Document links";
	display: block;
	margin-bottom: 1em;
	padding: 0.1em 0.5em;
	color: #999;
	font-size: larger;
	font-style: italic;
	text-align: left;
	letter-spacing: 0.25em
}

p.submenu { margin-left: 2ex }

div.fwdback { text-align: center; margin-top: 1em; margin-bottom: 1em; }

img#buckets {
	float: right;
	margin: 0.2em;
}