html, body {
  height: 100%; width: 100%; margin: 0; padding: 0;
 }
body, #mainwindow {
  background-color:#5F5A59; overflow:hidden; 
  font-family: "Century Gothic", "Apple Gothic", san-serif;
 }
 
 #header{
  height:40px;
  width:100%;
  background-color:#white;
  margin:5px 5px 0px 5px;
}
  #header a{
    margin-left:10px;
  }  
#logo{
  border:none;
  position:absolute;
  left:10px;
}
#divider{
  border:none;
  position:absolute;
  left:75px;

}
#banner{
  border:none;
  position:absolute;
  left:75px;
}

h1{
  color: Grey;
  font-size:135%;
  margin:5px 0px 0px 160px;
  position:absolute;
  width:650px;
}
h2 {
	font-size:16px;
	line-height:normal;
	padding:5px;
	margin:0;
	color:black;
   text-shadow: white 1px 1px 2px;
}

h3{
font-size:16px;
	line-height:normal;
	padding:10px;
	margin:0;
	color:black;
   text-shadow: white 1px 1px 2px;
}

#locater{
  border:none;
  float:left;
  font-size:80%;
  margin:30px 0px 0px 8px;
  vertical-align:middle;
}

#buttons{
  float:right;
  margin:30px 0px 0px 0px;
}
.roundedCorners{
-moz-border-radius: 10px;
 }
 .shadow{
    /*slight shadow effect added for browsers that support this functionality*/
     -o-border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
      box-shadow: 4px 4px 8px #adadad;
      -webkit-box-shadow: 4px 4px 8px #adadad;
      -moz-box-shadow: 4px 4px 8px #adadad;
     -o-box-shadow: 4px 4px 8px #adadad;
      }
	  
#leftPane{
width:200px;
overflow:auto;
border:solid 2px grey;
margin:5px 0px 5px 5px; 
}	  
	    
#mapArea{
border:solid 2px grey;
margin:5px;
}
#map {
border:solid 2px grey;
margin:5px;
}
	   
.esriScalebar{
 padding: 5px 5px;
}
	  
.dialog{
 width:670px !important;
font-size:75% !important;
position:relative;
}

#tabs #tabs1 #tabs2{
width:600px !important;	
overflow:auto; 
}

#tabs h4{
font-size:100%;
}
  
.dialog2 {
width:550px !important;
font-size:75% !important;
position:relative;
}
    
fieldset {
border:0px groove threedface;
display:block;
margin: 7px 0px 2px 2px;
padding:0.35em 0.625em 0.75em;
}

.list_item{
vertical-align:middle;
}

#radio {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:6px;
}

.group{
    margin:5px 5px 10px 5px;
    height:auto;
   font-size:90% !important;
   display: none;
   color:#5F5A59;
   font-family: "Century Gothic", "Apple Gothic", san-serif;
  }
 
 label
	{
	display:block;
	cursor:pointer;
	}
	
#dialog-legend h3,#dialog-about h3{
    margin-bottom:1px;
  }
  
  #sliderbox, #dataX{
  position:relative;
  margin-left:15px;
  }
  
 .legend_group{
 	border: 1px solid #ACAAAA;
	border-radius:3px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
    padding:2px;
 } 
  
#toccii {
	display:block;
	cursor:pointer;
    color: grey; 
	font-size:90% !important;

}  

#label1{
 color: black; 
font-size:80% !important;

text-overflow:clip
}
 

#tocPane{
width:235px;
}

 #dataX {
   margin:30px 10px 0px 10px;
 } 
 
#dataXX{
  border:none;
}