html, body
{
	height: 100%;
	background-color: #016938;
}

.header 
{
	background-color: #016938;
	width: 100%;
	height: 0%;
	margin-left: auto;
	margin-right: auto;
}

.header 
{
	background-color: #016938;
	width: 100%;
	height: 0%;
	margin-left: auto;
	margin-right: auto;
}

.Header { /* Formatting for site footer */
	display: flex;
	height: 10vh;
	margin-top: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6vh;
	text-decoration: none;
	margin-bottom: 0px;
	color: #eee;
}

.Header a { /* Formatting for footer buttons */
	flex-grow: 1;
	width: 20vw;
	text-align: center;
	color: #eee;
	text-decoration:none;
	
	background: #295136;
	border-top: 6px solid #b5a268;
	border-left: 4px solid #b5a268;
	border-right: 4px solid #b5a268;
	border-bottom: 6px solid #b5a268;
}

.Header a:hover { /* Changes bottom border to white when hovered */
	background: #016938;
}

body 
{
	margin: 0;
	display: flex;
	flex-direction: column;
}
.body
{
	width: 85%;
	height: 80vh;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

.mapouter
{
	border: none;
	text-align: right;
	height: 100%;
	border-left: 6px solid #b5a268;
	border-right: 6px solid #b5a268;
	border-bottom: 0px solid #b5a268;
}

.gmap_canvas 
{
	height: 100%;
}

#legend 
{
    font-family: Arial, sans-serif;
	text-align: left;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 3px solid #000;
}
#legend h3 {
	margin-top: 0;
}

.Footer { /* Formatting for site footer */
	display: flex;
	height: 10vh;
	margin-top: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6vh;
	text-decoration: none;
	margin-bottom: 0px;
	color: #eee;
}

.Footer a { /* Formatting for footer buttons */
	flex-grow: 1;
	width: 20vw;
	text-align: center;
	color: #eee;
	text-decoration:none;
	
	background: #295136;
	border-top: 6px solid #b5a268;
	border-left: 4px solid #b5a268;
	border-right: 4px solid #b5a268;
	border-bottom: 6px solid #b5a268;
}

.Footer a:hover { /* Changes bottom border to white when hovered */
	background: #016938;
}