.maplist .item {
  clear : left;
}
.maplist-active .map {
  background : #fff url(i/island.jpg) 0 0 no-repeat;
  height : 600px;
  width : 672px;
  margin-left: -173px;
  padding-left: 173px;
}
.maplist .sector,
.maplist .bubble {
  clear : both;
}
.maplist-active .item {
  display : none;
}
.map .marker {
  position : absolute;
}
.map .marker span {
  background : url(i/marker.png) 0 0 no-repeat;
  _background-image: url(i/marker.gif);
  text-decoration : none;
  height : 31px;
  width : 27px;
  outline : none;
  display : block;
  position : relative;
}
.map .marker-active,
.map .marker:hover,
.map .marker:focus,
.map .marker:active,
.map .marker:hover span,
.map .marker:focus span,
.map .marker:active span {
  z-index : 4;
  text-decoration: none;
}

.map .marker i {
  position : absolute;
  top : 6px;
  left : -8px;
  white-space : nowrap;
  font-style : normal;
  padding-left : 18px;
  color : #fff;
  font-size : .92em;
  height : 18px;
  line-height : 18.5px;
  z-index: 1;
  _height:0;min-height:0;/* ie hasLayout fix */
  _width : 0;
  display : none;
}
.map .marker i b {
  cursor : pointer;
  display : block;
  background : url(i/callout-hd.png) 100% 0 no-repeat;
  _background-image: url(i/callout-hd.gif);
  font-weight : normal;
  padding-right : 8px;
  position : relative;
  z-index: 1;
  width: 172px;
  padding: 0 18px;
  overflow: hidden;
  _overflow: visible;
  _overflow-x: hidden;
  _height:0;min-height:0;/* ie hasLayout fix */
}

.map .marker-flip i {
  left : auto;
  top : 6px;
  right : -9px;
  padding-left : 0;
  padding-right : 18px;
}
.map .marker-flip i b {
  background : none;
  padding-right : 0;
  margin-right : 0;
  padding-left : 8px;
  background : url(i/callout-hd.png) 0 0 no-repeat;
  _background-image: url(i/callout-hd.gif);
  width: 172px;
  padding: 0 18px;
  text-align: right;
  overflow: hidden;
  _overflow: visible;
  _overflow-x: hidden;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.map .marker-active i b {
  display : none;
}

.map {
  position : relative;
}
.map .bubble {
  font-size : .92em;
  position : absolute;
  background : #fff;
  background : rgba(255, 255, 255, .8);
  width : 188px;
  padding : 7px;
  border : 1px solid #781414;
  margin-top : 21px;
  margin-left : 12px;
  overflow : visible !important;
  z-index: 1;
}

.map .bubble h3,
.map .bubble h4 {
  font-weight : normal;
  position : absolute;
  margin : 0;
  font-size : 1em;
  margin-bottom : 0.2em;
  top : -16px;
  left : -3px;
  color : #fff;
  cursor : pointer;
  font-family: Arial, Helvetica, sans-serif;
}
.map .bubble h3 a,
.map .bubble h4 a {
  color : #fff;
  display : block;
  width : 172px;
  background : url(i/callout-hd.png) 100% 0 no-repeat;
  _background-image: url(i/callout-hd.gif);
  height : 18px;
  padding: 0 18px;
  line-height : 18.5px;
}
.map .bubble-flip h3 a,
.map .bubble-flip h4 a {
  text-align : right;
  padding-right : 18px;
}
.map .bubble .closebtn {
  color : #fff;
  position : absolute;
  padding : 0;
  top : -14px;
  right : -1px;
  height : 18px;
  line-height : 18px;
  width: 14px;
  height: 14px;
  background: url(i/callout-close.gif) 0 0 no-repeat;
  overflow: hidden;
  text-indent: -9999em;
}
.map .bubble .summary {
  line-height : 1.2;
}
.map .bubble img {
  float : left;
  width : 80px;
  margin : 0 6px 4px 0;
}
.map .bubble .more a {
  background: url(i/readmore.png) 0 .35em no-repeat;
  _background-image: url(i/readmore.gif);
  font-weight : bold;
  color : #21211f;
}

/* keep boxes from overflowing */
.map .bubble-flip {
  margin-left : -188px;
}
.map .bubble-flip .closebtn {
  right : auto;
  left : -3px;
}

.pagebody .maplist-active {
  padding-left : 0;
  padding-bottom : 4em;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.pagebody .maplist-active:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.maplist-active .col-1_4 {
  float : left;
  width : 148px;
  margin-left : 12px;
}
.maplist-active .col-first {
  margin-left : 0;
}
.maplist-active .sector {
  padding-bottom : 1em;
}

.maplist .sector h3 {
  color : #962F34;
  font-size : 1.5em;
  padding : 2px 4px;
  margin : 0;
}
.maplist ul li a {
  display : block;
  background : #eee;
  color : #21211f;
  margin-bottom : 1px;
  padding : 4px 6px 3px 13px;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.maplist ul li.marker-active a {
  background : #781414;
  color : #fff;
  font-weight: bold;
}