/* Body */

	body
	{
		padding: 0px;
		margin: 0px;
		border: 0;
		background: url("images/bg.jpg") #000000;
		color: #000000;
		text-align: center;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1em;
	}

/* Headers */

	h1 {
		font-family: Times New Roman, Georgia, Times, Arial, sans-serif;
		font-weight: bold;
		font-size: 1.4em;
		color: black;
		border-bottom: 5px solid brown;
	}
	
	h2 {
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 1.4em;
		color: #585858;
	}
	
	h3 {
		line-height: 0px;
		font-size: 0.8em;
		color: brown;
		font-weight: normal;
	}

	#navigation h2 {
		font-size: 1.1em;
		text-decoration: none;
		color: black;
		font-weight: normal;
	}

/* Links */

	a {
		font-size: 1em;
		text-decoration: none;
		color: brown;
	}
	
	a:hover {
		text-decoration: underline;
	}

	#navigation a {
		font-size: 1.1em;
		text-decoration: none;
		color: black;
	}
	
	#navigation a:hover {
		color: brown;
	}
	
	#navigation a.current {
		text-decoration: none;
		color: gray;
	}
	
	#navigation a.current:hover {
		color: white;
	}

/* Lines */

	hr {
		height: 1px;
		border: 1px solid gray;
	}

/* Images */

	img.logo
	{
		border: 0px;
		width: 747px;
		height: 133px;
		vertical-align: bottom;
	}

	img.center
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.right
	{
		float: right;
	}
	
	img.left
	{
		float: left;
	}

/* Divs */

	#container {
		width: 811px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background: url("images/body_bg.jpg") #c0c0c0;
	}

	#top {
		width: 811px;
		height: 36px;
		background: url("images/top.jpg");
	}

	#logo {
		margin-left: auto;
		margin-right: auto;
		width: 811px;
		height: 133px;
		background: url("images/header.jpg");
		text-align: center;
	}

	#separator {
		width: 811px;
		height: 16px;
		background: url("images/separator.jpg");
	}

	#content {
		font-family: Verdana, Arial, sans-serif;
		font-size: 0.8em;
		line-height: 150%;
		width: 525px;
		margin-left: 30px;
		margin-top: 10px;
		float: left;
	}

	#navigation {
		font-family: Verdana, Arial, sans-serif;
		font-size: 0.8em;
		width: 150px;
		padding-left: 40px;
		margin-top: 10px;
		float: left;
	}

	div.navi_title {
		background-color: #edeff1;
		width: 140px;
		border-bottom: 1px solid #a9a9a9;
		padding: 5px;
		font-weight: bold;	
		font-size: 1em;
	}

	div.navi_link {
		background-color: #e4e7ec;
		width: 100%;
		border-bottom: 1px solid #a9a9a9;	
	}

	div.navi_link:hover {
		background-color: #edeff1;
		width: 100%;
		border-bottom: 1px solid #a9a9a9;
	}

	div.navi_link_hover {
		background-color: #edeff1;
		width: 100%;
		border-bottom: 1px solid #a9a9a9;
	}

	#footer {
		width: 811px;
		height: 70px;
		line-height: 150%;
		font-size: 0.65em;
		color: #695029;
		text-align: center;
		background: url("images/footer.jpg");
		clear: both;
	}

/* Typography */

	#content p {
		border: 0;
		padding: 5px;
		margin-left: 15px;
		background: #d8d8d8;
	}

	#content p.spacing {
		border: 0;
		background: none;
	}

/* Lists */

	#navigation ul {
		list-style: none;
		width: 150px;
		margin: 0;
		padding: 0;
		border: 0;
	}

	#navigation li {
		background-color: #e4e7ec;
		width: 150px;
		padding: 0;
		margin: 0;
	}

	#navigation li.title {	/* This is for navigation titles. D'uh. */
		background-color: #edeff1;
		width: 150px;
		border-bottom: 1px solid #a9a9a9;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0;
		font-weight: bold;	
		font-size: 1em;
	}

	#navigation li a {
		display: block;
		padding: 0;
		border-bottom: 1px solid #a9a9a9;
		width: 152px; /* False value for IE4-5.x/Win. */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 150px;	/* You get it. Good value for compliant browsers. */
	}

	html>#navigation li a {
		width: 150px;	/* Be nice to Opera. */
	}

	#navigation li a:hover {
		background-color: #edeff1;
		border-bottom: 1px solid #a9a9a9;
	}