html, body { background-color: #F5F5F2; font: 12px sans-serif; color: #666666 }
* html #main { height: 1% } /* ugly hack to fix IE6 braindamage */
#main { margin: 20px; padding: 50px; background-color: #FFFFFF;
	position: relative }
.corner { width: 50px; height: 50px; background-image: url(corner.gif);
	position: absolute }
#tl { background-position: top left; top: 0px; left: 0px }
#tr { background-position: top right; top: 0px; right: 0px }
#bl { background-position: bottom left; bottom: 0px; left: 0px }
#br { background-position: bottom right; bottom: 0px; right: 0px }
.pagehead { font-weight: bold; color: #965EA7 }
.fakehr { width: 100%; height: 3px; background-color: #3C746B; padding: 0;
	margin: 0; border: 0 }
#copyright { clear: left; font-size: 10px; text-align: center }
#leftnav { float: left; width: 20%; border: 0; margin: 20px 5% 0 0; padding: 0;
	background: url(green.gif) repeat-y right }
#leftnav ul { padding: 0 }
#leftnav li { list-style-type: none; font-weight: bold; text-align: right;
	color: #965EA7; margin-top: 15px; padding-right: 10px }
#leftnav li.sub { margin-top: 0; padding-right: 0 }
a { text-decoration: none; color: #965EA7; font-weight: bold }
a:hover { color: #000000 }
#body { float: left; width: 75%; margin-top: 20px }
h1 { font-style: italic; font-weight: bold; font-size: 20px;
	font-family: serif; color: #965EA7 }
h2 { font-style: italic; font-weight: bold; font-size: 16px;
	font-family: serif; color: #965EA7 }
.required { color: red }
.error { color: red }
.flabel { text-align: right }