body {
	margin:0px;
	padding:0px;
}
a {
	color:#333;
}
a:hover {
	text-decoration:none;
}
h1 {
	font-family:Geneva,Arial,Helvetica,Sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#A64A0D;
}
h2 {
	font-family:Geneva,Arial,Helvetica,Sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
}
p,li,label,fieldset,td,th,ol,ul {	
	font-family:Geneva,Arial,Helvetica,Sans-serif;
	font-size:11px;
}
strong {
	color:#666;
}
#content {
	width:809px;
}
	#content div {
		float:left;
	}
#contentnav {
	width:146px;
	text-align:left;
	padding-top:25px;
	background:#FFF url(../../images/navback.jpg) no-repeat top;
}
	#contentnav ul {
		list-style:none;
		margin-left:0;
		padding-left:3px;
		text-indent:-1em;
	}
		#contentnav ul li {
			font-size:11px;
			padding:3px 0px 3px 25px;
			border-bottom:1px dotted #BE5E20;
		}
			#contentnav ul li a {
				color:#D86100;
				font-weight:normal;
				text-decoration:none;
			}
			#contentnav ul li a:hover {
				font-weight:bold;
				color:#01447B;
			}
#contentmiddle {
	width:380px;
}
#contentright {
	width:283px;
}
#footer {
	width:809px;
	padding-top:5px;
	clear:both;
}
	#footer p {
		color:#999;
		text-align:center;
	}
#maincontent {
	width:532px; /* Incorrect value because IE6 is all like, "The box model?  I don't understand that!" */
	padding:15px;
	background:#F3E2C5 url(../../images/mainback.jpg) no-repeat top;
	text-align:left;
}
div>div#maincontent {
	width:502px;  /* And the fix to make it work everywhere else because IE6 is all like, "I don't understand child selectors either!"  So we use its stupidity against itself. */
}
#welcome {
	width:380px; /* And again... */
	background:url(../../images/contentback.jpg) no-repeat top;
	text-align:left;
	padding:10px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
div>div#welcome { /* And the fix again. */
	width:358px;
}
.calendarheader {
	background-color:#A64A0D;
	color:#FFF;
}
	.calendarheader a {
		color:#FFF;
	}
.required {
	color:#C00;
	font-weight:bold;
}