html {
    height:98%;
    width:100%;
}
body {
    height:100%;
    width:100%;
    margin:0px;
    background-color:#01A9DB;
    overflow-x:hidden;
}
#top {
    text-align:center;
    width:96%;
    background-color:#01A9DB;
    font-size:large;
    color:#FFF;
    padding: 3px 0 3px 15px;
    font-family: Arial;
}
#map_canvas {
	height: 96%;
	width: 100%;
    position:relative;
    left:0px;
    top:-40px;
	z-index: 1; 
}
#position {
    float:left;
    background-color:rgba(255,255,255,.8);
    padding:3px;
    width:170px;
    height:35px;
    position:relative;
    left:1px;
    top:0px;
    z-index:10;
    font-family: Arial;
    font-size:11px;
    visibility:hidden;
}
#info, .legend {
    position: absolute:
	top: 20px;
	left: 0px;
    z-index: 2;
    margin-left: 12px;
	padding: 5px;
	font-size: 14px;
	font-weight: 500;
    background-color: rgba(255,255,255,.5);
    width: 200px;
    height: 400px; 
}
#intro {
    font-size: 13px;
}