/* CSS Document */

/* suggested order ---

display
float
clear
overflow
width
height
margin-
border-
padding-
background-
color
font-
text-

*/ 

body {
	text-align: center;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
	border-top: 10px solid #555;
	padding: 0;
	margin: 0;
	}
body.normal {
	border: 0;
	background:#FFFFFF url(../images/bg-body.gif) repeat-x scroll 0 0;
	text-align: left;
	}
table {
	line-height: 13px;
	}
a {
	color: #125AA7;
	text-decoration: none;
	outline: none;
	}
a img {
	border: 0;
	}
a:hover {
	color: #729Af7;
	text-decoration: none;
	}
h1,h2,h3,h4,h5,h6 {
	margin: 8px 0;
	font-weight: bold;
	color: #000;
	}
h1 {
	font-size: 22px;
	}
h2 {
	font-size: 19px;
	}
h3 {
	font-size: 14px;
	}
h4 {
	font-size: 12px;
	}
td h4 {
	margin: 2px 0;
	}
ul {
	padding-left: 1.5em;
	}
input {
	margin: 0 2px;
	}
	
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
sup {
	bottom: 1ex;
	}
sub {
	top: .5ex;
	}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #dbdbdb;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: transparent;
	}
.sidemenu hr {
	margin: 8px 0;
	}
* html hr {
	margin: 10px 0;
	padding: 0;
	}
* html p {
	margin: 10px 0;
	line-height: 1.5em;
	}
	
#container {
	width: 940px;
	text-align: left;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #fff;
	padding: 10px 30px;
	position: relative;
	z-index: 1;
	}
h2 {
	color: #6C7C8F;
	}
#main h2 {
	color: #6C7C8F;
	}
#mapheader {
	padding: 10px 0 2px 0;
	}
#mapheader h2 {
	color: #6C7C8F;
	}

#aboutmenu {
	position: relative;
	}
#aboutmenu ul {
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
	height: 22px;
	}
#aboutmenu ul li {
	margin: 0;
	border-right: 0px solid #BEC6CD;
	float: left;
	list-style-type: none;
	font-size: 11px;
	line-height: 12px;
	}
#aboutmenu ul li a {
	display: block;
	padding: 5px 10px;
	}
#aboutmenu ul li a.active {
	color: #888;
	}
#controlmenu {
	margin-top: 5px;
	height: 25px;
	background: #3256A2 url(../images/v2/bg-menu.gif) 0 bottom repeat-x;
	}
#controlmenu ul {
	font-weight: bold;
	padding: 0;
	padding-left: 0;
	}
#controlmenu ul li {
	margin: 0;
	float: left;
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
	}
#controlmenu ul li a {
	display: block;
	padding: 6px 10px 7px 10px;
	color: #DDE7FC;
	}
#controlmenu ul li a:hover {
	color: #fff;
	}
#controlmenu ul li.inactive a {
	background: #3256A2 url(../images/v2/bg-menu.gif) 0 bottom repeat-x;
	}
#controlmenu ul li.active a {
	background-color: #e2e5e9;
	color: #125AA7;
	}
	
.zoom-blockgroup {
	padding-left: 18px;
	background: url(../images/v2/plus-sml.png) 0 0 no-repeat;
	}
	
.menulinks {
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
	height: 22px;
	}
.menulinks li {
	margin: 0;
	border-right: 0px solid #BEC6CD;
	float: left;
	list-style-type: none;
	font-size: 11px;
	line-height: 12px;
	}
.menulinks li a {
	display: block;
	padding: 5px 10px;
	}
.menulinks li a.active {
	color: #888;
	}
	
.sidemenu {
	padding: 15px;
	background-color: #e2e5e9;
	}
.sidemenu h3 {
	margin: 0 0 10px 0;
	font-size: 13px;
	}
.sidemenu a.active {
	color: #888;
	}
.sidemenu ul {
	list-style-type: none;
	padding-left: 0;
	}
.sidemenu ul li {
	margin: 8px 0;
	font-size: 11.5px;
	}
.pdf {
	padding-left: 20px;
	background: url(../images/pdf.gif) 0 0 no-repeat;
	display: inline-block;
	}
.format, a .format {
	font-size: 9px;
	color: #889;
	text-decoration: none;
	}
	
	
#legendmenu {
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
	height: 15px;
	}
