/*Set the parent <li>’s CSS position property to ‘relative’.*/
.dropdownmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdownmenu ul li {
  display: block;
  position: relative;
}

/*The CSS to hide the sub menus.*/
.dropdownmenu li ul { display: none; }

.dropdownmenu ul li a, .dropdownmenu ul li span.nolink {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  white-space: pre-wrap;
  color: #eeeeee !important;  
  border-bottom: 1px solid #773f31;
  cursor: pointer;
  text-transform: uppercase;
}

.dropdownmenu ul li a:hover { background: #592b1f; }


/*Displays the dropdown menu on hover.*/
.dropdownmenu li:hover > ul {
  display: block;
  /*position: absolute;*/
}

.dropdownmenu li:hover li { float: none; }

.dropdownmenu li:hover a { background: #6b3426; }

.dropdownmenu li:hover li a:hover { background: #773f31; }

.main-navigation li ul li { border-top: 0; }


/*Displays second level dropdown menus to the right of the first level dropdown menu.*/
.dropdownmenu ul ul ul {
  left: 100%;
  top: 0;
}

/*Simple clearfix.*/
.dropdownmenu ul:before,
.dropdownmenu ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.dropdownmenu ul:after { clear: both; }

/*Set Text Indent*/
.dropdownmenu ul.sub-menu {
    text-indent: 15px;
}
.dropdownmenu ul.sub-menu-1 {
    text-indent: 30px;
}