@charset "utf-8";
/* CSS Document */

img {
border: none;
}

#MapPageContainer {
position:relative;
width:1000px;
margin:0px auto;
background-color: #cce5ff;
padding: 20px 0px;
}

#PlacesList {
position:absolute;
top: 10px;
left: 10px;
width: 310px;
color: #996633;
}
	#PlacesList ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;	
	}
	#PlacesList li {
	padding: 3px;
	margin: 0;
	line-height: 16px;
	}
	#PlacesList li a, #PlacesList li a:active, #PlacesList li a:visited, #PlacesList li a:hover {
	padding: 3px 3px 3px 3px;
	color: #996633;
	width: 100%;
	height: 100%;
	}
	#PlacesList li a:hover, .CurrentMapItem {
	color: #fff !important;
	padding-right: 12px !important;
	background: #996633 url(../images/map/selected-map-item-right.gif) right top no-repeat;
	}
	/*#PlacesList li a:hover b, .CurrentMapItem b {
	padding-right: 12px !important;
	background: #996633 url(images/selected-map-item-left.gif) left top no-repeat;
	}*/

#MapPopupContainer {
	position: absolute;
	width: 410px;
	left: 448px;
	top: 76px;
	opacity:0.85;
	/*filter:alpha(opacity=85); */
}
	.MapPopupTop {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	padding: 0px 10px 5px 10px;
	background: url(../images/map/popup-top-sec.png) left top repeat-y;
	}
	.MapPopupBody {
	color: #996633;
	font-size: 11px;
	padding: 10px 10px 5px 10px;
	background: url(../images/map/popup-bottom-sec.png) left top repeat-y;
	}
	.MapPopupClose {
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
    }
.MapContainer {
position:relative; 
width:976px; 
height:648px;
margin: 0 auto;
background: url(../images/map/VeliganduMapBG-new2.gif) left top no-repeat;
}

.MapContainer .Overlay, .MapContainer .Overlay img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.MapContainer div {
	position:absolute;
}

.MapContainer .Area1 {
	position:absolute;
	left: 332px;
	top: 282px;
	display:none;
}
.MapContainer .Area2 {
	position:absolute;
	left: 418px;
	top: 408px;
	display:none;
}
.MapContainer .Area3 {
	position:absolute;
	left: 378px;
	top: 403px;
	display:none;
}
.MapContainer .Area4 {
	position:absolute;
	left: 355px;
	top: 455px;
	display:none;
}
.MapContainer .Area5 {
	position:absolute;
	left: 307px;
	top: 457px;
	display:none;
}
.MapContainer .Area6 {
	position:absolute;
	left: 357px;
	top: 415px;
	display:none;
}
.MapContainer .Area7 {
	position:absolute;
	left: 408px;
	top: 476px;
	display:none;
}
.MapContainer .Area8 {
	position:absolute;
	left: 417px;
	top: 452px;
	display:none;
}
.MapContainer .Area9 {
	position:absolute;
	left: 435px;
	top: 370px;
	display:none;
}
.MapContainer .Area10 {
	position:absolute;
	left: 496px;
	top: 442px;
	display:none;
}
.MapContainer .Area11 {
	position:absolute;
	left: 543px;
	top: 399px;
	display:none;
}
.MapContainer .Area12 {
	position:absolute;
	left: 440px;
	top: 410px;
	display:none;
}
.MapContainer .Area13 {
	position:absolute;
	left: 460px;
	top: 390px;
	display:none;
}
.MapContainer .Area14 {
	position:absolute;
	left: 530px;
	top: 365px;
	display:none;
}
.MapContainer .Area15 {
	position:absolute;
	left: 510px;
	top: 392px;
	display:none;
}
.MapContainer .Area16 {
	position:absolute;
	left: 569px;
	top: 296px;
	display:none;
}
.MapContainer .Area17 {
	position:absolute;
	left: 652px;
	top: 274px;
	display:none;
}
.MapContainer .Area18 {
	position:absolute;
	left: 200px;
	top: 522px;
	display:none;
}
.MapContainer .Area19 {
	position:absolute;
	left: 388px;
	top: 428px;
	display:none;
}
.MapContainer .Area20 {
	position:absolute;
	left: 631px;
	top: 283px;
	display:none;
}
/*.MapContainer .Area21 {
	position:absolute;
	left: 645px;
	top: 274px;
	display:none;
}
.MapContainer .Area22 {
	position:absolute;
	left: 784px;
	top: 143px;
	display:none;
}
.MapContainer .Area23 {
	position:absolute;
	left: 826px;
	top: 9px;
	display:none;
}
*/