.menu_button {
  position: relative;
}

.menu_button button {
  font-size: 110%;
}

button[role="button"] {
  display: block;
  width:169px;
  min-height: 36px; 
  margin: 0px 0px 25px 0px;
  padding: 0px 6px;
  line-height: 36px;
  color : #ffffff;
  background-color: #991D13;
  border-radius: 3px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
 
}

.menu_button ul[role="menu"] {
  margin: 0;
  margin: 12px 0 0 0;
  padding: 0;
  /*position: absolute;*/
  width: 180px;
  border: 1px solid rgb(186,186,186);
  border-radius: 2px;
  box-shadow: 0 0 5px #AAA;
  font-size: 12px;
  color: #000;
  list-style: none;
  background-color: #ffffff;
  display: none;
 /*  top: 100%;
    left: 0;*/
}

ul[role="menu"] li {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  vertical-align: middle;
  background: #fff;
  color: #000;

}

ul[role="menu"] a[role="menuitem"],
ul[role="menu"] a[role="menuitem"]:visited {
  display: block;
  color: #000;
  font-family: "Verdana";
  font-size: 14px;
  text-decoration: none;
  outline: none;
  padding: 5px 15px;
  margin: 0;
  background: #fff;
  min-height: 20px;
  min-width: 153px;

}

/* focus and hover styling */

a[role="button"]:focus,
a[role="button"]:hover {
background-color: #ffffff;
border: solid 2px #991D13;
color: #991D13;
font-weight: bold;
text-decoration: none;
outline: none;
}

ul[role="menu"] a[role="menuitem"]:focus,
ul[role="menu"] a[role="menuitem"]:hover{
    background: rgb(66,129,244);
}

.sr-only {
	display: none;
}