div.dialog{
	display: none;
	padding: 4px;
  background: #fff;
  border: solid green 1px;
  font-size: 11pt;
  color: black;
  font-family: "Arial";
  text-align: left;

}

div.dialog p{
  text-indent: 0em;
}

div.link-map{
	position: relative;
}

.link-map img{
	display: block;
  margin-left: auto;
  margin-right: auto
}

a.map-link{
  text-decoration: none;
  display: block;
  background: url(../images/tree.png) no-repeat 0 0;
  width: 23px;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  }

a.map-link:hover{
  background-position: 0 -13px;
	}

/* Use the sibling selector + to display info associated with a map-link*/
a.map-link:hover + div{
  display: block;
}