﻿/* Set the background image for the map and position it on the page. 
     * Absolute positioning is required for the z-indexing to work.
     */
#mapWestmorelandCounty
{
	background-image: url( '../images/maps/mapBordered.gif' );
	position: absolute;
	width: 704px;
	height: 652px;
	left: 100px;
	top: 50px;
}
/* Don't decorate the anchor tags which are used to contain the images. 
     * Position the images BEHIND the contained spans so that when they are displayed
     * the spans occlude them. 
     */
#mapWestmorelandCounty a
{
	position: absolute;
	text-decoration: none;
	z-index: 0;
}
/* When hovering, move the z-index IN FRONT OF any other anchors. */
#mapWestmorelandCounty a:hover
{
	border: transparent; /* Required for IE.  Otherwise the spans don't occlude the background image of the anchor. */
	z-index: 10;
}
/* In general, don't display the spans. */
#mapWestmorelandCounty a span
{
	position: absolute;
	display: none;
	z-index: 0;
}
/* But when we hover, display them IN FRONT OF those that we aren't hovering over and OFFSET them from the
     * enclosing A tag. 
     */
#mapWestmorelandCounty a:hover span
{
	display: block;
	opacity: 0.8; /* NON IE */
	filter: alpha(opacity = 80); /* IE */
	background-color: tan;
	border-color: brown;
	border-style: outset;
	border-width: 3px;
	width: 200px;
	height: 100px;
	z-index: 10;
	margin-top: -30px;
	margin-left: 35px;
}
/* Each of the following classes specify the image to be used.  All other properties are inherited from as per above. */
#mapWestmorelandCounty a.basic
{
	background-image: url( '../images/maps/marker-basic.gif' );
	width: 34px;
	height: 27px;
}
#mapWestmorelandCounty a.basic:hover
{
	background-image: url( '../images/maps/marker-basic-highlight.gif' );
}
#mapWestmorelandCounty a.expanded
{
	background-image: url( '../images/maps/marker-expanded.gif' );
	width: 34px;
	height: 27px;
}
#mapWestmorelandCounty a.expanded:hover
{
	background-image: url( '../images/maps/marker-expanded-highlight.gif' );
}
#mapWestmorelandCounty a.site
{
	background-image: url( '../images/maps/marker-site.gif' );
	width: 34px;
	height: 27px;
}
#mapWestmorelandCounty a.site:hover
{
	background-image: url( "../images/maps/marker-site-highlight.gif" );
}
