body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
}

#container {
	width: 900px;
	margin: 0 auto;
}


.16px    { font-family: Arial; color: #333399; font-size: 16px }
.quotes      { font-family: Arial; color: #333399; font-size: 16px; font-style: italic }
.18px    { font-family: Arial; color: #333399; font-size: 18px }
.19px    { font-family: Arial; color: #333399; font-size: 19px }
.20px    { font-family: Arial; color: #333399; font-size: 20px }
.22px    { font-family: Arial; color: #333399; font-size: 22px }

#navigation {
	width: 100%;
	background-color: #663399;
	text-align: center;
}

#navigation ul {
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigation li {
	display: inline;
	height: 26px;
}

#navigation li a.active {
	background-color: #663388;
	border-bottom: 3px solid #C7BAEB;
}

#navigation li a {
	font-family: 'Franklin Gothic Demi', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;
	
	padding: 0 6px;
	margin: 0 2px;
}

#navigation li a:hover {
	background-color: #663388;
	border-bottom: 3px solid #C7BAEB;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333399;
	text-align: center;
	height: 26px;
	margin: 30px 0;
}