* { margin: 0; padding: 0; }

html
{
	color: #999999;
	background-color: #2f2a3e;
	font: normal 100% Arial, Verdana, Sans-Serif;
	}

/* Links */

a { text-decoration: none; font-weight: bold; border-bottom: 1px dotted #333333; }

a:link { color: #2f2a3e; border-bottom-color: #2f2a3e; } 

a:visited { color: #51476a; border-bottom-color: #51476a; }

a:hover, a:active { color: #000000; border-bottom-color: #000000; border-bottom-style: solid; }

a.offsite { padding-right: 15px; background: url('images/offsite.gif') no-repeat right center; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }

h1 { font-size: 32px; }

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; border-bottom-width: 0; }


/* Structure */

body { background-color: #c1bdcc; color: #2f2a3e; }


#navigation
{
	width: 100%; 
	float: left;
	clear: both;
	background-color: #51476a;
	}

/* Navigation */

#navigation ul { list-style-type: none; margin: 0 auto; padding: 0; width: 875px; }

#navigation li { float: left; }

#navigation a
{
	float: left;
	display: block;
	color: #c1bdcc;
	padding: 1px 10px;
	margin-top: 3px;
	border-bottom-width: 0;
}

#navigation li.active a
{
	color: #ffffff;
	background-color: #73698c;
	border-top: 1px dotted #ffffff;
	border-left: 1px dotted #ffffff;
	border-right: 1px dotted #ffffff;
}

#navigation a:hover, #navigation a:active { color: #eeeeee; background-color: #645a7d}