@import url(mapKey.css);
@import url(coords.css);
p{ margin:0.25em; }
p.howto{
	margin:0 auto;
	padding:0.25em 0;
	border:2px solid #666;
	border-bottom:0;
	width:750px;
	background:#000;
	font-size:0.9em;
}
#viewport{
	margin:0 auto;
	padding:0;
	border:2px solid #666;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	
	width:750px;
	height:600px;
	overflow:hidden;
	position:relative; /* without this IE will not accept "overflow:hidden" */
}
#map{
	margin:0;
	border:0;
	width:2048px;
	height:998px;
	background:transparent url(/ulandsat/imgs/intMap/global_map.jpg) top left no-repeat;
	position:relative;
	color:#000;
	display:none; /* to avoid 'skip', this is overwritten by js */
}

#map div.city{
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	z-index:0;
}
	#map div.city a.plot{
		margin:0;
		padding:0;
		border:0;
		position:relative;
		z-index:0;
	}
	#map div.city a.plot img{
		margin:0;
		padding:0;
		border:0;
		z-index:0;
	}
	/*#map div.city a.plot:hover{ background:transparent; } for ie -- tooltips*/
	#map div.cityInfo{
		margin:0;
		padding:0.5em 0.8em;
		border:1px solid #999;
		color:#fff;
		position:absolute;
		text-align:center;
		background:#000 url(/ulandsat/imgs/intMap/tooltip_bg.gif) top left repeat-x;
		z-index:0;
		width:14em;
		left:-9999em;
	}
		#map div.cityInfo h2{
			margin:0 0 0.25em 0;
			padding:0;
			border:0;
			font:bold 1.3em Georgia, "Times New Roman", Times, serif;
			text-align:center;
			text-decoration:none;
		}
		#map div.cityInfo a img{
			margin:0.25em 0;
			padding:0;
			border:1px solid #999;
		}
		#map div.cityInfo a:hover img{
			border:1px solid #fff;
		}
		/* date */
		#map div.cityInfo p{
			margin:0;
			padding:0;
			border:0;
			font-size:0.8em;
		}
		#map div.city div.tr{
			bottom:4px;
			left:4px;
		}
		#map div.city div.tl{
			bottom:4px;
			left:auto;
			right:4px;
		}
		#map div.city div.br{
			top:4px;
			left:4px;
		}
		#map div.city div.bl{
			top:4px;
			left:auto;
			right:4px;
		}