body { background-color: #fff; color: #4c383c; }

p, .tree, .subtree, dl, .body {
	font: 13px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3 {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-top: 0;
}
h4 {
	font: bold 15px Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 6px;;
}
#wrap { width: 760px; margin: auto; }

#header {
	width: 100%;
	height: 427px;
	background-image: url(/graphics/header.jpg);
}

#header img { float: right; padding: 107px 43px 0 0; }

#header h1 {
	font: bold 32px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: 180px 0 0 40px;
}

#header h2 {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-left: 40px;
	margin-bottom: 40px;
}

#header .navcontainer { padding-left: 40px; }

#middle { background-image: url(/graphics/tile.jpg); }

#content { padding: 10px 45px 10px 40px; }

.navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font: bold 12px/24px arial, helvetica, sans-serif;
}

.navcontainer ul li { display: inline; }

.navcontainer ul li a {
	text-decoration: none;
	padding: 4px 12px;
	background-image: url(/graphics/nav.jpg);
	color: #ccc;
	margin: 0 -1px;
}

.navcontainer ul li a:hover { color: #fff; background-image: url(/graphics/navh.jpg); }

.copyright { color: #ae7659; font-size: 10px; text-align: center; }

.caption {
	float: right;
	text-align: center;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px;
}

.caption img { border: 1px solid #ae7659; }
.tree ol {
	margin: 0;
	padding: 0;
}
.tree li {
	padding: 1px;
}
.tree a {
	color: #4c383c;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	display: block;
}
.tree a:hover {
	background-color: #ffc;
	border: 1px solid #ffc182;
	padding: 1px;
	border-right: none;
}
.subtree {
	background-color: #ffc;
	border: 1px solid #ffc182;
	float: right;
	width: 350px;
	height: 257px;
	margin-right: 10px;
}
.subtree ol {
	list-style-type: lower-alpha;
}