/* rem.css */

body {
	width: 750px;
	margin-top: 15px;
	font-family: comic sans ms, sans-serif;
	background-color: #e8e0e0;
	}

#pageheading {
	position: absolute;
	top: 55px;
	left: 400px;
	color: #370C4E;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 24px;
	}

#menu {
	position: absolute;
	top: 200px;
	width: 200px;
	height: 100%;
	font-family: verdana, sans-serif;
	font-size: 100%;
	}
	
	#menu ul {
		list-style: none;
		margin: 0;
		padding-left: 10px;
		}
		
	#menu li {
		margin: 0;
		padding: 0;
		}
	
	#menu li a {
		display: block;
		padding: 5px 5px 25px 0px;
		font-weight: bold;
		color: #370C4E;
		border-color: white;
		text-decoration: none;
		width: 100%;
		}
	
	html>body #menu li a {
		width: auto;
		}

	#menu li a:hover {
		text-decoration: underline;
		}
		
#main {
	position: absolute;
	top: 190px;
	left: 200px;
	width: 550px;
	}
	
h1, h2, h3, h4 {
	padding-top: 0.5em;
	color: #370C4E;
	}
	
h1 {
	font-size: 150%;
	}
	
h2 {
	font-size: 135%;
	}
	
h3 {
	font-size: 120%;
	}
	
h4 {
	font-size: 110%;
	}
	
.right {
	float: right;
	}

.left {
	float: left;
	}
	
.clear {
	clear: both;
	}
		
img.right {
	border: none;
	padding-left: 10px;
	padding-right: 0px;
	}

dd {
	padding-bottom: 1em;
}