@charset "utf-8";
/* CSS Document */

html,
body {
	margin: 0;
	padding: 0;
	}

* {
	margin: 0;
	behavior: url(iepngfix.htc);
	}

body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: #E4E4DE;
	}

img {
	vertical-align: middle;
	}

a {
	text-decoration: none;
	color: #114085;
	}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
	}

a:hover {
	background: #114085;
	color: #FFF;
	}

#layoutContainer {
	margin: auto;
	width: 964px;
	}

#areaHeader {
	background: #114085 url(/images/bg.png);
	height: 84px;
	}

h1 {
	margin: 3px 0px 0px 3px;
	float: left;
	}

h1 a {
	display: block;
	height: 80px;
	width: 80px;
	text-indent: -2000em;
	background: url(/images/logo.png);
	}

h1 a:hover {
	background: transparent url(/images/logo.png);
	}

#areaHeader ul {
	list-style: none;
	padding: 0;
	float: right;
	padding-top: 54px;
	}

#areaHeader li {
	float: left;
	}

#areaHeader ul a {
	display: block;
	line-height: 30px;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 1em;
	}

#areaHeader ul a:hover {
	background: #AABCD5;
	color: #114085;
	}

#areaBreadcrumbs {
	background: #AABCD5;
	color: #114085;
	padding: 4px 10px;
	}

#areaSidebar {
	float: left;
	width: 200px;
	margin: 1.5em 0;
	}

#areaSidebar ul {
	list-style: none;
	padding: 0;
	margin: -10px;
	}

#areaSidebar ul a {
	display: block;
	line-height: 2em;
	padding: 0 10px;
	color: #114085;
	}

#areaSidebar ul a:hover {
	background: #AABCD5;
	}

.layoutSidebar {
	padding-left: 220px;
	}

#areaContent {
	margin: 1.5em 0;
	}

h2 {
	background: #114085;
	color: #FFF;
	padding: 5px 10px;
	}

.layoutContent {
	background: #FFF;
	padding: 10px;
	}

#layoutHome {
	background: #000 url(/images/home.jpg) no-repeat;
	color: #FFF;
	}

#layoutHome p {
	text-align: justify;
	padding: 10px 10px 10px 400px;
	margin: 0;
	}

#layoutHome ul {
	list-style: none;
	padding: 0;
	}

#layoutHome li {
	float: left;
	width: 321px;
	}

#layoutHome ul a {
	display: block;
	padding: 10px 15px;
	font-size: 0.9em;
	color: #FFF;
	}

#layoutHome h3 {
	margin: 0;
	font-size: 1.3em;
	}

h3 {
	margin-bottom: 0.5em;
	clear: both;
	}

.layoutSidebar h3 {
	clear: none;
	}

h4 {
	margin-bottom: 0.2em;
	font-size: 1.7em;
	color: #114085;
	clear: both;
	}

#areaContentMenu {
	color: #666;
	font-size: 0.8em;
	border-top: #000 1px solid;
	clear: both;
	}

#areaContentMenu p {
	float: left;
	line-height: 2.5em;
	}

#areaContentMenu ul {
	list-style: none;
	padding: 0;
	float: right;
	}

#areaContentMenu li {
	float: left;
	}

#areaContentMenu ul a {
	display: block;
	padding: 0 1em;
	color: #000;
	line-height: 2.5em;
	}

#areaContentMenu ul a:hover {
	background: #CCC;
	}

#areaRegionsLeft {
	float: left;
	width: 250px;
	text-align: right;
	}

#layoutMap {
	width: 420px;
	margin: auto;
	}

#areaRegionsRight {
	float: right;
	width: 250px;
	}

#areaRegionsLeft ul, #areaRegionsRight ul {
	padding: 0;
	}

#areaRegionsLeft li, #areaRegionsRight li {
	list-style: none;
	}

#areaRegionsLeft li a, #areaRegionsRight li a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #FFF;
	padding: 4px 8px;
	}

#areaRegionsLeft li a:hover, #areaRegionsRight li a:hover {
	background: #AABCD5;
	color: #114085;
	}

.cs {
	background: #FEB400;
	}

.ns {
	background: #5D193B;
	}

.es {
	background: #86391E;
	}

.ni {
	background: #00579C;
	}

.cb {
	background: #0083AD;
	}

.ne {
	background: #1A275E;
	}

.yl {
	background: #D044EE;
	}

.nw {
	background: #AE1619;
	}

.ie {
	background: #82B64A;
	}

.wa {
	background: #BF7B1A;
	}

.mi {
	background: #090;
	}

.ea {
	background: #004D5C;
	}

.lw {
	background: #000;
	}

.se {
	background: #969696;
	}

.we {
	background: #8C9120;
	}

.sw {
	background: #F88670;
	}

.ci {
	background: #5C4D39;
	}

.footnote {
	color: #666;
	}

#areaTXMap {
	height: 500px;
	background: #FFF;
	}

.textfields {
	width: 40%;
	}

textarea {
	width: 99%;
	}

label span {
	display: block;
	line-height: 2em;
	}

.hide {
	display: none;
	}

.button {
	margin-top: 1em;
	}

#areaFooter {
	color: #666;
	font-size: 0.8em;
	border-top: #666 1px solid;
	clear: both;
	}

#areaFooter p {
	float: left;
	line-height: 2.5em;
	}

#areaFooter ul {
	list-style: none;
	padding: 0;
	float: right;
	}

#areaFooter li {
	float: left;
	}

#areaFooter ul a {
	display: block;
	padding: 0 1em;
	color: #666;
	line-height: 2.5em;
	}

#areaFooter ul a:hover {
	background: #CCC;
	}