#header{
	background-color: rgb(255, 255, 255);
	text-align: center;
	height: 100px;
	font-size: 40px;
	vertical-align: top;
	border: 3px solid rgb(19, 88, 65)
}

body, html {
    margin: 0;
    padding: 0;
}


#banner{
	line-height: 100px;
	height: 100px;
	text-align: center;
	vertical-align: top;
	padding-right: 5%;
}

#main{
	float: none;
	width: 1500px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: rgb(255, 255, 255);
}

/* Footer settings */
#snowpack-footer{
    clear: both;
    background-color: #D8E2E4;
    padding: 2.34%;
    height: 120px;
    font-size: 11px;
}

#snowpack-footer a {
	color: #7d7d7d;
}

#snowpack-footer p {
	margin-bottom: 10px;
}

#left-footer {
	width: 30%;
	float: left;
	padding-right: 3%;
}

#middle-footer {
	width: 20%;
	float: left;
	padding-right: 1%;
}

#right-footer {
	width: 46%;
	float: left;
}

#snowpack-page {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0;
	background-color: rgb(255, 255, 255);
	position: relative;
    -webkit-box-shadow: 0px -5px 12px 5px rgba(149, 149, 149, 0.75);
	-moz-box-shadow: 0px -5px 12px 5px rgba(149, 149, 149,0.75);
	box-shadow: 0px -5px 12px 5px rgba(149, 149, 149,0.75);
}

/* graphing settings */
body {
    font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: rgb(19, 88, 65);
}
.axis path,
.axis line {
    fill: none;
    shape-rendering: crispEdges;
}

.container {
    display: flex;
}

.x.axis path {
    display: none;
}

.dot {
    stroke: #000;
}

.tooltip {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 3px;
    pointer-events: none;
    font-size: 12px;
}

.legend {
    font-size: 12px;
}

.legend rect {
    stroke-width: 1;
    stroke: #000;
}

#map { height: 180px; }