body, html {
	background-color: #ccc;
	font-family: "Trebuchet MS";
	color: #000;
}	

#container
{
	width: 80%;
	margin: 10px auto;
	color: #000;
	border: 1px solid gray;
	line-height: 130%;
	background-image: url(../graphics/background.png);
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 180px;
margin: 0;
padding: 1em;
}
#nav ul
{
	list-style-type: none;
	line-height: 1.6em;
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: 600;
}
#nav li a
{
	color: black;
	text-decoration: none;
}
#nav li a:hover {
	color: #999;
	text-decoration: underline;
}
.on {
	color: #ddd;
}	
#content
{
margin-left: 210px;
padding: 1em;
max-width: 56em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #000;
background-color: #ddd;
background-image: url(../graphics/background.png);
}
#footer a
{
	color: black;
	text-decoration: none;
}
#footer a:hover {
	color: #999;
	text-decoration: underline;
}
h1.header
{
	color: #333;
	font-family: "Comic Sans MS";
	font-size: 14pt;
	line-height: 1.4em;
	font-weight: 700;
	width: 600px;
	text-align: center;
}

photocredit
{
	height: 4pt;
	float: right;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
ul
{
	line-height: 1.4em;
}