html,body 
	{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: #300;
	color: #CCC;
	}
div#container
	{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

	width:750px;
	background:#333;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	}
div#header
	{
	background-color: #666;
	border-bottom: 5px solid #000;
	}
div#content
	{
	padding:1em 1em 5em; /* bottom padding for footer */
	overflow: auto;
	}
div#footer
	{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#666;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	color: #FFF;
	}
div#hap
	{
	width: 310px;
	padding: 5px;
	float: left;
	}
div#w3c
	{
		padding-left: 2px;
		padding-top: 5px;
	}
div#imadethis
	{
	right: 0px;
	position: absolute;
	bottom: 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: right;
	}
img#topbit
	{
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	}
.nav
	{
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: none;
	font-size: 2em;
	font-family: "lucida Grande",sans-serif;
	font-variant: small-caps;
	color: #fff;
	}
.subnav
	{
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	font-size: 1.5em;
	font-family: "lucida Grande",sans-serif;
	font-variant: small-caps;
	color: #fff;
	}
a
	{
	color: #FFF;
	}
.portrait
	{
	border: 2px solid #FFF;
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	}
.none
	{
	font-variant: small-caps;
	font-style: italic;
	font-family: sans-serif;
	}
h2
	{
	font-variant: small-caps;
	}
img#w3clogo
	{
	border: none;
	width: 88px;
	height: 31px;
	}