#legendmenu li {
	margin: 0;
	float: left;
	list-style-type: none;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 11px;
	}	
#legendmenu li.title {
	display: block;
	padding: 4px;
	color: #606f8f;
	}
#legendmenu li a {
	display: block;
	padding: 4px 3px;
	}
#see_text {
	}
#see_table {
	}
#see_graph_coarse {
	}
#see_graph_fine {
	}
#see_graph_lines {
	}
	
.toggle {
	margin: 1px 5px;
	}
	
#hticons {
	float:left;
	border: 0;
	}
#httitle {
	border: 0;
	}
#hticons img, #httitle img {
	border: 0;
	}
	
#thememenu {
	border-bottom: 1px solid #DCE0E4;
	margin-bottom: 20px;
	}
#thememenu ul {
	margin: 0;
	border: 0;
	border-left: 1px solid #DCE0E4;
	padding: 0;
	height: 23px;
	}
#thememenu ul li {
	margin: 0;
	border-right: 1px solid #DCE0E4;
	float: left;
	padding: 5px 10px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	}
.themelist li {
	list-style-type: none;
	}
#thememenu ul li.themeitem-active {
	background-color: #fff;
	border-top: 1px solid #DCE0E4;
	border-bottom: 1px solid #fff;
	}
#thememenu ul li.themeitem-inactive {
	background-color: #e6f0fc;
	border-top: 0;
	border-bottom: 0;
	}
#main {
	overflow: hidden;
	}
* html #main{
  height:1%; /* So IE plays nice */
}

.col1 h3 {
	padding: 0 10px;
	}
.col2 h3 {
	padding: 0 10px;
	}
#maptitle {
	display: none;
	}
#maptitle1 {
	padding-right: 64px; 
	background: url(../images/v2/dd-arrow2c.gif) 100% 0 no-repeat; 
	color: #000;
	}
* html #maptitle1 {
	display: inline-block;
	background-position: 100% 3px;
	}
#maptitle1:hover {
	color: #2B54A7;
	text-decoration: underline;
	}
#maptitle2 {
	padding-right: 64px; 
	background: url(../images/v2/dd-arrow2c.gif) 100% 0 no-repeat; 
	color: #000;
	}
* html #maptitle2 {
	display: inline-block;
	background-position: 100% 3px;
	}
#maptitle2:hover {
	color: #2B54A7;
	text-decoration: underline;
	}
#regionheader {
	padding: 5px 10px;
	background-color: #e2e5e9;
	}
#regiontitle {
	padding-right: 70px;
	background: url(../images/v2/dd-arrow1c.gif) 100% 0 no-repeat;
	color: #606f8f;
	}
#regiontitle:hover {
	color: #2B54A7;
	text-decoration: underline;
	}
	
	
.regionform h4 {
	margin: 0;
	font: bold 13px/15px Helvetica, Arial, sans-serif;
	}	
.regionform {
	margin: 15px 0 0 0;
	}
.regionfield {
	float: left;
	width: 360px;
	margin: 0;
	margin-right: 1px;
	padding: 3px;
	border: 1px solid #86BCDC;
	font-size: 15px;
	}
.regionddarrow {
	width: 31px;
	height: 27px;
	}
#focus_div {
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	color: #606f8f;
	font-size: 11px;
	line-height: 21px;
	}
#legendview {
	float: right;
	position: relative;
	color: #606f8f;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 5px;
	}	
#legendcurrent {
	padding-right: 64px;
	background: url(../images/v2/dd-arrow2c.gif) 100% 0 no-repeat; 
	color: #606f8f;
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 5px;
	}
#legendoptions {
	position: absolute;
	top: -100px;
	right: 60px;
	width: 160px;
	margin: 0;
	border: 2px solid #8796a6;
	padding: 0;
	z-index: 20000;
	background-color: #ffffff;
	}
#legendoptions li {
	list-style-type: none; 
	font-size: 11px;
	line-height: 13px;
	}	
#legendoptions li a {
	display: block;
	background-color: #fff;
	padding: 5px;
	color: #525252;
	}	
#legendoptions li a:hover {
	background-color: #125aa7;
	color: #fff;
	}
#focus, #subregion_menu select {
	border: 1px solid #78a1d0;
	background-color: #f3f7fc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #6c768f;
	color: #2b54a7;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	padding: 1px;
	}
