body,  th,  td  {
	font-size: 80%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif
	}


a,
a:link,
a:visited    {
	color: Blue;
	text-decoration: none;
	border-bottom: none
}

a:hover,
a:active {
	color: red;
}


#pointerArrow {
	z-index:50;
	height: 299px;
	width: 336px;
	top: 134px;
	left: 120px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
div.PtArrow {
	z-index:100;
	position: absolute;
	top: 1px;
	left: 70px;
	color: #000;
	background-color: transparent;
	padding: 0px;
	width: 150px;
	border: 0px solid #000;
	}
	
div.PtArrow h2 {
	font-size: 18px;
	font-weight: bold;
	color: red;
	margin: 0 0 0em 0;
	padding: 0;
	}
	
div.PtArrow h5 {
	font-size: 11px;
	font-weight: 400;
	margin: 0 0 0em 0;
	padding: 0;
	}	
	
	
	
#pointerLeftArrow {
	z-index:50;
	height: 299px;
	width: 336px;
	top: 90px;
	left: 174px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
div.PtLeftArrow {
	z-index:100;
	position: absolute;
	top: 10px;
	left: 17px;
	color: #000;
	background-color: transparent;
	padding: 0px;
	width: 150px;
	border: 0px solid #000;
	}
	
div.PtLeftArrow h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 0em 0;
	padding: 0;
	}
	
div.PtLeftArrow h2 {
	font-size: 22px;
	font-weight: bold;
	color: red;
	margin: 0 0 0em 0;
	padding: 0;
	}
	
#step3BlnkArr {
	z-index:50;
	height: 192px;
	width: 279px;
	top: 280px;
	left: 424px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
div.step3Arrow {
	z-index:100;
	position: absolute;
	top: 93px;
	left: 110px;
	color: #000;
	background-color: transparent;
	padding: 0px;
	width: 150px;
	border: 0px solid #000;
	}
	
div.step3Arrow h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 0em 0;
	padding: 0;
	}
	
div.step3Arrow h2 {
	font-size: 22px;
	font-weight: bold;
	color: red;
	margin: 0 0 0em 0;
	padding: 0;
	}
	







#dotLodg {
	z-index:100;
	height: 11px;
	width: 11px;
	top: 247px;
	left: 165px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
#dotAttrac {
	z-index:100;
	height: 11px;
	width: 11px;
	top: 420px;
	left: 300px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
#dotShop {
	z-index:100;
	height: 11px;
	width: 11px;
	top: 220px;
	left: 550px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
#dotPoi {
	z-index:100;
	height: 11px;
	width: 11px;
	top: 200px;
	left: 390px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
#dotHighPoi {
	z-index:100;
	height: 11px;
	width: 11px;
	top: 280px;
	left: 411px;
	position: absolute;
	margin: 0;
	padding: 0;
	}



#copyright {
	height: 69px;
	width: 288px;
	top: 390px;
	left: 30px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
#blinkIntro {
	z-index:52;
	height: 35px;
	width: 31px;
	top: 132px;
	left: 321px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
	
/*  DOT LAYER COMMON CLASS callout */

div.callout {
	z-index:300;
	position: absolute;
	top: -120px;
	left: 22px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: hidden;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.callout h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.callout h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
	
#blinkStep1 {
	z-index:700;
	height: 35px;
	width: 31px;
	top: 300px;
	left: 400px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
	
div.topNavBar {
	z-index:27;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	visibility: visible; //options: hidden or visible
	padding: 0px;
	width: 700px;
	height: 78px;
	border: 0px;
	}
	
div.calloutTopNavBar {
	z-index:100;
	position: absolute;
	top: 78px;
	left: 300px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: hidden;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.calloutTopNavBar h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.calloutTopNavBar h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
	
div.top3Title {
	z-index:600;
	position: absolute;
	top: 98px;
	left: 500px;
	color: #000;
	visibility: visible; //options: hidden or visible
	padding: 0px;
	width: 150px;
	height: 44px;
	border: 0px;
	}	
	
	
	
	
	
div.topTitle1 {
	z-index:600;
	position: absolute;
	top: 78px;
	left: 0px;
	color: #000;
	visibility: visible; //options: hidden or visible
	padding: 0px;
	width: 150px;
	height: 44px;
	border: 0px;
	}
	
div.calloutTopTitle1 {
	z-index:100;
	position: absolute;
	top: 78px;
	left: 250px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: hidden;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.calloutTopTitle1 h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.calloutTopTitle1 h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
div.mapStPaulDntn {
	z-index:27;
	position: absolute;
	top: 79px;
	left: 150px;
	color: #000;
	visibility: visible; //options: hidden or visible
	padding: 0px;
	width: 700px;
	height: 450px;
	border: 0px;
	}
	
div.calloutMapStPaulDntn {
	z-index:100;
	position: absolute;
	top: 500px;
	left: 450px;
	color: #000;
	background-color: #000000;
	background-image: url("../images/back_style.gif");
	visibility: visible;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.calloutMapStPaulDntn h5 {
	font-size: 12px;
	font-weight: 300;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.calloutMapStPaulDntn h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
	
div.indexList {
	position: absolute;
	top: 70px;
	left: 0px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: visable;
	padding: 5px;
	width: 150px;
	border: 2px solid #000;
	}
	
div.indexList h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.indexList h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
	
	
div.calloutStep1 {
	z-index:100;
	position: absolute;
	top: 362px;
	left: 150px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: hidden;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.calloutStep1 h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.calloutStep1 h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
	
#blinkStep2 {
	z-index:2;
	height: 35px;
	width: 31px;
	top: 514px;
	left: 415px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
div.calloutStep2 {
	z-index:100;
	position: absolute;
	top: 362px;
	left: 500px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: hidden;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.calloutStep2 h5 {
	z-index:100;
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.calloutStep2 h3 {
	z-index:100;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
#blinkStep3 {
	z-index:2;
	height: 35px;
	width: 31px;
	top: 500px;
	left: 380px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
div.calloutStep3 {
	z-index:100;
	position: absolute;
	top: 362px;
	left: 500px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/back_style.gif");
	visibility: hidden;
	padding: 5px;
	width: 240px;
	border: 2px solid #000;
	}
	
div.calloutStep3 h5 {
	z-index:100;
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.calloutStep3 h3 {
	z-index:100;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	
#mainGrid {
	z-index:7;      //Layer Overlapping with z-index
	height: 750px;
	width: 750px;
	top: 300px;
	left: 300px;
	position: absolute;
	margin: 0;
	padding: 0;
	}
	
div.rulerGrid {
	z-index:-700;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	background-color: #ffffff;
	background-image: url("../images/CSSrulerBlue.gif");
	visibility: visible; //options: hidden or visible
	padding: 0px;
	width: 750px;
	height: 750px;
	border: 0px;
	}
	
div.rulerGrid h5 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
	}

div.rulerGrid h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}