div#map_canvas {
	height:200px;
	width:90%;
}

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;
}

p#map_buttons {
	
}
	#btn1, #btn2, #btn3, #btn4, #btn5, #btn6, #btn7, #btn8 {
		font-family: georgia;
	}
	.selected_btn {
		height:3em;
		vertical-align:bottom;
	}