html, body { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
#top { background: #eee; }
#mid { font-weight: bold; font-size: 1.3em; color: blue; }
#right { padding-right: 1em; }
#main { margin-left: 8.5em; padding-left: 1em; padding-right: 2em;
	border-left: 1px solid green; }
p { line-height: 1.4em; }
h1 { color: blue; }
h2 { font-style: italic; color: green; }
h4 { font-weight: bold; font-size: larger; font-variant: small-caps; letter-spacing: 2px; }
span.head1 { color: blue; }
span.head2 { color: green; }
img { border: 0; }
pre { font-size: medium; margin-left: 2em; }
#because { font-size: 3em; font-weight: bold; 
	font-family: Georgia, Times New Roman, Times, serif; 
	line-height: 1em; color: #bbb; 
	position: absolute; right: 5%; top: 170px; }
	
#nav { float: left; width: 7em; margin-top: 1.5em; margin-left: .5em; }
#nav ul { margin: 0; padding: 0; width: 6em; 
	background: white; border: 1px solid blue; }
#nav li { list-style: none; margin: 0;
	border-bottom: 1px solid #ccc; }
#nav a { display: block; padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none; width: 100%; } 
html>body #nav a { width: auto; }
#nav a:hover { background: #beb; }
#nav a:visited { color: blue; }
div.tphoto { float: left; margin-right: 1em; }