html			{ overflow-y: scroll; }
body			{ background-image: url('lgrey166.jpg'); background-repeat: repeat; font-family: sans-serif; margin: 0; padding: 0; }
div#header		{ width: 800px; margin: 0 auto; padding: 0.1em 1em 0.6em 1em;
					border-left: 2px solid black; border-right: 2px solid black; background-image: url('red126.jpg'); background-repeat: repeat; }
img#imgheader		{ width: 795; height: 105; }
div#main		{ width: 800px; padding: 1em; margin: 0 auto; border: solid 2px black; background: white; }
.centeredImage	{ margin: 1em auto; display: block; }
h1				{ font-size: large; }
h2				{ font-size: medium; }

#navcontainer { width: 800px; margin: 0 auto; }
#navcontainer ul { display: block; list-style: none outside; padding: 0; margin: 0 0 0 10px; font-family: Verdana, sans-serif; font-size: x-small; } 
#navcontainer li { padding: 0; margin: 0 4px 0 0; border-top: 1px solid #cecbc6; border-right: 1px solid #cecbc6; border-left: 1px solid #cecbc6; background-color: #000;
		color: #ffffff; font-weight: bold; /* the next 4 lines are magic */ display: block; float: left; position: relative; top: -1.32em; } 
#navcontainer a:link,
#navcontainer a:visited { background-color: #000; color: #ffffff; text-decoration: none; padding-left: 1em; padding-right: 1em; }
#navcontainer a:hover { background-color: #cecbc6; color: #000066; } 
#navcontainerclear { display: none; }
html>body #navcontainerclear { display: block; clear: both; } 
#navcontainer li#active a { background-color: #fff; color: #000066; }

.floatright { border:1px solid #666666; float:right; margin:0 0 10px 10px; padding:2px; }
.floatleft { border:1px solid #666666; float:left; margin:0 10px 10px 0; padding:2px; }