/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(/img/areamap.gif) top left no-repeat;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	height: 412px;
	width: 487px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */

dd#oneDef{ top: 250px; left: 25px; }
dd#oneDef a{ position: absolute; width: 35px; height: 30px; text-decoration: none; }
dd#oneDef a span{ display: none; }
dd#oneDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#oneDef 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;
	right: 100%;
	margin: 0;
	padding: 5px;
	width: 275%;
}

dd#twoDef{ top: 278px; left: 24px; }
dd#twoDef a{ position: absolute; width: 25px; height: 25px; text-decoration: none; }
dd#twoDef a span{ display: none; }
dd#twoDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#twoDef 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;
	right: 100%;
	margin: 0;
	padding: 5px;
	width: 420%;
}

dd#threeDef{ top: 185px; left: 35px; }
dd#threeDef a{ position: absolute; width: 25px; height: 30px; text-decoration: none;	}
dd#threeDef a span{ display: none; }
dd#threeDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#threeDef 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;
	left: 100%;
	margin: 0;
	padding: 5px;
	width: 360%;
}

dd#fourDef{ top: 175px; left: 0px; }
dd#fourDef a{ position: absolute; width: 25px; height: 30px; text-decoration: none; }
dd#fourDef a span{ display: none; }
dd#fourDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#fourDef 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: 100%;
	margin: 0;
	padding: 5px;
	width: 400%;
}

dd#fiveDef{ top: 323px; left: 32px; }
dd#fiveDef a{ position: absolute; width: 25px; height: 30px; text-decoration: none; }
dd#fiveDef a span{ display: none; }
dd#fiveDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#fiveDef 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;
	right: 100%;
	margin: 0;
	padding: 5px;
	width: 410%;
}

dd#sixDef{ top: 290px; left: 60px; }
dd#sixDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#sixDef a span{ display: none; }
dd#sixDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#sixDef 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;
	left: 100%;
	margin: 0;
	padding: 5px;
	width: 230%;
}

dd#sevenDef{ top: 388px; left: 78px; }
dd#sevenDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#sevenDef a span{ display: none; }
dd#sevenDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#sevenDef 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;
	right: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#eightDef{ top: 388px; left: 105px; }
dd#eightDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#eightDef a span{ display: none; }
dd#eightDef a:hover{ background: transparent url(/img/areamap.gif) -500px -500px no-repeat; }
dd#eightDef 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;
	left: 100%;
	margin: 0;
	padding: 5px;
	width: 300%;
}