/*** package defaults ***/ 

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

.dropdown ul{
  display  : none;
  position : absolute;
  top      : 100%;
  left     : 0;
  z-index  : 1;
}

.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%;
}

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

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


/*** 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: #1C3664;
  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: #1c3664;
   color: #FFF;
   font-family:OpenSans-BoldTTF, OpenSans-BoldEOT; font-size:12pt;
}

.dropdownJavaScript li:hover > ul{
   background: #1c3664;
   color: #FFF;
   font-family:OpenSans-BoldTTF, OpenSans-BoldEOT; font-size:12pt;
}

.dropdownJavaScript li.dropdownOpen > ul{
   background: rgba(187,187,187, 0.6);
   color: #FFF;
   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 {
   background:#039999;
   width:116px;
   height:94px;
   color:#fff;
   display:table-cell;
   vertical-align:bottom;
   text-align:center;
}

.dropdown li a.posit {
   width:116px;
   height:94px;
   display:table-cell;
   vertical-align:bottom;
   text-align:center;
}