/* Application layout */
/*  To change min-height of map, etc. you need to set the follow min-heights: #
section, #map, #searchres  */
html, body{
	margin:0;padding:0;
}
body {
	background-color: white;
	text-align:left;
	z-index: -2;
	
}

a {
color: #333333;
outline:0;
}

form {
margin:0;
}

#container {
	width:100%;
	width: expression((document.body.clientWidth < 955)? "954px" : "auto"); /* IE6 hack */
	min-width:954px;
	background-color:#FFFFFF;
	margin:0; padding:0;
	text-align: left;
} 

#header {
	margin-top:0px;
	height:150px;
	background:url(../images/header_bg.jpg) repeat-x;
}
#header h1 {
	float:left;
	width:446px;
	height:150px;
	text-indent:-9999px;
	font-size:1%;
	line-height:1px;
	background:url(../images/logo_banner.jpg);
	margin-top:0px;
}
p#slogan {
	float:right;
	width:508px;
	height:150px;
	text-indent:-9999px;
	font-size:1%;
	line-height:1px;
	background:url(../images/slogan.jpg) no-repeat;
	margin-top:0px;
}

#midsection {
	margin:0; padding:0;
	width:100%;
	height:600px;
	min-height:440px;
	position:relative;
}
#LeftColumn{
	float:left;
	width: 366px;
	height:100%;
	margin:0;padding:0;
}
.hide{
	display:none !important;
}
#MidColumn{
	float:left;
	width:11px; 
	margin:0px 4px;
	height:100%;
}
#MidColumn a{
	display:block;
	width:100%;
	height:100%;
	background-color:#F4F3ED;
	text-decoration:none;
	background-image:url('../images/toggle_handle.png');
	background-position:1px 49%;
	background-repeat:no-repeat;
}
#MidColumn .showRight{
	background-image:url('../images/toggle_handle_r.png');
}
#MidColumn a:hover{
	background-color:#638C39;
}
#RightColumn {
	padding:0;
	float:right;
	width:680px;
	text-align:left;
	height:100%;
	z-index: 10;
	margin-right:10px;
	position:relative;
}
#footer {
	width:100%;
	height:10px;
	z-index:1;
	float:left;
	clear:both;
	text-align:center;
	font-size: 75%;
	font-family: Trebuchet MS, Verdana, sans-serif;
	line-height:1.5em;
	margin-bottom: 0px;
        margin-top: 5px;
        border-top: 2px solid #F4F3ED;
}
/* End Application layout */


/* Left Column Style */

#whatlookingfor {
  position:absolute;
  left:5px;
  top:-12px;
  width: 361px;
  height: 30px;
  z-index:2;
  font-family: Tahoma;
  color: #F1F1E9;
  font-weight: bold;
  font-size: 80%;
 letter-spacing: 1px;
 text-align: left;
}


#searchresultsheader {
  position:absolute;
  left:4px;
  top:141px;
  width: 361px;
  height: 30px;
  z-index:0;
  font-family: Tahoma;
  font-weight: bold;
  color: #F1F1E9;
  font-size: 80%;
  letter-spacing: 1px;
text-align: left;
}
#printlist {
  position:absolute;
  left:295px;
  top:168px;
   z-index:1;
  font-family: Arial;
  color: #F1F1E9;
  font-size: 60%;
  vertical-align: middle;
}
#printlist a {
  text-decoration:none;
  color: #E6E6DE;
}
#helpinfo {
  position:absolute;
  left:285px;
  top:10px;
   z-index:3;
  font-family: Arial;
  color: #F1F1E9;
  font-size: 68%;
  vertical-align: middle;
}
#helpinfo a {
   text-decoration:none;
  font-family: Arial;
