/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#suckerfishnav
{
  font-size: 12px;
  font-family: Arial,verdana,sans-serif;
  font-weight: normal;
  width: 100%;
}

#suckerfishnav, #suckerfishnav ul
{
  float: left;
  list-style: none;
  line-height: 25px;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}

#suckerfishnav a
{
  display: block;
  color: #dddddd;
  text-decoration: none;
  padding: 0px 13px;
  /* padding: 0px 12px; */
}

#suckerfishnav li
{
  float: left;
  padding: 0;
  z-index: 5;
}

#suckerfishnav ul
{
  position: absolute;
  left: -999em;
  height: auto;
  /* width: 171px; */
  width: 186px;
  font-weight: normal;
  margin: 0;
  line-height: 1;
  border: 0;
}

#suckerfishnav li li
{
  /* width: 169px; */
  width: 184px;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  font-weight: normal;
  font-family: Arial, verdana,sans-serif;
}

#suckerfishnav li li a
{
  padding: 8px 10px;
  /* width: 150px; */
  width: 165px;
  font-size: 12px;
  color: #dddddd;
}

#suckerfishnav li ul ul
{
  margin: -21px 0 0 170px;
}

/* hovering main menu bar items */
#suckerfishnav li:hover, #suckerfishnav li a:hover, #suckerfishnav li.sfhover, #suckerfishnav li:hover a, #suckerfishnav li.sfhover a
{
  z-index: 10000;
  white-space: normal;
  background-image: url(images/item-center.png);
  background-position: left top;
  background-repeat: repeat-x;
  background-position: left -25px;
  /* color: #444444; */
  color: #aaaaaa;
}

/* dropdown menu display */
#suckerfishnav li:hover ul, #suckerfishnav li.sfhover ul
{
  left: auto;
  background: #444444;
}

/* submenu - prevents all submenu items from being highlighted */
#suckerfishnav li ul li:link a, #suckerfishnav li ul li a:link, #suckerfishnav li ul li:visited a, #suckerfishnav li ul li a:visited
{
  background-image: none;
  color: #dddddd;
}

/* hovering submenu items */
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li a:hover
{
  background-image: none;
  background: #841a78;
  color: #ffffff;
}

/* resilience main menu bar item (1 level) */
#suckerfishnav li.current_page_item a
{
  /* color: black; */
  color: #dddddd;
  background-image: url(images/item-center.png);
  background-position: left top;
  background-repeat: repeat-x;
  background-position: left -25px;
}

/* resilience main menu bar item (2 levels - dropdown) */
#suckerfishnav li.current_page_parent a
{
  /* color: black; */
  color: #dddddd;
  background-image: url(images/item-center.png);
  background-position: left top;
  background-repeat: repeat-x;
  background-position: left -25px;
}