/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */

img.image{ display: none; }

dl#nfldMap{
	margin: 0;
	padding: 0;
	background: transparent url(/protectedsite/roads_revised/cameras/mapnl.jpg) top left no-repeat;
	height: 520px;
	width: 553px;
	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#paddyspondDef{ position: absolute; z-index: 0; top: 385px; left: 475px; }
dd#paddyspondDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#paddyspondDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#paddyspondDef a span img{ border-width: 0; padding: 2px; }
dd#paddyspondDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#paddyspondDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#foxtrapDef{ position: absolute; z-index: 0; top: 400px; left: 466px; }
dd#foxtrapDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#foxtrapDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#foxtrapDef a span img{ border-width: 0; padding: 2px; }
dd#foxtrapDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#foxtrapDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#goobiesDef{ position: absolute; z-index: 0; top: 358px; left: 397px; }
dd#goobiesDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#goobiesDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#goobiesDef a span img{ border-width: 0; padding: 2px; }
dd#goobiesDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#goobiesDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#saltPondDef{ position: absolute; z-index: 0; top: 430px; left: 305px; }
dd#saltPondDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#saltPondDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#saltPondDef a span img{ border-width: 0; padding: 2px; }
dd#saltPondDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#saltPondDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#flowersCoveDef{ position: absolute; z-index: 0; top: 15px; left: 215px; }
dd#flowersCoveDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#flowersCoveDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#flowersCoveDef a span img{ border-width: 0; padding: 2px; }
dd#flowersCoveDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#flowersCoveDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#springdaleDef{ position: absolute; z-index: 0; top: 199px; left: 232px; }
dd#springdaleDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#springdaleDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#springdaleDef a span img{ border-width: 0; padding: 2px; }
dd#springdaleDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#springdaleDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#pynnsBrookDef{ position: absolute; z-index: 0; top: 235px; left: 149px; }
dd#pynnsBrookDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#pynnsBrookDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#pynnsBrookDef a span img{ border-width: 0; padding: 2px; }
dd#pynnsBrookDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#pynnsBrookDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#portAuxBasquesDef{ position: absolute; z-index: 0; top: 369px; left: 38px; }
dd#portAuxBasquesDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#portAuxBasquesDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#portAuxBasquesDef a span img{ border-width: 0; padding: 2px; }
dd#portAuxBasquesDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#portAuxBasquesDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#grandFallsDef{ position: absolute z-index: 0; top: 251px; left: 268px; }
dd#grandFallsDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#grandFallsDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#grandFallsDef a span img{ border-width: 0; padding: 2px; }
dd#grandFallsDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#grandFallsDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#ganderDef{ position: absolute z-index: 0; top: 265px; left: 375px; }
dd#ganderDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#ganderDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#ganderDef a span img{ border-width: 0; padding: 2px; }
dd#ganderDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#ganderDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#clarenvilleDef{ position: absolute; z-index: 0; top: 338px; left: 380px; }
dd#clarenvilleDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#clarenvilleDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#clarenvilleDef a span img{ border-width: 0; padding: 2px; }
dd#clarenvilleDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#clarenvilleDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#CornerBrookDef{ position: absolute; z-index: 0; top: 260px; left: 125px; }
dd#CornerBrookDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#CornerBrookDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#CornerBrookDef a span img{ border-width: 0; padding: 2px; }
dd#CornerBrookDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#CornerBrookDef a:hover span{ visibility: visible; top: 0; left: 20px; }

dd#doylesDef{ position: absolute; z-index: 0; top: 339px; left: 58px; }
dd#doylesDef a{ position: absolute; width: 30px; height: 30px; text-decoration: none; }
dd#doylesDef a span{ position: absolute; background-color: #cad9ca; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
dd#doylesDef a span img{ border-width: 0; padding: 2px; }
dd#doylesDef a:hover{ visibility: visible; background-color: transparent; z-index: 50; }
dd#doylesDef a:hover span{ visibility: visible; top: 0; left: 20px; }