/* START OF CSS FOR MAP */
dl.map {
	position:relative ;
	background-color:#FFFFFF;
	usemap:#map1;
	text-align:left;
	margin:0px; 
	padding:0px;
	border:#999 #3366FF 3px solid;  /* use 1px for a border around the map */
	border:#999 #FFFFFF 1px none;  /* use 1px for a border around the map */
}

dl.map dt {
	list-style:none;
	display:inline;
}

dl.map dd {
	position:absolute;
	left:-9999px;
	width:200px; 
	padding:4px;
	border:#222 2px solid;
	background:#666;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index: 100000;   /* was 11 for cities + 1 - represents highest level for displaying the box on top */ 
	font-size:11px;		/*font-size:0.8em; */
	color:##FFFFFF;
}

dl.map dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}

dl.map a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:5px;
	height:15px;  		/* this fixes a firefox problem with the pin placement, it was 5.  15 ddidnt change results on IE... wierd */
	line-height:1px;   	/* this was 15, when the height of the image was 12 */
	outline:none;
	/*z-index: 100000;*/
	text-decoration:none;
}

dl.map dd.dd_R {
	color:#FFFFFF; 
	background:#C81e38;
}
 
dl.map dd.dd_B {
	color:#FFFFFF; 
 	background:#093093;
}
 
dl.map dd.dd_W {
	color:#000000;
	background:#ffffff;
}

/* this is for the message box */
dl.map dt.messagebox {
	position:absolute;
	left:780px;
	top:330px;
	width:145px; 
	padding:4px;
	border:#222 1px solid;
	background:#ffffff; background:#CCCCCC; background:#EBEBEB;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:1;   
	font-size:11px;	
	color:##FFFFFF;
}