html, body { margin: 0; padding: 0;}
body { border: 1px solid black;}
div.header { background: url(hot-edge.png) #ffffff; margin: 0; margin-top: 0;}
div.header h1 {font-family: Arial, Helvetica, sans-serif; 
			margin: 0; margin-left: 10px; padding-top: 10px; color: white; 
}
cite {margin-top: 0; margin-bottom: 0; font-style: italic;}
sup {font-size: 50%;}

div.menu {
		width: 15%;
		float: left;
		margin-left: 0;
}
div.menu ul {
		margin: 0;
		padding: 0;
		padding-bottom: 1px;
		color: white;
		border: 1px solid black;
		border-top: 0; border-left: 0;
	}
div.menu ul li {	
	background: #000000;
	margin: 0;
	margin-top: 1px;
	width: 98%;
}

div.menu ul li a {
	background: #990000;
	display: block;
	color: white;
	text-decoration: none;
	padding: 0.2em;
	margin-left: 15%;
	width: 80%;
}

div.menu ul li a.chapter {
	background: #666666;
	margin-left: 20%;
	width: 75%;
	font-style: italic;
	font-size: 80%;
}
div.menu ul li a.chapter:hover {
	background: #999999;
}


div.menu ul li a:hover {
	background: #cc0000;
}


/**** END OF MENU STYLES ****/



div#main {width: 83%; float: left; margin-left: 1%; font-family: arial, helvetica, sans-serif}

div#main h2 {
	text-align: center;
}
div.footer {
	clear: both;
	text-align: center;
}


/**** CONTACT FORM ****/
form.sfContact {
	width: 100%;
}
form.sfContact label {
	clear: left;
	display: block;
	float: left;
	width: 20ex;
}
form.sfContact input[type=submit] {
	margin-left: 20ex;
}