html, body {
	height: 100%;         /* required */
}

body {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #344016;
	background-color: #38360C;
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}

div#distance { 
	margin-bottom: -310px; /* half of total content height, including header and footer */
	background: #38360C;      /* change to bright color to see how far down the div goes - should go to center of page*/
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}

div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	width: 800px;          /* required - desired width */
	height: 620px;			/* required - desired height. Don't forget to change the negative margin above if this height changes */
	background: 344016;     /* color of container area background */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9AB353;
	text-align: center;
	margin-top: 5px;
	clear: both;
}

/* @group text link styles */

a:link {
	color: #808000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #808000;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
	color: #808000;
}


/* @end */