/********************************************/
/* Menubar Appearance Styles - OK to modify */
/********************************************/

/* Top level menubar wrapper */
.iw-menubar {
  font-size: .9em;
  margin: 2px;
}
/* Default menubar item width */
.iw-menubar li {
  /* width: 170px; */
}
/* Override for submenu width (optional) */
.iw-menubar ul li ul li, .iw-menubar ul li ul {
  width: 220px;
}
/* Override for 3rd level submenu width (optional) */
.iw-menubar ul li ul li ul li, .iw-menubar ul li ul li ul {
  width: 220px;
}
/* Override for 4th level submenu width (optional) */
.iw-menubar ul li ul li ul li ul li, .iw-menubar ul li ul li ul li ul {
  width: 220px;
}
/* Position submenus using margins (0px is directly below) */
.iw-menubar li ul {
  margin: 0px;
}
/* Position 3rd level submenus using margins */
.iw-menubar li ul li ul {
  margin: -23px 0px 0px 220px;
}
/* Position 4th level submenus using margins */
.iw-menubar li ul li ul li ul{
  margin: -23px 0px 0px 220px;
}
/* Menubar item default appearance */
.iw-menubar a, .iw-menubar a:visited, .iw-menubar a:active {
  padding: 5px 10px 5px 10px;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #A80031;
  color: #fff;
  background-color: #A80031;
  text-decoration: none;
  font-weight: normal;
  font-size:12px;
  font-family:Verdana,Arial,sans-serif;
}

.iw-menubar ul li ul li a, .iw-menubar ul li ul li a:visited, .iw-menubar ul li ul li a:active {
	color: #A80031;
  	background-color: #fff;
}

.iw-menubar ul li ul li a:hover, .iw-menubar ul li ul li a:visited:hover, .iw-menubar ul li ul li a:active:hover {
	color: #fff;
  	background-color: #A80031;
}

/* Apply bottom border to menubar items here to avoid double borders */
.iw-menubar, .iw-menubar ul {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #A80031;
}
/* Menubar item appearance on mouseover */
.iw-menubar a:hover {
  color: #A80031;
  background-color: #fff;
  text-decoration: none;
}
/* Override default appearance for items and folders - only top level should be bold */
.iw-menubar ul li ul li a, .iw-menubar ul li ul li ul li a, .iw-menubar ul li ul li ul li a, .iw-menubar ul li ul li div, .iw-menubar ul li ul li ul li div, .iw-menubar ul li ul li ul li div {
  font-weight: normal !important;
}
/* Menu folder default appearance */
.iw-menubar div {
  padding: 5px 10px 5px 10px;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #A80031;
  color: #fff;
  background-color: #A80031;
  cursor: default;
  font-weight: normal;
  font-size:12px;
  font-family:Verdana,Arial,sans-serif;
}
/* Submenu folder default appearance overrides compared to menu folder */
.iw-menubar ul li ul li div {
  background-image: url('../../images/foundation/sitemap/folder-arrow-small.gif');
  background-position: 90% 50%;
  background-repeat: no-repeat;
  background-color:  #A80031;
  color:#fff;
}
/* Menu folder appearance on mouseover or when open  */ 
.iw-menubar ul li:hover div, .iw-menubar ul li.mo div {
  background-color: #fff;
  color: #A80031;
}
/* Don't cascade folder changes to nested folders just because their parent is open */
.iw-menubar ul li:hover ul li div, .iw-menubar ul li.mo ul li div {
  background-color: #fff;
  color: #A80031;
}
/* But do change them if they are directly moused over or open */
.iw-menubar ul li ul li:hover div, .iw-menubar ul li ul li.mo div {
  background-color: #A80031;
  color: #fff;
}






/***************************************************/
/* Menubar Functional Styles - Modify with caution */
/***************************************************/

/* Allows submenus to appear on top of other page elements */
.iw-menubar {
  /* To use strict compliance mode on a wide (many-item) menubar, in addition to changing the 
          Site Map Menubar skin to the strict version, the below value:
          "position: absolute;"
         must be changed to
          "position: relative;"
          This is only necessary if the menubar will be wider than the minimum browser width.
          If not done in this case, the menubar items will wrap to a second line.  When changing to 
         relative positioning, some of the margins, padding, and borders will also need adjusting. 
    */
  position: absolute;
  z-index: 99;
  /* prevent wide menus from wrapping in Firefox in quirks mode */
  -moz-margin-end: -2400px;
}
/* Removes default ul/li behavior so menubar doesn't contain bullets or indents */
.iw-menubar ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
/* Assures consistent display across browsers and no text wrapping */
.iw-menubar li {
  float: left;
  white-space: nowrap;
}
/* Force submenus to stack vertically even though menubar appears horizontally */
.iw-menu ul li ul li, .iw-menu ul li ul li ul li, .iw-menu ul li ul li ul li ul li {
  clear: both;
}
/* Hide submenus by default */
.iw-menubar li ul {
  position: absolute;
  visibility: hidden;
  width: 180px;
}
/* Show submenus when mousing over parent li element */
.iw-menubar ul li:hover ul, .iw-menubar ul li.mo ul {
  visibility: inherit;
}
/* But don't show 3rd or 4th level menus */
.iw-menubar ul li:hover ul li ul, .iw-menubar ul li.mo ul li ul, .iw-menubar ul li:hover ul li ul li ul, .iw-menubar ul li.mo ul li ul li ul{
  visibility: hidden;
}
/* Show 3rd level submenus when mousing over parent li element */
.iw-menubar ul li ul li:hover ul, .iw-menubar ul li ul li.mo ul {
  visibility: inherit;
}
/* But don't show 4th level menus */
.iw-menubar ul li ul li:hover ul li ul, .iw-menubar ul li ul li.mo ul li ul{
  visibility: hidden;
}
/* Show 4th level submenus when mousing over parent li element */
.iw-menubar ul li ul li ul li:hover ul, .iw-menubar ul li ul li ul li.mo ul {
  visibility: inherit;
}
/* Force anchor tag to fill entire menu area */
.iw-menubar a {
  display: block;
  width: auto !important;
  width: 100%;
}