#focus option, #subregion_menu select option {
	color: #525252;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	}
	

#helptitle {
	padding-right: 70px;
	padding-bottom: 1px;
	border-bottom: 1px solid #fff;
	background: url(../images/dd-arrow1b.gif) 100% 2px no-repeat;
	color: #8796A6;
	}
#helptitle:hover {
	padding-bottom: 1px;
	border-bottom: 1px solid #2B54A7;
	}
#featuretitle {
	padding-right: 70px;
	padding-bottom: 1px;
	border-bottom: 1px solid #fff;
	background: url(../images/dd-arrow1b.gif) 100% 2px no-repeat;
	color: #8796A6;
	}
#featuretitle:hover {
	padding-bottom: 1px;
	border-bottom: 1px solid #2B54A7;
	}
.col1 {
	float: left;
	width: 460px;
	margin-right: -480px;
	}
.col2 {
	width: 460px;
	margin-left: 480px;
	}
.legcol1 {
	float: left;
	width: 170px;
	}
.legcol2 {
	width: 170px;
	margin-left: 230px;
	font-size: 11px;
	line-height: 14px;
	color: #555;
	}

.stat_desciption {
	color:grey;
	font-size: 10px;
	padding-right: 10px;
	height: 108px;
	overflow: auto; 
}
	
#stat_output1 {
	padding: 0 10px 10px 10px;
	}
#stat_output2 {
	padding: 0 10px 10px 10px;
	}
#stat_graph1 {
	padding: 0 10px 10px 10px;
	}
#stat_graph2 {
	padding: 0 10px 10px 10px;
	}	
.stat_output {
	margin: 0 0 5px 10px;
	width: 438px;
	border: 0;
	border-collapse: collapse;
	}
.stat_output th {
	font-size: 10px;
	font-weight: bold;
	color: #555;
	text-align: left;
	line-height: 11px;
	padding: 2px 5px;
	vertical-align: top;
	border: 1px solid #dce0e4;
	background-color: #f0f3f9;
	}
.stat_output th.top {
	border-bottom: 0;
	}
.stat_output td {
	font-size: 10px;
	font-weight: normal;
	color: #555;
	text-align: left;
	line-height: 11px;
	padding: 2px 5px;
	vertical-align: top;
	border: 0;
	border: 1px solid #dce0e4;
	}
.stat_output td.amt {
	text-align: right;
	color: #037747;
	}
.graph_output {
	height: 117px;
	margin: 0;
	overflow: hidden;
	}
.graph_output th {
	overflow: hidden;
	border-bottom: 1px solid #DCE0E4;
	padding: 2px 0;
	color: #333;
	font-weight: normal;
	font-size: 10px;
	line-height: 11px;
	text-align: left;
	vertical-align: bottom;
	}
.graph_output td {
	overflow: hidden;
	padding: 2px 0;
	color: #333;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	vertical-align: center;
	}
.graph_output td.accent {
	color: #333;
	font-weight: bold;
	}

.graph_output td img {
	margin: 1px;
	}
.graph_output td.amt {
	color: #037747;
	}
.graph_output td.grey {
	color: #aaaaaa;
	font-size: 8px;
	}
.graph_axis {
	line-height: 0px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	} 
.graph_axis td {
	line-height: 0px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	} 
#graph_meta_text1 {
	margin: 0 4px;
	border-top: 1px solid #DCE0E4;
	padding-top: 4px;
	color: #555;
	font-size: 10px;
	}
#graph_meta_text2 {
	margin: 0 4px;
	border-top: 1px solid #DCE0E4;
	padding-top: 4px;
	color: #555;
	font-size: 10px;
	}
#legend_graph_coarse1 {
	width: 438px;
	margin-left: 10px;
	}
#legend_graph_coarse2 {
	width: 438px;
	margin-left: 10px;
	}
#legend_graph_fine1 {
	width: 438px;
	margin-left: 10px;
	}
#legend_graph_fine2 {
	width: 438px;
	margin-left: 10px;
	}
#stats1 {
	width: 438px;
	margin-left: 10px;
	}
#stats2 {
	width: 438px;
	margin-left: 10px;
	}
#text1 {
	font-size: 11px;
	}
#text2 {
	font-size: 11px;
	}
