html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: geneva,arial,helvetica,sans-serif;
	background-color: #FFFFFF;
	line-height: normal;
}
select {
	padding: 8px; 
	margin: 12px 0px;
	min-width: 140px;
	width: 100%;
}
#fullPage {
	height: 100%;
	width: 100%;
}
header {
	height: 60px;
}
header .logo {
	left: 20px;
	top: 0;
}
#nav-wrap {
	margin-top: 10px;
}

#hdrContainerDiv {
	padding: 0px;
	height: 64px;
	background-color: #404040;
}
#mapContainerDiv {
	padding: 0;
	background-color: #CCDDFF;
}

#mapDiv {
	height: 100%;
	width: 100%;
}

/* ======================== */
.infoWindow {
	position: absolute;
	top: 16px;
	left: 56px;
	padding: 4px;
	background-color: #FFFFFF;
	border: 2px solid #0A6464;
	z-index: 100;
	display: none;
	max-width: 260px;
	border-radius: 5px;
}

.infoTitle {
	font-size: 1.1em;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #444;
}
.infoLinkTbl {
	width: 100%;
	text-align: center;
}
.infoLinkTbl td {
	padding: 4px;
}
.selClient {
	color: #0A6464;
	font-weight: bold;
}
.closeX {
    	float:right;
	width:14px;
	height:14px;
	background:url(../common/images/close_black.png) no-repeat center center;
}
.siteName {
	text-align: center;
	font-size: 1.1em;
	color: #444;
	padding: 4px 2px;
}
.siteLinkNote {
	font-size: 0.75em;
	padding: 0px 2px 2px 12px;
}
#dataContents {
	padding: 4px;
}
.sad {
	padding: 8px 4px;
	background-color: #666;
	color: #DDD;
}
.sad image {
	padding: 0px 8px;
	vertical-align: middle;
}
.happy {
	color: #0A6464;
	text-align: center;
}
.zoomToBtnDiv {
	padding: 4px 4px;
	text-align: center;
}
.zoomToBtn {
	background-color: #0A6464;
	padding: 4px 12px;
	text-align: center;
	margin: 8px 8px;
}

.small {
	font-size: 0.8em;
} 
/* ======================== */
.mapBtn {
	position: absolute;
	left: 16px;
	width: 32px;
	height: 32px;
	background-color: #FFFFFF;
	padding: 6px;
	cursor: pointer;
	box-shadow: 0px 1px 2px gray;
}
.mapBtn:hover {
	background-color: #EEEEEE;
}

#legendBtn {
	top: 128px;
}
#infoBtn {
	top: 166px;
}

/* ======================== */
#legendDiv {
	width: 200px;
}
.legendHdr {
	width: 100%;
	text-align: center;
	padding: 4px;
}
.legendTbl {
	padding: 0px;
}

.legendTbl td {
	vertical-align: middle;
	padding: 0px 4px;
	font-size: 0.8em;
}
/* ======================== */
.right {
	text-align: right;
}
.cen {
	text-align: center;
}