/* Split Navigation Bar  */
.topnav {
  overflow: hidden;
  position: relative;
}

.gray-box {
  position: relative;
  z-index: 3; 
  background: #d59400;  
  padding: 10px 0px 15px 5px; /*if you change this be sure to change the css for the contact form to match */
  margin: 5;
  font-size: 16px;
  font-family: "Lucida Sans Unicode", "DejaVu Sans", Verdana, sans-serif;
  text-align: center;
  text-decoration: none;
  height:10px;
  padding: 5px 0px 15px 5px; /*if you change this be sure to change the css for the contact form to match */
  margin: 5;
}

.gray-box2 {
  position: relative;
  z-index: 3; 
  padding: 10px 0px 15px 5px; /*if you change this be sure to change the css for the contact form to match */
  margin: 5;
  font-size: 16px;
  font-family: "Lucida Sans Unicode", "DejaVu Sans", Verdana, sans-serif;
  text-align: center;
  text-decoration: none;
  height:10px;
  padding: 5px 0px 15px 5px; /*if you change this be sure to change the css for the contact form to match */
  margin: 5;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  background-color: #d59400;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ffffff;
  color: black;
text-decoration: none;
}

/* Create a right-aligned (split) link inside the navigation bar */
.topnav a.split {
  float: right;
  color: #000000;
}

/* --------------------------------------------------*/

/* Hoverable Dropdown */
.dropbtn {
  color: #000000;
  background-color: #d59400;
  padding: 3px;
  font-size: 16px;
  border: none;
  text-align: left;
  text-decoration: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  background: #d59400; 
  font-size: 16px;
  text-align: left;
  text-decoration: none;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #d59400;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
text-decoration: none;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
background-color: #ffffff;
color: #ae5e00;
text-decoration: none;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content 
{
display: block;
text-decoration: none;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn 
{
background-color: #d59400;
text-decoration: none;
}