/* CSS Document */

/* suggested order ---

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

*/

a img {
	border: 0;
	}

h2 {
	border-bottom: 0;
	font-size: 13px;
	margin: 14px 0 2px 0;
	}
	
#map-column {
	width: 610px;
	border-top: 1px solid #fff;
	margin-top: 0;
	float: right;
	}
#nav-column {
	margin-right: 635px;
	margin-top: 0;
	border-top: 1px solid #fff;
	}

#map { 
	display: block;
	position: relative;
	margin: 0;
	border: 5px solid #eee;
	padding: 0;
	width: 600px;
	height: 750px;
	overflow: hidden;
	background-color: #fdf3cc;
	}
#map-image { 
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	width: 600px;
	height: 750px;
	background-position: 0 0;
	}
#scalebar {
	position: absolute;
	right: 206px;
	top: 0;
	width: 110px;
	height: 20px;
	background-color: transparent;
	background-image: none;
	background-position: 0 2px;
	background-repeat: no-repeat;
	}
#scalebar:hover {
	background-color: #d0e0bb;
	}
	
	
#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(../mapserver/i/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(../mapserver/i/pan-n.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-n a:hover {
	background: url(../mapserver/i/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(../mapserver/i/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(../mapserver/i/pan-w.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-w a:hover {
	background: url(../mapserver/i/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(../mapserver/i/pan-center.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-center a:hover {
	background: url(../mapserver/i/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(../mapserver/i/pan-e.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-e a:hover {
	background: url(../mapserver/i/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(../mapserver/i/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(../mapserver/i/pan-s.gif) top left no-repeat;
	text-decoration: none;
	}
#pan-s a:hover {
	background: url(../mapserver/i/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(../mapserver/i/pan-se-h.gif) top left no-repeat;
	text-decoration: none;
	}


#zoom { 
	display: block;
	position: absolute;
	top: 60px;
	left: 24px; 
/*	top: 14px; */
/*	left: 14px; */
	}
#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(../mapserver/i/zoom-in.gif) top left no-repeat;
	text-decoration: none;
	}
#zoom-in a:hover {
	background: url(../mapserver/i/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(../mapserver/i/zoom-out.gif) top left no-repeat;
	text-decoration: none;
	}
#zoom-out a:hover {
	background: url(../mapserver/i/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(../mapserver/i/zooms.gif) top left no-repeat;
	text-decoration: none;
	}
.z a:hover {
	background: url(../mapserver/i/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(../mapserver/i/zooms-h.gif) top left no-repeat;
	text-decoration: none;
	}
.za a:hover {
	background: url(../mapserver/i/zooms-h.gif) top left no-repeat;
	text-decoration: none;
	}
	
	
	


.dt {
	width: 100%;
	border: 0;
	border-collapse:collapse;
	}
.dt th {
	border-bottom:1px solid #bbb;
	text-align: left;
	vertical-align: bottom;
	padding: 8px 3px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	}
#layers {
	/* background-color: #d9e7b0; */
	border: 1px solid #ccdba1;
	}	
#layers .dt th {
	/* border-bottom:1px solid #d9e7b0;*/
	border-bottom:1px solid #e7f0c9;
	padding: 6px 6px;
	color: #638338;
	}
#layers .dt th:hover {
	background-color: transparent;
	}
#layers .dt td {
	/* border-bottom:1px solid #d9e7b0; */
	border-bottom:1px solid #e7f0c9;
}
.dt td {
	border-bottom:1px solid #eee;
	text-align: left;
	padding: 3px;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	}
.dt tr:hover {
	background-color: #efc;
	}
.dt td label {
	display: block;
	}
.dt tr.disabled td {
	background-color: #f6f6f6;
	color: #aaa;
	}

	

#filter-box {
	margin-bottom: 20px;
	background-color: #fff;
	}
#filter-box h2 {
	margin: 14px 0 2px 0;
	margin-top: 0;
	}
#filter {
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	}
#filter .dt {
	padding: 3px;
	background-color: #eee;
	}
#filter .dt td {
	padding: 0;
	}
#filter .dt tr:hover {
	background-color: #eee;
	}	
#filter select, #filter input {
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	}
	
	
#q {
	width: 100%;
	}	
#qbox {
	position: relative;
	width: 100%;
	}	
