div#map_canvas {
	height:600px;
	width:100%;
}

div#map_key {
	background-color: #F2EFE9;
	display: inline-block;
	margin-bottom:10px;
	padding: 5px;
}

p#map_key_title {
	font-weight: bold;
	margin: 0;
}

span#key_city_north,
span#key_city_south,
span#key_city,
span#key_east,
span#key_north {
	width:20px; display:inline-block; height:5px; margin-bottom:5px; opacity:0.7;filter:alpha(opacity=70);
}

span#key_city_north {
	background-color:#D2691E;
}
span#key_city_south {
	background-color:#FF00FF;
}
span#key_city {
	background-color:#FF0000;
}
span#key_east {
	background-color:#0000FF;
}
span#key_north {
	background-color:#00AA00;
}