body {
	background-color:#fff;
	font:100%/1.5 Arial,helvetica,sans-serif;
}

#outerContainer {
	margin:0 auto;
	width:480px;
}

#innerContainer {
	float:left;
	width:100%;
	position:relative;
}

.popup {
	position: absolute;
	top: 20px;
	left: 150px;
	z-index: 100;
	display: none;
	border:1px solid #999;
	padding:0 10px;
	float:left;
	opacity:0.8;
	filter: alpha(opacity = 80);
	background-color:#fff;
	width:307px;
	overflow:auto;
	height:400px;
}

p {
	font-size:0.7em;
}

.sec_popup {
	position: absolute;
	left:140px;
	z-index: 100;
	display: none;
	border:1px solid #999;
	padding:0 0 0 10px;
	float:left;
	background-color:#fff;
	width:340px;
	overflow:auto;
	height:300px;
}


.percentage {
	color:#0046a8;
}

#north_region .percentage {
	color:#01a89e;
}

#central_region .percentage {
	color:#EF7D52;
}

#south_region .percentage {
	color:#D93917;
}

.lhs .percentage {
	color:#ff4541
}

h1 {
	color:#f9533e;
	font-size:1.3em;
	margin:10px 0 4px 0;
}

h2 {
	font-size:1em;
	margin:0.3;
	color:#000;
}

#sec h2 {
	background-color:#424242;
	padding:4px;
	color:#f2a276;
}

.switch {
	position:relative;
	float:left;
	min-height:520px;
}

.lhs {

	float:left;
}
.rhs {
	width:160px;
	float:right;
}

#buttons {
	margin-top:30px;
	float:left;

}

#buttons h2 {
	margin-bottom:6px;
		width:132px;
}

.selected {
	color:#000;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
}

.selected a:hover {
	text-decoration:underline;
}


.unselected {
	color:#999;
	font-size:0.8em;
	text-decoration:none;
}

.unselected a:hover {
	text-decoration:underline;
}

#titles {
	float:left;
	width:320px;
}

#logos {
	float:right;
	width:120px;
}

#logos a {
	font-size:0.8em;
	text-decoration:none;
	color:#f9533e;
}