html { height: 100%; }
body { 
	height: 100%; 
	margin: 0; 
	padding: 0;
	font: smaller Frutiger, Geneva, Helvetica, Arial, sans-serif;
	line-height: 1;
}
#map_canvas { 
	width: 100%; 
	height: 100%;
	z-index: 0;
}
#overlay_box {
	position: absolute;
	width: 300px;
	top: 0;
	left: 125px;
	background-color: black;
	z-index: 10; 
	padding: 15px;
	border-bottom-right-radius: 15px; 
	border-bottom-left-radius: 15px; 
	text-align: center;
	color: white;
}
#overlay_box h1 {font-size: 150%; line-height: 130%;}
#overlay_box img {margin: 0 auto;}
a:link {color: #990000; text-decoration: none;}
a:visited {color: #990000; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline;}
a:active {color: #990000; text-decoration: underline;}

.ThePopUps {font: smaller Georgia,'Times New Roman',Times,serif;}

@media screen and (max-width: 700px) {
	#overlay_box {
		padding: 0;
		left: 0; 
		width: 100%;
		border-bottom-right-radius: 0; 
		border-bottom-left-radius: 0;
		}
	#overlay_box img {display: none;}
	
}

@media screen and (max-width: 400px) {
	#overlay_box {
		width: 100%;
		padding: 0;
		}
	#overlay_box h1 {line-height: 0;}	
	#overlay_box p {display: inline;}
	#overlay_box img {display: none;}
	#map_canvas { margin: 0; padding: 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	#overlay_box h1 {line-height: 0;}
	/* #overlay_box h1:after {content: ':';} */	
	#overlay_box p {font-size: 90%; }
	#overlay_box img {display: none;}

}