﻿H3 { margin-top: 0px;}

#contentMap
{
	padding: 0px;
	margin: 0px;
	width: 600px;
	float: left;
	overflow-x: hidden;
	display: inline;
}
#map
{
	width: 600px; 
	height: 600px;
}
#footer
{
	margin-left: auto; 
	margin-right: auto;
	margin-top: 6px;
	width: 804px;
	font-family: verdana; 
	font-size: 10px;
	line-height: 12px;
	color: #75818c;
	text-align: center;
}

#panel
{
	margin: 0px;
	border-right: #009 2px solid; 
	float: left;
	background-color: #fff; 
}
#panelTop
{
	width: 198px;
	height: 69px;
	padding-top: 4px;
	border-bottom: #009 1px solid;
}
.panelBottom
{
	width: 194px;
	height: 522px;
	overflow: auto;
	padding: 2px;
}

#panelTopText
{
	width: 194px;
	height: 38px;
	padding: 2px;
	overflow: hidden;
}
#legendTitle
{
	margin-left: 5px;
	margin-bottom: 4px;
}
.legend a
{
	text-decoration: none;
	color: #00c;
}
.legend .click
{
	cursor: pointer;
}
#legendTabs
{
    margin-top: 6px;
    margin-left: 3px;
	border-left: #009 1px solid;
	position: absolute;
	top: 216px;
}
#legendTabs td
{
	border-top: #009 1px solid;
	border-right: #009 1px solid;
	text-align: center;
	width: 50px;
}
#legendTabs .tabSelected
{
	background-color: #fff;
}
#legendTabs .tabUnselected
{
	border-bottom: #009 1px solid;
	background-color: #e8e8ff;
}
#legendTabs a
{
	width: 50px;
	font-family: comic sans ms;
	font-size: 10pt;
	line-height: 20px;
	text-decoration: none;
	display: block; 
	color: #009;
}

#prevent
{
    position: absolute;
    top: 0px;
    display: none;
}
#preventLayer 
{
	position: absolute; 
	left: 0px; 
	top: 48px; 
	width: 800px; 
	height: 722px; 
	background-color: #ccc; 
	filter: alpha(opacity=60); 
	opacity: .6;
}

#popup
{
    position: absolute;
    top: 0px;
    display: none;
}
#popupWindow
{
    position: absolute;
    xtop: 161500px;
    top: 220px;
    left: 100px;
	width: 600px;
	height: 500px;
	border: #a6a6a6 1px solid;
	background-color: #fff; 
}
#popupTitle
{
    padding: 1px 10px 1px 10px;
    width: 580px;
    border-bottom: #a6a6a6 1px solid;
	color: #000; 
    background-color: #eeeef4;
	font-weight: bold; 
	font-family: Arial; 
	font-size: 18px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	cursor: default;
}
#popupClose
{
	top: 6px;
	left: 580px;
	width: 14px;
	height: 13px;
	background-image: url(pics/close.gif);
	cursor: pointer;
	position: absolute;
	overflow: hidden;
}
#popupInner
{
    margin: 0px;
    width: 600px;
    height: 475px;
    overflow: auto;
}

.legend .moreinfo a
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #7777cc;
}
.legend .town
{
    font-family: Arial;
    font-size: 10pt;
    color: #000;
}

.markerInfo .location
{
    font-family: Arial;
    margin-bottom: 4px;
    font-size: 16px;
	font-weight: bold; 
}
.markerInfo .town
{
    font-family: Arial;
    font-size: 13px;
}
.markerInfo .moreinfo a
{
    font-family: Arial;
    font-size: 13px;
	text-decoration: none;
	color: #7777cc;
}
.markerInfo .getDirections
{
    font-family: Arial;
    font-size: 13px;
	font-weight: bold; 
}
.markerInfo .startAddress
{
    font-family: Arial;
    font-size: 11px;
}
.markerInfo .inputAddress
{
    width: 180px;
}
.markerInfo form
{
    margin-top: 4px;
    margin-bottom: 0px;
}

#popupMenu
{
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.menuFloat
{
	border: #009 2px solid; 
}
#popupText
{
    margin: 20px 20px 0px 20px;
    padding-bottom: 20px;
}
