@charset "utf-8";
/* CSS Image Map for the District*/
#districtMap {
 width: 322px;
 height: 216px;
 margin:0 auto;
 background: url(../graphics/images_pres/districtImageMap.gif) top left no-repeat;
 position: relative;
}
#districtMap li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	}
#districtMap a {
	display: block; 
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#districtMap a:hover span{
	position:relative;
    display:block;
    width:220px;
    left:50px;
    top:50px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=90);
    opacity:0.9;
	text-indent:0;
	}
	
#cda {left: 60px; top: 0px; width: 145px; height: 120px;}
#cda a {height: 120px;}
#cda a:hover {background: url(../graphics/images_pres/districtImageMap.gif) -60px -216px no-repeat;}

#eda {left: 250px; top: 0px; width: 60px; height: 90px;}
#eda a {height: 90px;}
#eda a:hover {background: url(../graphics/images_pres/districtImageMap.gif) -250px -432px no-repeat;}

#mwd {left: 180px; top: 0px; width: 85px; height: 110px;}
#mwd a {height: 110px;}
#mwd a:hover {background: url(../graphics/images_pres/districtImageMap.gif) -180px -648px no-repeat;}

#nwd {left: 0px; top: 0px; width: 120px; height: 100px;}
#nwd a {height: 100px;}
#nwd a:hover {background: url(../graphics/images_pres/districtImageMap.gif) 0px -864px no-repeat;}

#sda {left: 100px; top: 85px; width: 185px; height: 120px;}
#sda a {height: 120px;}
#sda a:hover {background: url(../graphics/images_pres/districtImageMap.gif) -100px -1381px no-repeat;}


#swd {left: 0px; top: 60px; width: 120px; height: 100px;}
#swd a {height: 100px;}
#swd a:hover {background: url(../graphics/images_pres/districtImageMap.gif) 0px -1140px no-repeat;}