#info1 {
	padding: 10px;
	}
#info2 {
	padding: 10px;
	}
#infolist {
	margin: 5px 0;
	padding: 12;
	border-bottom: 0px solid #BEC6CD;
	color: #606f8f;
	}	
#infolist ul {
	margin-left: -10px;
	padding-left: 0px;
	border: 0;
	height: 15px;
	}
#infolist ul li {
	padding: 0 10px;
	float: left;
	list-style-type: none;
	font-size: 11px;
	line-height: 14px;
	}	
#regionbox {
	position: absolute;
	top: 115px;
	left: 30px;
	border: 2px solid #8796A6;
	background-color: #fff;
	padding: 30px;
	z-index: 10000;
	}
#faqbox {
	position: absolute;
	top: 115px;
	left: 30px;
	border: 2px solid #8796A6;
	background-color: #fff;
	padding: 30px;
	z-index: 10000;
	}
#glossarybox {
	position: absolute;
	top: 115px;
	left: 30px;
	border: 2px solid #8796A6;
	background-color: #fff;
	padding: 30px;
	z-index: 10000;
	}
#themebox {
	position: absolute;
	top: 115px;
	left: 30px;
	border: 2px solid #8796A6;
	background-color: #fff;
	padding: 30px;
	z-index: 10000;
	}
#closebuttontext {
	display: none;
	position: absolute;
	top: 20px;
	right: 60px;
	font-size: 8pt;
	}
.closebutton {
	position: absolute;
	top: 20px;
	right: 20px;
	}
.closebutton span {
	display: none;
	}
.closebutton a {
	display: block;
	width: 19px;
	height: 19px;
	padding: 0;
	background: #9facb8 url(../images/closeoverlay.gif) 2px 2px no-repeat;
	}
.shadow {
	position: absolute;
	top: 2px;
	left: 2px;
	border-bottom: 2px solid #888;
	border-right: 2px solid #888;
	opacity: 0.40;
	z-index: -1000;
	width: 100%;
	height: 100%;
	}
* html .shadow {
	display: none;
	}
	
#refmap {
	position: absolute;
	top: -201px;
	right: -201px;
	}
	
#windowscreen {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	z-index: 9000;
	opacity: 0.50;
	filter: alpha(opacity=5);
	}



#mapframe1 {
	padding: 4px;
	background-color: #9FACB8;
	background-color: #EDEFF1;
	}
#map1 { 
	display: block;
	position: relative;
	margin: 0;
	border: 1px solid #EDEFF1;
	padding: 0;
	width: 450px;
	height: 450px;
	overflow: hidden;
	background-color: #fdf3cc;
	background-color: #ece8d8;
	}
#map-image1 { 
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	width: 450px;
	height: 450px;
	background-position: 0 0;
	}
#map-image1 img {
	cursor: pointer;
	}
#map-image1 img:active {
	cursor: move;
	}
	

#mapframe2 {
	padding: 4px;
	background-color: #9FACB8;
	background-color: #EDEFF1;
	}
#map2 { 
	display: block;
	position: relative;
	margin: 0;
	border: 1px solid #EDEFF1;
	padding: 0;
	width: 450px;
	height: 450px;
	overflow: hidden;
	background-color: #fdf3cc;
	background-color: #ece8d8;
	}
#map-image2 { 
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	width: 450px;
	height: 450px;
	background-position: 0 0;
	}
#map-image2 img {
	cursor: pointer;
	}
#map-image2 img:active {
	cursor: move;
	}
#scalebar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 110px;
	height: 20px;
	background-color: transparent;
	background-image: none;
	background-position: 0 2px;
	background-repeat: no-repeat;
	}
#scalebar:hover {
	background-color: #d0e0bb;
	}
#refmap {
	border: 1px solid #ccc;
	z-index: 1000;
	width: 220px;
	height: 220px;
	background: transparent url(../images/clear.gif) top left no-repeat;
 	}	
#refmapbutton span {
 	display: none;
 	}
#refmapbutton a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	z-index: 1200;
	}
#refmapbutton a.open {
	background: #2B54A7 url(../images/refmapbutton.gif) -20px 0 no-repeat;
	}
#refmapbutton a.closed {
	background: #2B54A7 url(../images/refmapbutton.gif) 0 -20px no-repeat;
	}
	
