/* 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;
	text-align: center; /* center the layout */
	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 {
	width: 700px; /* set the main layout width */
	min-height: 100%; /* forces footer to the bottom of the browser */
	margin: 0 auto 0 auto; /* auto margins help with the layout centering */
	text-align: left; /* left-align the text within the layout */
}
#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 */
	width: 700px; /*match this width to the with of the wrapper div - remove it to allow the footer to span the browser window */
	height: 78px; /* must establish footer height */
	margin: -78px auto 0 auto; /* -78px top margin pulls footer up into browser window. The auto margins center the footer */
	background: url(../images/footer_bg.jpg) repeat-x;
}