/* Main CSS Document */
html {
	height: 100%; /* THIS IS CRUCIAL TO MAKING THE STICKY FOOTER WORK! Both html and body must have a height of 100% */
}
body {
	height: 100%; /* THIS IS CRUCIAL TO MAKING THE STICKY FOOTER WORK! Both html and body must have a height of 100% */
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #5b3713;
	background: #6fb1c9;
}
h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
a:link, a:visited, a:active {
	color: #5b3713;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#wrapper {
	min-height: 100%; /* forces footer to the bottom of the browser */
}
#header {
	padding: 0 0 50px 0;
}
#main_body {
	padding-bottom: 78px; /* this counteracts the negative margin in the footer! */
}
#footer {
	position: relative;
	bottom: 0px; /* position the footer at the bottom edge of the browser window */
	height: 78px; /* must establish footer height */
	margin: -78px 0 0 0; /* -78px top margin pulls footer up into browser window. */
	background: url(../images/footer_bg.jpg) repeat-x;
}