letter-spacing: .4px;
}
#printericon {
position: absolute;
top: 164px;
z-index: 0;
left: 270px;
}
#searchresults_outlinebox {
  position:absolute;
  top:147px;
  min-height:257px;
  left:4px; 
  width:359px; 
  zindex: -2;
}
#searchres {
  padding:0px;
  margin:0px;
  position:absolute;
  top:37px;
  left: 0px;
  width:359px;
  z-index:0;
  height: 388px;
  min-height:257px;
  border: 1px solid #D2D3C6;
  overflow:auto;
}
#introtext{
text-align:left;
padding-left: 8px;
margin-top:8px;
width: 333px;
}
#introtext p{
color: #000000;
} 
#queryres{
display:none;
font-family:verdana;
font-size:70%;
}
#infohead {
  font-family: Tahoma;
  font-weight:bold;
  color: #E6E6DE;
  width: 350px;
  padding: 7px;
  text-align: left;
}

td.infohead .a {
color: #E6E6DE;
text-decoration: none;
}
#findwhat {
  padding:0px;
  margin:0px;
  position:absolute;
  left:5px;
  top:8px;
  width: 359px;
  height:135px;
  z-index:0;
  font-size: 80%;
  font-family: Verdana;
  border: 1px solid #D2D3C6;
  background-color: white;
}
#selOptions {
margin-top: 30px;
margin-bottom: 13px;
margin-left: 10px;
text-align: left;
}
#selOptions table {
  font-size: 95%;
  font-family: Verdana;
}
#searchOptions {
position: absolute;
top: 57px;
left: 10px;
}
#advanced_search {
position: absolute;
top: 122px;
left: 19px;
}
#advanced_search a {
	color: #222222;
	font-family: arial;
}
#findby {
margin-top: 10px;
margin-bottom: 13px;
margin-left: 15px;
text-align: left;
}
#inputarea{
text-align: left;
position: absolute;
top: 104px;
left: 10px;
}
#searchbutton{
position: absolute;
top: 104px;
left: 330px;

}
.addsearch {
border: 1px solid #D2D3C6;
position: absolute;
top: 0px;
left: 260px;
width: 57px;
}
.search {
        border: 1px solid #D2D3C6;
	background-color: #638C39;
	color: #E6E6DE;
        font-weight: bold;
	font-family: Arial, sans-serif;
        width: 25px;
        height: 20px;
padding-bottom: 2px;

       
}
.formStyle{ 
        height: 18px;
	font-size: 100%; 
	color: #000000; 
	border: 1px solid #D2D3C6;
	width: 255px;
	margin:0;padding:0;
}
/* End Left Column Style */


.map_border {
	  border: 1px solid #D2D3C6;
}
#map{
 width: 100%;
 min-height:408px;
 margin-bottom: 2px;
 z-index:2;
}
#map-legend{
  width:410px;
  text-align:left;
 }
 .print_bu {
padding-left: 20px;
}
#overlay-toggles {
background: url(../images/topoptions/checkboxes.png) no-repeat top left;
padding: 0px;
width: 330px;
height: 33px;
-moz-opacity: 1;
}
#cbxparks {
position: absolute;
top: 4px;
left: 8px;
}
#cbxtrails{
position: absolute;
top: 4px;
left: 78px;
}
#cbxcamps{
position: absolute;
top: 4px;
left: 178px;
}
#gecbxparks { 
position: absolute;
top: 4px;
left: 7px;  
}
#gecbxtrails{
position: absolute;
top: 4px;
left: 77px;  
}
#gecbxcamps{
position: absolute;
top: 4px;
left: 177px;
}

#overlay_togglesGE {
z-index:1000;
display:block;
position:absolute; 
visibility:hidden;
right: 5px;
top: 40px;
height: 30px;
width: 328px;
-moz-opacity: 1;
background: url(../images/topoptions/checkboxes.png) no-repeat top left;
}
#overlay-toggles label {
vertical-align: 15%;
}
#overlay_togglesGE label {
vertical-align: 15%;
}

#trails2 {
margin-left: 22px;
}
#camps {
margin-left: 22px;
}
.right{
right: 2px;
position:absolute;
}
.right img {
height: 14px;
padding-left: 3px;
}
#LegendLayer {
  position:absolute;
  background-color: white;
  left:0px;
  top:470px;
  width:370px;
  height:123px;
  padding:0px;
  margin:0px;
  z-index:2;
}

