@charset "utf-8";
/* CSS Document */

	#map { 
	height: 800px; 
	width:100%; 
	cursor: pointer;
	z-index: 9;
	position: absolute;
	background-color: white;
	}
	.info {
		color:#555;
		padding: 6px 8px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background-color:#fff;
		background: rgba(255,255,255,1);
		border-radius: 10px;
		box-shadow: 0 0 3px rgba(0,0,0,0.9);
	
	}
	.info h4 {
		margin: 0 0 5px;
		color: #000;
	}
	
	body {
	  width: 100%;
	}
	.legend-labels li .circ {
	  float: right;
	  margin-right:4em;
	  text-align:left;
	}
	.leaflet-control-layers-base {
	  font-size: 15px;
	}
	
	.legend-title {
		text-align: left;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 70%;
		line-height: 14px;
	}
	.legend-scale ul {
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		float: left;
		list-style: none;
	}
	.legend-scale ul li {
		font-size: 80%;
		list-style: none;
		margin-left: 0;
		line-height: 18px;
		margin-bottom: 2px;
	}
	ul.legend-labels li span {
		display: block;
		float: left;
		height: 16px;
		width: 30px;
		margin-right: 5px;
		margin-left: 0;
		border: 1px solid #999;
	}
	ul.legend-labels h3 {
		margin-top:1em;
	}
	.legend-source {
		font-size: 70%;
		line-height: 14px;
		color: #999;
		clear: both;
	}
	
	.info {
		color:#787878;
		font-size:0.9em;
	}
	.info .leaflet-control {
		color:#787878;
	}
	.info h4 {
		color:#313030;
	}
	.info b.strong {
		font-size:1.2em;
		color:#313030;
	}
	.info .leaflet-control {
		color:#787878;
	}
	.my-legend {
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.8em;
		text-align:left;
		color:#787878;
		z-index:99;
		position: absolute;
		margin-top: 17em;
		padding: 0 0 0 1em;
		background-color:#fff;
		background: rgba(255,255,255,0.9);
		border-radius: 10px;
		right:0;
	}
	.legendTitle {
		margin: -0.026em 0 0.2em 0;
		text-transform:uppercase;
		color:#313030;
	}
	p.instructions {
		font-family: Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#999;	
		text-align:right;
		margin: 0 1em 0.2em 0;
		font-size: 0.6em;
		
	
	}