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

dl#Map{
	margin: 0;
	padding: 0;
	background: transparent url(../assets/shelter_map6.jpg) top left no-repeat;
	height: 595px;
	width: 339px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
/*dd a {background: #ddd; opacity: 0.5;}*/

/* ---------- Hotspot Declarations ---------- */
dd#HighLevelDef{ top: 80px; left: 80px; }
dd#HighLevelDef a{ position: absolute; width: 73px; height: 20px; text-decoration: none; }
dd#HighLevelDef a span{ display: none; }
/*dd#HighLevelDef a:hover{ position: absolute; background: transparent url(../assets/shelter_map.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }*/
dd#HighLevelDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	font-weight: normal;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 190%;
	z-index:99;
}

dd#ChipewyanDef{ top: 75px; left: 210px; }
dd#ChipewyanDef a{ position: absolute; width: 90px; height: 20px; text-decoration: none; }
dd#ChipewyanDef a span{ display: none; }
/*dd#ChipewyanDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -211px -373px no-repeat; }*/
dd#ChipewyanDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 190%;
	z-index:99;
}

dd#McMurrayDef{ top: 155px; left: 235px; }
dd#McMurrayDef a{ position: absolute; width: 81px; height: 20px; text-decoration: none;	}
dd#McMurrayDef a span{ display: none; }
/*dd#McMurrayDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -168px -427px no-repeat; }*/
dd#McMurrayDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 190%;
	z-index:99;
}

dd#WabascaDef{ top: 220px; left: 170px; }
dd#WabascaDef a{ position: absolute; width: 80px; height: 15px; text-decoration: none; }
dd#WabascaDef a span{ display: none; }
/*dd#WabascaDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -72px -625px no-repeat; }*/
dd#WabascaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#PeaceRiverDef{ top: 200px; left: 70px; }
dd#PeaceRiverDef a{ position: absolute; width: 64px; height: 20px; text-decoration: none; }
dd#PeaceRiverDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#PeaceRiverDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#FairviewDef{ top: 206px; left: 30px; }
dd#FairviewDef a{ position: absolute; width: 64px; height: 20px; text-decoration: none; }
dd#FairviewDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#FairviewDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#GrandePrairieDef{ top: 265px; left: 20px; }
dd#GrandePrairieDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#GrandePrairieDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#GrandePrairieDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#EnildaDef{ top: 240px; left: 110px; }
dd#EnildaDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#EnildaDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#EnildaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#SlaveDef{ top: 260px; left: 145px;}
dd#SlaveDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none;}
dd#SlaveDef a span{ display: none;}

/*dd#Peace RiverDef a:hover{ background: transparent url(assets/shelter_map.jpg) -45px -388px no-repeat;
	}*/

dd#SlaveDef a:hover span{

	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
	}

dd#LacLaBicheDef{ top: 255px; left: 220px; }
dd#LacLaBicheDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#LacLaBicheDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#LacLaBicheDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#ColdLakeDef{ top: 285px; left: 275px; }
dd#ColdLakeDef a{ position: absolute; width: 60px; height: 20px; text-decoration: none; }
dd#ColdLakeDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#ColdLakeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 195%;
}

dd#WhitecourtDef{ top: 315px; left: 110px; }
dd#WhitecourtDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#WhitecourtDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#WhitecourtDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#StPaulDef{ top: 315px; left: 240px; }
dd#StPaulDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#StPaulDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#StPaulDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#GrandeCacheDef{ top: 330px; left: 30px; }
dd#GrandeCacheDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#GrandeCacheDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#GrandeCacheDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 190%;
}

dd#EdmontonDef{ top: 350px; left: 160px; }
dd#EdmontonDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#EdmontonDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#EdmontonDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 230%;
}

dd#SherwoodParkDef{ top: 340px; left: 240px; }
dd#SherwoodParkDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#SherwoodParkDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#SherwoodParkDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 230%;
}

dd#LloydminsterDef{ top: 355px; left: 260px; }
dd#LloydminsterDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#LloydminsterDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#LloydminsterDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 230%;
}

dd#CamroseDef{ top: 370px; left: 212px;}
dd#CamroseDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#CamroseDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#CamroseDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 230%;
}

dd#HintonDef{ top: 350px; left: 50px; }
dd#HintonDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#HintonDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#HintonDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 230%;
}

dd#RmhDef{ top: 400px; left: 140px; }
dd#RmhDef a{ position: absolute; width: 50px; height: 30px; text-decoration: none; }
dd#RmhDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#RmhDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 240%;
}

dd#RedDeerDef{ top: 415px; left: 170px; }
dd#RedDeerDef a{ position: absolute; width: 70px; height: 20px; text-decoration: none; }
dd#RedDeerDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#RedDeerDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 220%;
}

dd#MorleyDef{ top: 475px; left: 150px; }
dd#MorleyDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#MorleyDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#MorleyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 240%;
}

dd#BanffDef{ top: 475px; left: 120px; }
dd#BanffDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#BanffDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#BanffDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 240%;
}

dd#CalgaryDef{ top: 480px; left: 180px; }
dd#CalgaryDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#CalgaryDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#CalgaryDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 270%;
}

dd#StrathmoreDef{ top: 480px; left: 210px; }
dd#StrathmoreDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#StrathmoreDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#StrathmoreDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 240%;
}

dd#BDDef{ top: 535px; left: 160px; }
dd#BDDef a{ position: absolute; width: 80px; height: 20px; text-decoration: none; }
dd#BDDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#BDDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 180%;
}

dd#BrooksDef{ top: 500px; left: 260px; }
dd#BrooksDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#BrooksDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#BrooksDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 180%;
}

dd#MedicineDef{ top: 530px; left: 280px; }
dd#MedicineDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#MedicineDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#MedicineDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#TaberDef{ top: 545px; left: 245px; }
dd#TaberDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#TaberDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#TaberDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#LethbridgeDef{ top: 555px; left: 210px; }
dd#LethbridgeDef a{ position: absolute; width: 60px; height: 20px; text-decoration: none; }
dd#LethbridgeDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#LethbridgeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#PincherDef{ top: 560px; left: 160px;}
dd#PincherDef a{ position: absolute; width: 50px; height: 20px; text-decoration: none; }
dd#PincherDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#PincherDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 200%;
}

dd#HobbemaDef{ top: 373px; left: 190px; }
dd#HobbemaDef a{ position: absolute; width: 50px; height: 10px; text-decoration: none; }
dd#HobbemaDef a span{ display: none; }
/*dd#Peace RiverDef a:hover{ background: transparent url(../assets/shelter_map.jpg) -45px -388px no-repeat; }*/
dd#HobbemaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: normal;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 240%;
}