#qresults {
	position: absolute;
	top: 20px;
	left: 0;
	}
#qresultlist {
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #fff;
	}
#qresultlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#qresultlist ul li {
	margin: 0;
	list-style-type: none;
	background-color: #fff;
	}
#qresultlist ul li a {
	display: block;
	padding: 4px;
	text-decoration: none;
	}
#qresultlist ul li a:hover {
	display:block;
	background-color: #efc;
	text-decoration: none;
	}

	
	
	
	
	
	
	
#category-box {
	margin-top: 10px;
	margin-bottom: 10px;
	}
#category-box h2 {
	margin: 14px 0 2px 0;
	}
#categories {
	overflow: hidden;
	}
#category {
	width: 100%;
	overflow: hidden;
	font-size:12px;
	}
* html #category {
	width: 97%;
	}
	
#pane2, #viewinfobox {
	margin-top: 10px;
	border: 1px solid #a6ba74;
	padding: 10px;
	background-color: #e7f0c9;
	-moz-border-radius: 8px;
	}
#pane2 .closebox, #viewinfobox .closebox {
	margin: -5px -5px 0 0;
	float: right;
	}
#pane2 .closebox a, #viewinfobox .closebox a {
	margin: 0;
	border: 0;
	padding: 0;
	}
#pane2 .closebox a img,  #viewinfobox .closebox a img {
	border: 0;
	margin: 0;
	padding: 0;
	}

h3 {
	font-size: 11px;
	}	
#pane2 h3 {
	margin-top: 0;
	}
	


#views-box {
	margin-bottom: 10px;
	background-color: #fff;
	}
#views-box h2 {
	margin: 14px 0 2px 0;
	}
#views {
	border:0;
	}
#view {
	width: 100%;
	font-size:12px;
	}
* html #view {
	width: 97%;
	}
	
	
#layer-box {
	margin-bottom: 10px;
	}
#layer-box h2 {
	margin: 14px 0 2px 0;
	}
#layers {
	width: 100%;
	height: 500px;
	overflow: auto;
	}
* html #layers {
	width: 97%;
	}
#layers .dt td {
	padding: 1px 3px;
	}
#layers .dt td label {
	display: block;
	}
#layers .dt tr.disabled td {
	background-color: #fafafa;
	color: #aaa;
	}
#layers .dt tr.base td {
	background-color: #f4f4ff;
	background-color: #fff;
	/* color: #638338; */
	font-weight: bold;
	}

#legend-box {
	margin-bottom: 10px;
	background-color: #fff;
	}
#legend-box h2 {
	margin: 14px 0 2px 0;
	}
#legend {
	height: 570px;
	overflow: auto;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	border: 0px solid #eee;
	background-color: #fff;
	}
#legend .dt {
	}
#legend .dt td {
	padding: 1px 3px;
	}
#legend .dt td label {
	display: block;
	}
#legend .dt tr.disabled td {
	background-color: #fafafa;
	color: #aaa;
	}
#legend .dt tr.base td {
	background-color: #f4f4ff;
	background-color: #fff;
	/* color: #638338; */
	font-weight: bold;
	}
#legend tr:hover {
	background-color: transparent;
	}
	

#identify-box {
	position: absolute;
	width: 230px;
	z-index: 5000;
	display: none;
	text-align: center;
	/* border: 1px solid #c5d393;
	background-color: #ecf8ba;
	background-color: #efc; */
	}
#id-body {
	overflow: auto;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg-idbox.gif) top left no-repeat;
	}
#id-bottom {
	border: 0;
	margin: 0;
	padding: 0;
	height: 20px;
	background: transparent url(../images/bg-idbox.gif) bottom left no-repeat;
	}
	
#identify-box .closebox {
	text-align: right;
	height: 29px;
	}
#identify-box .closebox a {
	border: 0;
	margin: 0;
	padding: 0;
	}
#identify-box .closebox a img {
	border: 0;
	margin: 0;
	margin-top: 4px;
	margin-right: 9px;
	padding: 0;
	}

#identify {
	padding: 0 10px;
	margin: 0 10px 28px 5px;
	overflow: auto;
	}
#identify .dt {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	}
#identify .dt th {
	padding: 2px 4px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	border: 0;
	color: #555c55;
	}
#identify .dt td {
	border: 0;
	border-bottom: 1px solid #d9e7b0;
	padding: 1px 4px;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #555c55;
	}	
	
	

