html, body {
        height: 100%;
        width:100%;
        padding: 0;
        margin: 0;
        }
	  #h1{
	    display: block;
        font-size: 2em;
        margin-top: 0.67em;
        margin-bottom: 0.67em;
        margin-left: 0;
        margin-right: 0;
        font-weight: bold;
	  }
	  #sitebody {
       height:100vh;
	   width:100vw;
 	   }
      #lumap {
       height: 47vh;
       width:49vw;
	   overflow: hidden;
       float: left;
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
	   margin:0px;

       }
	   #lmmap {
       height: 47vh;
       width:49vw;
       overflow: hidden;
       float: left;
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
	   margin:0px;
       }
	   #rumap {
       height: 47vh;
       width:49vw;
	   overflow: hidden;
       float: left;
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
	   margin:0px;

       }
	   #rmmap {
       height: 47vh;
       width:49vw;
       overflow: hidden;
       float: left;
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
	   margin:0px;
       }
      #legend {
        font-family: Arial, sans-serif;
        background: #fff;
        padding: 10px;
        margin: 10px;
        border: 3px solid #000;
      }
      #legend h3 {
        margin-top: 0;
      }
      #legend img {
        vertical-align: middle;
      }
      #title1 
      {
       height: 3vh;
       width:49vw;
       float: left;       
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
	   margin:0px;
	  }
      #title2 
      {
       height: 3vh;
       width:49vw;
       float: left;     
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
       margin:0px;
      }
      #title3 
      {
       height: 3vh;
       width:49vw;
       float: left;       
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
	   margin:0px;
	  }
      #title4 
      {
       height: 3vh;
       width:49vw;
       float: left;     
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
       margin:0px;
      }
     #checkboxes { 
   	  position: absolute; 
      top:80px;
      left:0;
	  font-family: 'arial', 'sans-serif'; 
	  font-size: 14px;
	  background-color: white;
	  float: left;
	  border: 1px solid black;
	  padding: 10px 10px 0px 10px;
     }
     #menubar 
     {
      position: absolute;  
      top:20px;
      right:50px;
	  font-family: 'arial', 'sans-serif'; 
	  font-size: 14px;
	  float: right;
     }
     #capture { 
   	  position: absolute; 
      top:500px;
      left:0;
	  font-family: 'arial', 'sans-serif'; 
	  font-size: 14px;
	  background-color: white;
	  float: left;
	  border: 1px solid black;
	  padding: 10px 10px 0px 10px;
     }
     #name {
        background-image :url(../images/name.jpg);
        background-repeat:no-repeat;
        background-position:5px 7px
}
p{
  font-size:14px;
  background-color:white;
  border:1px solid black;
}

#floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }