/*

File: trail_map.css
Purpose: Styles for those pages that have the large Google Map with trails that
	turn on and off.
	
*/

#body.content_binder .content_section .content_block { background: none; border-top: 1px solid #583082; }

#iw_kml { font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; }
	#iw_kml h5 { font-size: 14px; font-weight: bold; margin-bottom: 18px; }
	#iw_kml h6 { font-size: 12px; font-style: italic; margin-bottom: 0; }
	#body.content_binder .content_section .content_block #iw_kml p { margin-left: 0; margin-top: 0; }

#map_canvas {
	border: 1px solid #999;
	float: left;
	height: 535px;
	width: 535px;
}

#map_sidebar {
	float: left;
	height: 537px;
	overflow: auto;
	width: 176px;
}
#map_sidebar ul { list-style-type: none; margin-left: 12px; margin-top: 0; padding: 0 12px 0 0; }
	#map_sidebar ul li { border-top: 1px solid #ddd; padding: 2px 0; }
	#map_sidebar ul li:first-child { border: none; margin-top: 0; }
#map_sidebar a { cursor: pointer; display: block; }
	#map_sidebar a:hover, #map_sidebar a:focus { background: #dce5cf; }

.map_balloon { line-height: 15px; }
	.map_balloon h5 {
		color: #583082;
		font-size: 12px;
		font-weight: bold;
		/*letter-spacing: 0.1em;*/
		margin-bottom: 15px;
		/*text-transform: uppercase;*/
		width: 275px;
	}
	.map_balloon div {
		margin-left: 1em;
		text-indent: -1em;
		width: 275px;                                                               /* So the line wraps */
	}
	.map_balloon div span { font-style: italic; }