#legend {
	width: 250px;
	}
img#hourglass1, img#hourglass2 {
	z-index: 4000;
	position: absolute;
	top: 204px;
	right: 204px;
	border: 10px solid #fff;
	background-color: #fff;
	}
	
#controls {
	position: relative;
	}
#pan-dir {
	display: block;
	/*display: none; */
	position: absolute;
	left: 10px;
	top: 10px;
	width: 45px;
	height: 45px;
	border: 0;
	}
#pan-nw {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	}
#pan-nw span {
	display: none;
	}
#pan-nw a {
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	}
#pan-nw a:hover {
	background: url(../images/pan-nw-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-n {
	position: absolute;
	display: block;
	left: 15px;
	top: 0;
	width: 15px;
	height: 15px;
	}
#pan-n span {
	display: none;
	}
#pan-n a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/pan-n.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-n a:hover {
	background: url(../images/pan-n-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-ne {
	position: absolute;
	display: block;
	left: 30px;
	top: 0;
	width: 15px;
	height: 15px;
	}
#pan-ne span {
	display: none;
	}
#pan-ne a {
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	}
#pan-ne a:hover {
	background: url(../images/pan-ne-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-w {
	position: absolute;
	display: block;
	left: 0px;
	top: 15px;
	width: 15px;
	height: 15px;
	}
#pan-w span {
	display: none;
	}
#pan-w a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/pan-w.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-w a:hover {
	background: url(../images/pan-w-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-center {
	position: absolute;
	display: block;
	left: 15px;
	top: 15px;
	width: 15px;
	height: 15px;
	}
#pan-center span {
	display: none;
	}
#pan-center a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/pan-center.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-center a:hover {
	background: url(../images/pan-center-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-e {
	position: absolute;
	display: block;
	left: 30px;
	top: 15px;
	width: 15px;
	height: 15px;
	}
#pan-e span {
	display: none;
	}
#pan-e a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/pan-e.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-e a:hover {
	background: url(../images/pan-e-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-sw {
	position: absolute;
	display: block;
	left: 0px;
	top: 30px;
	width: 15px;
	height: 15px;
	}
#pan-sw span {
	display: none;
	}
#pan-sw a {
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	}
#pan-sw a:hover {
	background: url(../images/pan-sw-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-s {
	position: absolute;
	display: block;
	left: 15px;
	top: 30px;
	width: 15px;
	height: 15px;
	}
#pan-s span {
	display: none;
	}
#pan-s a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/pan-s.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-s a:hover {
	background: url(../images/pan-s-h.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-se {
	position: absolute;
	display: block;
	left: 30px;
	top: 30px;
	width: 15px;
	height: 15px;
	}
#pan-se span {
	display: none;
	}
#pan-se a {
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	}
#pan-se a:hover {
	background: url(../images/pan-se-h.gif) top left no-repeat;
	text-decoration: none;
	}


#zoom { 
	display: block;
	position: absolute;
	top: 60px;
	left: 24px;
	}
#zoom span {
	display: none;
	}
#zoom-in {
	display: block;
	width: 15px;
	height: 15px;
	margin: 1px;
	padding: 0;
	}
#zoom-in a {
	display: block;
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(../images/zoom-in.gif) top left no-repeat;
	text-decoration: none;
	}
#zoom-in a:hover {
	background: url(../images/zoom-in-h.gif) top left no-repeat;
	text-decoration: none;
	}
#zoom-out {
	display: block;
	width: 15px;
	height: 15px;
	margin: 1px;
	padding: 0;
	}
#zoom-out a {
	display: block;
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(../images/zoom-out.gif) top left no-repeat;
	text-decoration: none;
	}
#zoom-out a:hover {
	background: url(../images/zoom-out-h.gif) top left no-repeat;
	text-decoration: none;
	}
.z {
	display: block;
	margin: 1px;
	width: 15px;
	height: 8px;
	}
.z a {
	display: block;
	margin: 0;
	width: 15px;
	height: 8px;
	background: url(../images/zooms.gif) top left no-repeat;
	text-decoration: none;
	}
.z a:hover {
	background: url(../images/zooms-h.gif) top left no-repeat;
	text-decoration: none;
	}
.za {
	display: block;
	margin: 1px;
	width: 15px;
	height: 8px;
	}
