html, body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
} 
 
.header { 
    width: 100%; 
    height: 50px; 
    background-color: #8f0202; 
    float: left;
} 
 
    .header img { 
        height: 50px; 
        margin-left: 15px; 
    } 
 
    .menu { 
        text-align:center; 
      }
      
      .menu ul { 
        display:inline-table;
        padding:0;
        margin:10px;
      }
      
      .menu ul li {
        display:inline-block;
        margin-left: 10px;
     
        padding:5px 15px 0px 15px;
        background-color: rgb(225, 225, 238);
        height:25px; 
      }
      
      .menu ul li:hover{
        background-color: white;
        cursor: pointer;
             }
       .menu ul li:active{
                background-color: white;
                cursor: pointer;
                     }   
        .filterButton.active{
            background-color: white; 
        }
        .active{
            background-color: white; 
        }
        
.sidePanel { 
    padding: 10px; 
    width: 300px; 
    height: calc(100% - 50px); 
    vertical-align: top; 
    float: left;
    overflow-y: scroll;
    scroll-behavior: auto;
  
} 
 
#searchBox { 
    width: 180px; 
} 
 
.searchBar { 
    height: 50px; 
} 
 
.resultsPanel { 
    width: 280px; 
    overflow-y: auto; 
    overflow-x: hidden; 
} 
 
#myMap { 
    position: relative; 
    width: calc(100% - 320px); 
    height: calc(100% - 100px); 
    float: left;
} 
 
.errorMsg { 
    color: red; 
} 
 
.listItem { 
    font-size: 12px; 
    font-family: Arial,Helvetica; 
    width: 260px; 
    margin: 5px 0; 
} 
 
    .listItem td { 
        vertical-align: top; 
    } 
 
    .listItem span { 
        font-size: 14px; 
    } 
 
.title, .title:link, .title:visited, .title:active { 
    font-size: 14px; 
    color: #8f0202; 
} 
 
    .title:hover { 
        color: red; 
    } 
 
.infobox-info { 
    color: #000 !important; 
    font-size: 12px !important; 
    padding-top: 0px !important; 
}