@import url("reset.css");

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: url(blah.jpg) top center no-repeat;
	background-color: #609d9f;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

p { margin: 8px 0px 12px 0px; }
ul { list-style: disc; margin: 8px 0px 12px 20px; }
ul li ul { list-style: disc; margin: 0px 0px 0px 20px; }
ol { list-style: decimal; margin: 8px 0px 12px 20px; }

a { color: #275d61; }
a:hover { color: #599598; }

h1 { font-size: 18px; font-weight: bold; margin: 0px 0px -6px 0px; line-height: 24px; }
h2 { font-size: 14px; font-weight: bold; margin: 0px; line-height: 20px; }
h3 { font-size: 14px; font-weight: bold; margin: 0px 0px -8px 0px; line-height: 20px; }
h4 { font-size: 14px; font-weight: bold; margin: 0px 0px 8px 0px; line-height: 20px; color: #609d9f; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px dashed #999999; }
h6 { font-size: 18px; font-weight: bold; margin: 0px 0px 12px 0px; line-height: 24px; }

/* div styles */

#header {
	width: 840px;
	margin: 0px auto 10px auto;
	padding: 10px;
}

#nav {
	width: 760px;
	margin: 0px auto;
}

#content {
	clear: both;
	width: 760px;
	min-height: 500px;
	padding: 20px;
	margin: 0px auto;
	background: #FFFFFF;
	border: 3px solid #000000;
}

#right-column {
	v-align: right;
	width: 200px;
	min-height: 500px;
	padding: 20px;
	margin: 0px auto;
	background: #FFFFFF;
	border: 0px solid #000000;
}

#footer {
	width: 760px;
	padding: 10px 20px;
	margin: 0px auto 30px auto;
	background: #275d61;
	border: 3px solid #000000;
	border-top: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

	#footer a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
	#footer a:hover { color: #CCCCCC; text-decoration: underline; }

/* menu styles */

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav ul li a {
	float: left;
	display: block;
	padding: 5px 8px;
	margin: 0px 5px 0px 0px;
	background-color: #bfe0e2;
	border: 3px solid #000000;
	border-bottom: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#nav ul li a:hover {
	background-color: #FFFF66;
}

#nav ul li a#current {
	background-color: #FFFF66;
}

/**/

.chart { margin: 8px 0px 12px 0px; border-top: 1px solid #000000; border-left: 1px solid #000000; }
.chart tr td { padding: 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; text-align: center; }
.chart tr th { padding: 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background-color: #245e61; color: #FFFFFF; font-size: 14px; line-height: 20px; font-weight: bold; text-align: left; }
.chart tr th.center { text-align: center; }