/* CSS Document */

#imap {
  display:block;
  width:550px;
  height:512px;
  background:url(/newimages/birding/maps/essexbirdsnolines.jpg) no-repeat;
  position:relative;
  
  }
  
#imap a#title {
  display:block;
  width:550px;
  height:0;
  padding-top:515px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent url(/newimages/birding/maps/essexroads.jpg) no-repeat -1000px -1000px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  he\ight:0;
  }
 /* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0;
  z-index:10;
  }
  
 #imap dd {
 	position: absolute;
	padding: 0;
	margin: 0;
}



#imap dd#newburyport{
	left:263px;
	top: 4px;
	display:block;
  	width:106px;
  	height:109px;
  	text-decoration:none;
  	z-index:100;
 }
 
 #imap dd#newburyport:hover, #imap dd#newburyport.sfhover {
	background:transparent url(/newimages/birding/maps/nbptclear.gif) no-repeat 0px 0px;

}  
 
 #imap dd#westnewbury{
 	left: 185px;
	top:63px;
	display: block;
	width: 190px;
	height: 110px;
	text-decoration: none;
	z-index: 70;
}

#imap dd#westnewbury:hover, #imap dd#westnewbury.sfhover {
	background: transparent url(/newimages/birding/maps/westnewbury.gif) 13px 10px no-repeat;
}

 #imap dd#boxford{
 	left: 0px;
	top:55px;
	display: block;
	width: 272px;
	height: 259px;
	text-decoration: none;
	z-index: 30;
}
#imap dd#boxford:hover, #imap dd#boxford.sfhover {
	background: transparent url(/newimages/birding/maps/BoxMeth.gif) 13px 10px no-repeat;
}

#imap dd#essex{
 	left: 350px;
	top:195px;
	display: block;
	width: 192px;
	height: 160px;
	text-decoration: none;
	z-index: 40;
}

#imap dd#essex:hover, #imap dd#essex.sfhover {
	background: transparent url(/newimages/birding/maps/ManchRock.gif) 0px 0px no-repeat;
}


#imap dd#ipswich{
 	left: 228px;
	top:130px;
	display: block;
	width: 215px;
	height: 146px;
	text-decoration: none;
	z-index: 60;
	
}

#imap dd#ipswich:hover, #imap dd#ipswich.sfhover {
	background: transparent url(/newimages/birding/maps/IpswichRowley.gif) 0px 0px no-repeat;
	overflow: visible;
}
#imap dd#topsfield{
 	left: 223px;
	top:220px;
	display: block;
	width: 140px;
	height: 116px;
	text-decoration: none;
	z-index: 50;
}

#imap dd#topsfield:hover, #imap dd#topsfield.sfhover {
	background: transparent url(/newimages/birding/maps/TopsWen.gif) 0px 0px no-repeat;
	overflow: visible;
}

#imap dd#saugus{
 	left: 160px;
	top:287px;
	display: block;
	width: 232px;
	height: 251px;
	text-decoration: none;
	z-index: 80;
}

#imap dd#saugus:hover, #imap dd#saugus.sfhover {
	background: transparent url(/newimages/birding/maps/MarbleSaugusnew.gif) 0px 0px no-repeat;
}
 #imap dd div, #imap dd:visited div {
  position: absolute;
  width: 245px;
  display: block;
  background: #ffe56e ;
  color: #000;
  border: 1px solid #000;
  padding: 5px;
  left: -999em;
  }

h4.title {
	font-size: 1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background: #d14625 url(/newimages/birding/birdicontiny.gif) 100% 0% no-repeat;
	width: 100%;
	color: #fff;
	padding: 2px;
	margin: 0;
	text-transform: uppercase;
	display: block;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}

#townlist a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
}

 
.leftcolumn {
	float: left;
	width: 60%;
}

.rightcolumn {
	float: right;
	width: 40%;
}
	
#imap dd div a:visited {
	left: -999em;
	}
	
#imap dd#newburyport:hover div#newburyporttown,  #imap dd#newburyport.sfhover  div{
  left: 100px;
  top: 0px;
  }

#imap dd#westnewbury:hover div#westnewburytown, #imap dd#westnewbury.sfhover div{
	left: 160px;
	top: 0px;
}


#imap dd#boxford:hover div#boxfordtown, #imap dd#boxford.sfhover div{
	left: 0px;
	top: 250px;
} 

#imap dd#essex:hover div#essextown, #imap dd#essex.sfhover div{
	left: 0px;
	top: 140px;
	overflow: visible;
} 	
	
#imap dd#ipswich:hover div#ipswichtown, #imap dd#ipswich.sfhover div{
	left: 160px;
	top: 0px;
	
} 	

#imap dd#topsfield:hover div#topsfieldtown, #imap dd#topsfield.sfhover div{
	left: -50px;
	top: 100px;
	overflow: visible;
} 	

#imap dd#saugus:hover div#saugustown, #imap dd#saugus.sfhover div{
	left: -70px;
	top: 230px;
	overflow: visible;
}