.za a {
	display: block;
	margin: 0;
	width: 15px;
	height: 8px;
	background: url(../images/zooms-h.gif) top left no-repeat;
	text-decoration: none;
	}
.za a:hover {
	background: url(../images/zooms-h.gif) top left no-repeat;
	text-decoration: none;
	}
	
	
.mapshadow .o1 {
	opacity:0.24;
	filter: alpha(opacity=10);
	}
.mapshadow .o2 {
	opacity:0.20;
	filter: alpha(opacity=8);
	}
.mapshadow .o3 {
	opacity:0.16;
	filter: alpha(opacity=6);
	}
.mapshadow .o4 {
	opacity:0.12;
	filter: alpha(opacity=4);
	}
.mapshadow .o5 {
	opacity:0.08;
	filter: alpha(opacity=2);
	}
.mapshadow .t1 {
	height:1px;
	}
.mapshadow .t2 {
	height:2px;
	}
.mapshadow .t3 {
	height:3px;
	}
.mapshadow .t4 {
	height:4px;
	}
.mapshadow .t5 {
	height:5px;
	}
.mapshadow .l1 {
	width:1px;
	}
.mapshadow .l2 {
	width:2px;
	}
.mapshadow .l3 {
	width:3px;
	}
.mapshadow .l4 {
	width:4px;
	}
.mapshadow .l5 {
	width:5px;
	}
#ms_left div {
	height: 450px;
	}
#ms_top div {
	width: 450px;
	}
.ms {
	background-color:gray;
	left: 0;
	top: 0;
	position:absolute;
	overflow: hidden;
	}
#ms2_left div {
	height: 450px;
	}
#ms2_top div {
	width: 450px;
	}
	
	
.refmapshadow {
	background-color:gray;
	right: 0;
	top: 222px;
	position:absolute;
	}
#refmapshadow .o1 {
	opacity:0.24;
	}
#refmapshadow .o2 {
	opacity:0.20;
	}
#refmapshadow .o3 {
	opacity:0.16;
	}
#refmapshadow .o4 {
	opacity:0.12;
	}
#refmapshadow .o5 {
	opacity:0.08;
	}
#refmapshadow .b1 {
	height:1px;
	}
#refmapshadow .b2 {
	height:2px;
	}
#refmapshadow .b3 {
	height:3px;
	}
#refmapshadow .b4 {
	height:4px;
	}
#refmapshadow .b5 {
	height:5px;
	}
#refmapshadow_b div {
	width: 217px;
	}
	
.legcol2 {
	display: none;
	}
	
	
.dt {
	margin: 0;
	margin-bottom: 10px;
	border: 0;
	border-collapse: collapse;
	}
	
.dt th {
	text-align: left;
	vertical-align: bottom;
	padding: 1px 2px;
	font-size: 12px;
	color: #111;
	}
	
.dt td {
	text-align: left;
	vertical-align: top;
	padding: 1px 2px;
	font-size: 11px;
	color: #333;
	}

.dt td, .dt th {border:0;}

#identify-box1 {
	position: absolute;
	width: 225px;
	z-index: 3000;
	display: none;
	padding-bottom: 20px;
	text-align: center;
	/* border: 1px solid #c5d393;
	background-color: #ecf8ba;
	background-color: #efc; */
	background: transparent url(../images/bg-idbox2.gif) top left no-repeat;
	}
#identify1 {
	height: 157px;
	padding: 0 10px;
	margin: 0 5px 28px 5px;
	overflow: hidden;
	}
#identify1 .dt {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	border: 0;
	}
#identify1 .dt th {
	padding: 3px 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	border: 0;
	}
#identify1 .dt td {
	padding: 2px 5px;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	border: 0;
	border-bottom: 1px solid #c0c0c0;
	border-bottom: 1px solid #C9D7E2;
	}		
#identify1 .dt td h4 {
	line-height: 14px;
	}
	
#identify-box2 {
	position: absolute;
	width: 225px;
	z-index: 3000;
	display: none;
	padding-bottom: 20px;
	text-align: center;
	/* border: 1px solid #c5d393;
	background-color: #ecf8ba;
	background-color: #efc; */
	background: transparent url(../images/bg-idbox2.gif) top left no-repeat;
	}