a img {
	border: 0;
	}
	
#hourglass {
	border: 0;
	z-index: 4000;
	position: absolute;
	top: 340px;
	left: 280px;
	padding:10px;
	background-color:#fff;
	}
	
.feedback {
	font: italic normal 12px/13px Arial, Helvetica, sans-serif;
	color: #666;
	}
	
	
#refmap {
	position:absolute;
	top: 19px;
	left: 394px;
	border: 1px solid #fff;
	z-index: 1000;
	width: 204px;
	height: 255px;
	background: transparent url(null) top left no-repeat;
 	}
#refmap a {
	display: block;
	width: 204px;
	height: 255px;
	}
#refmap span {
	display: none;
	}
#refmap-handle {
	position:absolute;
	top: 0;
	left: 394px;
	width: 204px;
	height: 18px;
	border: 1px solid #fff;
	}
#refmap-handle span {
	display: none;
	}
#refmap-handle a {
	display: block;
	position: relative;
	height: 18px;
	bottom: 0;
	left: 0;
	border: 0;
	background: transparent url(../images/b-refmap.gif) top right no-repeat;
	}
#refmap-handle a:hover {
	background: transparent url(../images/b-refmap-h.gif) top right no-repeat;
	}	
	
	
	
	
	
/* -------- tab styles ------ */



#pane1, #pane2 {	
	display: none;
	}







div.auto_complete {
	width: 350px;
	background: #fff;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected { 
	background-color: #efc; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin:0;
	padding:0;
}


#maplinks {
	position: absolute;
	top: 136px;
	right: 55px;
	}
#maplinks ul {
	font: normal 11px/11px Arial,Helvetica,sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	}
#maplinks li {
	float:right;
	margin: 0 10px;
	list-style-type: none;
	}
#maplinks a {
	color: #666;
	}
#staticlink	{
	background: transparent url(../images/link.gif) 0 20% no-repeat;
	}
#staticlink a {
	padding-left: 17px;
	}
#printablelink	{
	background: transparent url(../images/printable.gif) 0 20% no-repeat;
	}
#printablelink a {
	padding-left: 17px;
	}
#helplink	{
	background: transparent url(../images/help.gif) 0 20% no-repeat;
	}
#helplink a {
	padding-left: 17px;
	}


#alertwindow {
	display: none; 
	position: absolute;
	margin: 0;
	border: 0;
	top: 0;
	left: 0;
	width: 600px;
	height: 750px;
	z-index: 2010;
	overflow: auto;
	background: transparent url(../images/bg-overlay.gif) top left repeat;
	text-align: center;
	}
#overlay {
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	text-align: left;
	}
#overlaycontent {
	margin: 0px;
	border: 1px solid #b3b6b7;
	background-color: #fff;
	padding: 20px;
	}
	
	
.layerinfo {
	font-size: 9px;
	color: #888;
	}
	
.viewinfo {
	padding-left: 13px;
	background: url(../images/viewinfo.gif) 0 1px no-repeat;
	}
#nav-column #backtomap {
	display: none;
	}
	
#addlayerlink {
	margin: 10px 0;
	padding: 0;
	border: 1px solid #8aace8;
	border: 1px solid #ccc;
	border: 1px solid #a6ba74;
	font-size: 13px;
	text-align: center;
	}
#addlayerlink a {
	display: block;
	padding: 2px 4px;
	}
#addlayerlink a:hover {
	text-decoration: none;
	background-color: #eceeff;
	background-color: #eeffcc;
	color: #3055aa;
	}


#orgheader {
	background-color: #e6e9e3;
	padding: 0 12px;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #a57b27;
	border-bottom: 1px solid #aaa;
	}
#orgheader h2 {
	margin: 0;
	margin-top: 12px;
	font: normal 18px/19px Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	border: 0;
	}
#orgmenu {
	height: 35px;
	}
#orgmenu ul {
	padding: 0;
	margin: 0 -10px;
	}
#orgmenu li {
	list-style-type: none;
	float: left;
	padding: 2px 12px;
	font: normal 11px/35px Arial, Helvetica, sans-serif;
	}
#orgmenu li a {
	color: #568d42;
	text-decoration: none;
	}
#orgmenu li a:hover {
	color: #76ad52;
	text-decoration: none;
	}