#TitleLayer {
  position:absolute;
  left:10px;
  background-color: #3cb371;
  background: url(images/shadedrelief.jpg);
  top:0px;
  
  height:40px;
  z-index:1;
  border:2px solid #000000;
  /* visibility:hidden; */
}
#HelpLayer {
  position:absolute;
  top:53px;
  left:600px;
}

#NavToolsLayer {
  position:absolute;
  background-color:-1 -1 -1;

  left:200px;
  top:51px;
  width:550;
  
  height:28px;
  
  
  padding:0px;
  margin:0px;
  z-index:2;
}



#SideTabsLayer {
  position:absolute;
  left:9px;
  top:52px;
  width:140;
  height:12px;
  z-index:3;
  padding:0px;
  margin:0px;
  
}

#LegendLayer {
  position:absolute;
  background-color:#ffffff;
  left:10px;
  top:67px;
  width:184;
  
  overflow:auto;
  padding:0px;
  margin:0px;
  z-index:2;
  border: 2px solid #000000;
}

#OtherToolsLayer {
  position:absolute;
  background-color:#ffffff;
  left:10px;
  top:67px;
  width:180;
  
  padding:0px;
  margin:0px;
  z-index:1;
  border: 2px solid #000000;
}

#MainMapLayer {
  background-color:#ffffff;
  padding:0px;
  margin:0px;
  position:absolute;
  left:200px;
  top:84px;
  z-index:1;
  border: 2px solid #000000;
}
#ScaleLayer {
  position:absolute;
  left:200px;
 
  
  z-index:3;
  padding:0px;
  margin:0px;
  border: 2px solid #000000;
  background-color: #b5c699;
}

#ContactLayer {
  position:absolute;
  left:10px;
  
  z-index:3;
  padding:0px;
  margin:0px;
  font:sans-serif;
  font-color: #ffffff;
  
}

.grey_border {
  border: 1px solid #cccccc;
}


.label
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  
  font-weight: 600;
  color: #000000;
}

.title
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}

.inputBox
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 500;
  color: #0000ff;
  border-width: 0px;
  background-color: #b5c699;
  width:70px;
}