.mapArea
{
	background: url("images/regional_map.jpg") top left no-repeat;
	font-family: Arial;
	height: 560px;
	margin-top: 20px;
	width: 660px;
}
.mapArea h4
{
	font-family: Arial;
	margin-bottom: 5px;
	margin-top: 5px;
}
.mapArea .mapImage
{
	border: 0px;
	float: right;
	z-index: 4;
}
div.overInfo
{
	background: #F0F0F0;
	border: 1px solid #999999;
	display: none;
	float: left;
	padding: 5px 25px 10px 25px;
	position: relative;
	top: -525px;
	width: 175px;
}
div.lock {
	background: url(images/unlock.gif) top left no-repeat;
	color: #999999;
	display: none;
	font: normal 8pt Arial;
	height: 16px;
	margin-left: 10px;
	padding: 3px 0px 3px 20px;
	text-transform: uppercase;
}
div.info
{
	display: none;
	margin-left: 10px;
}
div.info p
{
	margin-bottom: 15px;
}
div.info a, a:visited
{
	color: #012C56;
	font-family: Arial;
	text-decoration: underline;
}
div.info a:hover
{
	color: #d76e3e;
	text-decoration: underline;
}
/* Legend/Key-related styles */
.we			{ background-color: #EA8387; }
.we:hover	{ background-color: #FA9397; }
.mo			{ background-color: #C1B9D1; }
.mo:hover	{ background-color: #D1C9E1; }
.mw			{ background-color: #F1C6D0; }
.mw:hover	{ background-color: #FFD6E0; }
.gl			{ background-color: #80C5A9; }
.gl:hover	{ background-color: #90D5B9; }
.ne			{ background-color: #FBF595; }
.ne:hover	{ background-color: #FFFFC0; }
.se			{ background-color: #EBAD58; }
.se:hover	{ background-color: #FBBD68; }
.ca			{ background-color: #E0E0E0; }
.ca:hover	{ background-color: #F0F0F0; }
div.infoKey
{
	background-color: #FFFFFF;
	float: left;
	margin-left: 5px;
	position: relative;
	top: -360px;
	width: 225px;
}
div.infoKey a, a:visited {
	color: #012C56;
	font-family: Arial;
	text-decoration: underline;
}
.infoKey a:hover {
	color: #883000;/*#d76e3e;*/
	text-decoration: underline;
}
.infoKey h4
{
	color: #012C56;
	text-align: center;
}
div.infoKey div.national
{
	border: 1px solid #012C56;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.infoKeyItem
{
	font-family: Arial;
	margin: 5px 0px;
}
.infoKeyRegion
{
	border: 1px solid #999999;
	cursor: default;
	float: left;
	font: normal 8pt Arial, sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	padding: 5px 4px;
	text-align: center;
	text-transform: uppercase;
	width: 215px;
}
.infoKeyRegion:hover {
	border: 1px solid #555555;
}
.infoKeyName
{
	padding: 5px;
}