#map-box{
	background: #262835;
	padding: 10px;
	margin: 20px 0;
	border: 8px solid #e8e8e8;
}
#map-box #container-map{
	float: left;
	border: 1px solid #000;
	height: 336px;
}
#map-box #areas{
	background: #262835;
	float: right;
	padding: 10px;
	width: 440px;
}
#map-box #areas h2{
	color: #fff;
	font-size: 2em;
	margin: 0 0 20px 0;
}
#map-box #regions{
	color: white;
	font-size: 1.4em;
}
#map-box #regions{
	-moz-user-select: none;
} /*stops the text from hilighting in Mozilla when the user double clicks an area*/
#map-box ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#map-box #map-box-content{
	margin-bottom: 20px;
}
#map-box #regions li:hover{
	background-color: #5B5F7D;
}
#map-box #regions li.active{
	background-color: #555774 !important;
}
#map-box #regions li{
	border-bottom: solid 1px #3C3E52;
	line-height: 2em;
	padding: 0 5px;
	cursor: pointer;
	display: block;
	float: left;
	width: 200px;
	margin-right: 10px;
}
#regions li{
  background-color:#262835;
}
#regions li.active{
  background-color:#3c3e52;
}