/*** package defaults ***/ 

.dropdown,
.dropdown ul,
.dropdown li{
  margin  : 0;
  padding : 0;
}

.dropdown ul,
[dir=rtl] .dropdown > .dropdownLeftToRight > ul{
  display  : none;
  position : absolute;
  top      : 100%;
  left     : 0;
  right    : auto;
  z-index  : 1;
}

[dir=rtl] .dropdown ul,
.dropdown > .dropdownRightToLeft > ul{
  left  : auto;
  right : 0;
}

.dropdown ul ul,
[dir=rtl] .dropdown ul .dropdownLeftToRight ul{
  top   : 0;
  left  : 100%;
  right : auto;
}

[dir=rtl] .dropdown ul ul,
.dropdown ul .dropdownRightToLeft ul{
  left  : auto;
  right : 100%;
}

.dropdown li{
  position        : relative;
  display         : block;
  list-style-type : none;
}

.dropdown > li{
  display : inline-block;
}

.dropdown a,
.dropdown span{
  display         : block;
  text-decoration : none;
  white-space     : pre;
}

.dropdown li:hover > ul{
  display : block;
}

.dropdownVertical{
  display : inline-block;
}

.dropdownVertical > li{
  display : block;
}

.dropdownVertical ul{
  top  : 0;
  left : 100%;
}

[dir=rtl] .dropdownVertical ul{
  left  : auto;
  right : 100%;
}

.dropdownJavaScript li:hover > ul{
  display : none;
}

.dropdownJavaScript li.dropdownOpen > ul{
  display : block !important;
}


/*** custom changes ***/

/* to negate listcontents in master.css which is float:left; */ 
ul.dropdown li {
   float:none;
}


/* centre the menu */
.dropdown{
  text-align: center;
}

/* set the font */ 
.dropdown li{
  font-family:OpenSans-RegularTTF, OpenSans-RegularEOT; font-size:12pt;
}

/*  padding color and background transition */
.dropdown a {
  padding: 5px 5px 5px 5px;
  color: #FCDFBD;
  transition: background 0.4s;
}

/* color of hovered items */
.dropdown li:hover > a,
.dropdown li:hover > span,
.dropdown li.dropdownOpen > a,
.dropdown li.dropdownOpen > span{
   background: #573A21;
   color: #FCDFBD;
   font-family:OpenSans-BoldTTF, OpenSans-BoldEOT; font-size:12pt;
}

.dropdownJavaScript li:hover > ul{
   background: rgb(175,115,65);
   color: #FCDFBD;
   font-family:OpenSans-BoldTTF, OpenSans-BoldEOT; font-size:12pt;
}

.dropdownJavaScript li.dropdownOpen > ul{
   background: rgba(175,115,65, 1.0);
   color: #FCDFBD;
   font-family:OpenSans-BoldTTF, OpenSans-BoldEOT; font-size:12pt;
}

/* align the menu content */
.dropdown > li{
  text-align: left;
}

/* boxes around main elements */
.dropdown li a.positselect {
   color:#573A21;
   background:#FCDFBD;
   width:116px;
   height:24px;
   display:table-cell;
   vertical-align:bottom;
   text-align:center;
}

.dropdown li a.posit {
   color:#FCDFBD;
   background:#573A21;
   width:116px;
   height:24px;
   display:table-cell;
   vertical-align:bottom;
   text-align:center;
}