.bg-dark-menu {
      color: lightgray;
      background-color: rgba(0,0,0,0.80) !important; } /* #343a40 Background color of slide-in menu drop downs*/

      a.bg-dark-menu:hover, a.bg-dark-menu:focus,
      button.bg-dark-menu:hover,
      button.bg-dark-menu:focus {
      color: goldenrod;
      background-color: #6120B0 !important; } /* original #1d2124 Hover color in slide in menu drop-downs*/

      .bg-light-menu {
      color: white; 
      background-color: #1B1B1B !important; } /* #343a40 Background color of slide-in menu drop downs*/

      a.bg-light-menu:hover, a.bg-dark-menu:focus,
      button.bg-light-menu:hover,
      button.bg-light-menu:focus {
      color: goldenrod;
      background-color: #6120B0 !important; } /* original #1d2124 Hover color in slide in menu drop-downs*/
    
      .bg-green-menu {
      color: white; 
      background-color: rgba(0,75,51,0.85) !important; } /* Custom CSS this class does not exist in BS4*/

      a.bg-green-menu:hover, a.bg-green-menu:focus,
      button.bg-green-menu:hover,
      button.bg-green-menu:focus {
      color: goldenrod;
      background-color: #004B33 !important; } /* Custom CSS this class does not exist in BS4*/


     /* Set the size of the div element that contains the map */
     #map {
          height: 600px;  /* The height is 600 pixels */
          width: 100%;  /* The width is the width of the web page */
      }
       #slidingnav {      /* slidingnav is specific to the drop down nav menu*/
          z-index: 1500;
          position: fixed;
          top: -130px;
          width: 100%;
          display: block;
          transition: top 0.6s;
    }

    #slidingnav a {
          float: left;
          display: block;
          padding:  15px ;
          text-decoration: none;
    }
     #slidingnav btn {
          float: left;
          display: block;
          padding:  0 15px ;
          text-decoration: none;
    }
    .dropdown:hover>.dropdown-menu {
      display: block;
}
   .first-letter { /*Sometimes, you just want the first letter of a paragraph to be larger */
		font-size: 2.5rem;
  		font-weight: 500;
}
   .first-word { /*Sometimes, you just want the first word of a paragraph to be larger */
		font-size: 2.0rem;
  		font-weight: 400;
}
    .required-star:after
{
		content:'*';color:red
}
     pre.errors
{
		color:red
}