#map {
 width: 540px;
 height: 357px;
 background: url(../images/rollover-map.gif) no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
}
#map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#map a {display: block; text-indent: -9999px; text-decoration: none;}

#ca {left: 0px; top: 0px; width: 540px; height: 100px;}
#nw {left: 200px; top: 150px; width: 180px; height: 100px;}
#so {left: 270px; top: 250px; width: 180px; height: 100px;}
#va {left: 340px; top: 200px; width: 55px; height: 10px;}
#ny {left: 345px; top: 160px; width: 55px; height: 10px;}
#me {left: 400px; top: 130px; width: 35px; height: 10px;}

#ca a {height: 221px;}
#nw a {height: 120px;}
#so a {height: 120px;}
#va a {height: 100px;}
#ny a {height: 100px;}
#me a {height: 100px;}


#ca a:hover {background: url(../images/rollover-map.gif) 0px -357px no-repeat;}
#nw a:hover {background: url(../images/rollover-map.gif) -200px -865px no-repeat;}
#so a:hover {background: url(../images/rollover-map.gif) -270px -1322px no-repeat;}
#va a:hover {background: url(../images/rollover-map.gif) -340px -1630px no-repeat;}
#ny a:hover {background: url(../images/rollover-map.gif) -345px -1947px no-repeat;}
#me a:hover {background: url(../images/rollover-map.gif) -400px -2275px no-repeat;}

#ca a:hover span, #nw a:hover span, #so a:hover span, #va a:hover span, #ny a:hover span, #me a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 0;
 margin: 0;
 padding: 5px;
 width: auto;
 }