.label{
  font-family: Verdana;
  font-size: 10px;
  color: #333333;
}
.boldlabel {
    font-family: Verdana;
    font-size: 70%;
    color: #42966B;
}
h2 {
  font-family: Verdana;
  font-size: 80%;
  font-weight:bold;
  color: #007560;
  margin-bottom: 0px;
}
p {
  font-family: Verdana;
  font-size: 70%;
  color: #E6E6DE;
}

body.blank {
text-align:left;}
.tbTitle{
text-decoration: underline;
}

/* Round Box style */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }


/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { 
margin-left: 15px;
width: 345px;
z-index:2;
}
.rbroundbox { 
width: 50%; 
margin: 1em auto; 
}
/* End Round Box style */


/* 	MAP BUTTONS	*/
#mapButtons{
	display:block;
	float:left;
	top:10px;
	left:10px;
	z-index:3000;
	width:30px;
	height:125px;
}
.fixed{
	position:fixed;
}
.relative{
	position:relative;
	position:absolute;
}
#mapButtons a{
	position:absolute;
	left:0px;
	display:block;
	height:30px;
	width:30px;
	background-image:url('../images/sprites_mapButtons.png');
	text-decoration:none;
}
.fullScreenOut{
	background-position:0 -150px;
	top:0px;
}
.fullScreenOut:hover{
	background-position:-30px -150px;
}
.fullScreenIn{
	background-position:0 -180px;
	top:0px;
}
.fullScreenIn:hover{
	background-position:-30px -180px;
}
#fullExtent{
	background-position:0 0;
	top:35px;
}
#fullExtent:hover{
	background-position:-30px 0px;
}
#zoomIn{
	background-position:0 -30px;
	top:65px;
}
#zoomIn:hover{
	background-position:-30px -30px;
}
#zoomOut{
	background-position:0 -60px;
	top:95px;
}
#zoomOut:hover{
	background-position:-30px -60px;
}
#dragIn{
	background-position:0 -90px;
	top:125px;
}
#dragIn:hover{
	background-position:-30px -90px;
}
#dragOut{
	background-position:0 -120px;
	top:155px;
}
#dragOut:hover{
	background-position:-30px -120px;
}
.full-view{
	position:fixed !important;
	width:100% !important;
	height:100% !important;
	top:0; left:0;
}

/* from popup.css */
.park_name {
font-size: 110%;
color: #235A78;
line-height: 18pt;
font-weight:bold;
}

.restricted {
	color:#b22222;
}

.big {
  line-height: .5cm;
  font-family: verdana;
  font-size: 100%;
  color: #000000;
}

.bigtitle {
	font-size: 150%;
	color: #638c39;
}

.kdzoomBox {
	z-index:99999;
	position:absolute;
	top:0;
	left:0;
	background:#EBEBEB;
	width: 80px;
	border:1px solid #444444;
	padding:1px;
	font-size: 11px;
	font-family:verdana;
	cursor: pointer;
	display:none;
}

/* Footer style */
.footerItem{
	margin: 0.25em 2em 0.25em 0px;
	color: #787878;
}
.footerItem img{
	vertical-align:middle;
	margin:0;
	border:0;
	padding:0;
}
#footer a{
   color: #787878;
   text-decoration: none;
   padding:0.15em 0.25em;
}
#footer a:hover{
	color:#000000;
}
.popup a{
color: #638c39;
font-family: Arial;
font-size: 80%;
}

/* End Footer style */

v\:* { BEHAVIOR: url(#default#VML) }

@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 width:11in; height: 8.5in;}
  #header{ width:100%;   margin-right: 0px;
  margin-left: 0px;}
  #footer{ width:100%;   margin-right: 0px;
  margin-left: 0px;}
  #midsection{ width:100%;   margin-right: 0px;
  margin-left: 0px;}
}