#identify2 {
	height: 157px;
	padding: 0 10px;
	margin: 0 5px 28px 5px;
	overflow: hidden;
	}
#identify2 .dt {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	border: 0;
	}
#identify2 .dt th {
	padding: 3px 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	border: 0;
	}
#identify2 .dt td {
	padding: 2px 5px;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	border: 0;
	border-bottom: 1px solid #c0c0c0;
	border-bottom: 1px solid #C9D7E2;
	}	
#identify2 .dt td h4 {
	line-height: 14px;
	}


.legend {
	padding: 10px;
	}
.legend h3 {
	margin-top: 0;
	}
.legend .dt {
	border: 0;
	}
.legend .dt {
	border: 0;
	}
.legend .dt tr {
	margin: 0;
	border:0;
	}
.legend .dt th, .legend .dt td {
	margin: 0;
	border:0;
	border-bottom: 0;
	border-right: 0;
	padding: 2px;
	font-size: 11px;
	line-height: 13px;
	}
.legend .dt td h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}
	
.error {
		background-color: #fee;
		color: #900;
		padding: 20px;
		border: 1px solid #900;
		}
#mapheader h2.error {
	color: #900;
	}

#permalinkbox {
	position: absolute;
	top: 115px;
	left: 30px;
	border: 2px solid #8796A6;
	background-color: #fff;
	padding: 30px;
	z-index: 10000;
	}
#permalink {
	width: 500px;
}
#permalinklink {
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	color: #DDE7FC;
	text-decoration: none;
}
#permalinklink:hover {
	text-decoration: none;
	color: #fff;
}
#comparebox {
	position: absolute;
	top: 115px;
	left: 30px;
	border: 2px solid #8796A6;
	background-color: #fff;
	padding: 30px;
	z-index: 10000;
	}
.themetable {
	width:660px;
	border-collapse: collapse;
}	
.themetable tr {
	line-height:20px;
}
.themetable th {
/*	border-bottom: 1px solid #999; */
	}
.themetable th h3 {
	line-height: 110%;
	}
.hhtypetable td {
	padding:4px;
}
.themeitem {
	padding-left:10px;
	width:480px;
}
.themeitemsub {
	padding-left:20px;
	width:480px;
}
.compareradios {
	width:60px;
	text-align:center;
} 

#highlight {
	position: absolute;
	width: 321px;
	height: 88px;
	top: 36px;
	right: 80px;
	/* background: url(../images/highlight.png) 0 0 no-repeat; */
	z-index: 200;
	}
#highlight-bg {
	position: absolute;
	width: 321px;
	height: 88px;
	top: 0;
	left: 0;
	}

#highlight-content {
	position: absolute;
	top: 23px;
	left: 45px;
	width: 228px;
	height: 40px;
	overflow: hidden;
	color: #333;
	font-size: 11px;
	line-height: 13px;
	z-index: 200;
	}
#highlight-close {
	position: absolute;
	top: 15px;
	right: 15px;
	}
	
.intro {
	font-size: 125%;
	line-height: 125%;
	}
.share {
	padding-right: 20px;
	background: url(../images/share.png) top right no-repeat;
	height: 16px;
	}
#footer {
	clear: both;
	padding: 15px;
	text-align: center;
	font: normal 9px/12px Arial, Helvetica, sans-serif;
	color: #424242;
	}
#footer a {
	color: #8c8c8c;
	}
#footer a:hover {
	color: #bbb;
	}
	
	
.ac_results {
	margin-top: 10px;
}

#blkgrp_toggle {
	border: 2px solid #8796A6;
	background-color: #fff;
	position: absolute;
	padding: 4px;
	top: 4px;
	right: 4px;
	z-index: 200;
	opacity: 0.80;
	display: none;
}
#blkgrp_toggle p {
	font-size: 8pt;
}
#sharelinks {
	margin-top: 10px;
	margin-bottom: 20px;
}

.faqs img {
	margin: 10px 40px;
	}
.faqs ul {
	padding-left: 0;
	}
.faqs ul li ul {
	padding-left: 1.5em;
	}
.faqs ul li {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
.faqs ul li ul li {
	border: 0;
	margin: 4px 0;
	padding-bottom: 0;
	list-style-type: circle;
	}
.faqs h4 {
	font: bold 15px/17px Arial, Helvetica, sans-serif;
	color: #60AE00;
	}