/**
 * @file
 * Navigation Styling
 */

/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navigation {
  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li {
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
}

.region-navigation {
  padding-top: 3px;
}

/*
 * Main menu and Secondary menu links
 */

#navigation #block-menu-block-1 ul.menu ,
#navigation #block-menu-block-1 ul.menu {
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 12px;
  font-family: linux_libertineregular;
  line-height: 16px;
}
#navigation #block-menu-block-1 ul.menu li.first {
  padding-left: 0px;
  background-image: none;
}
#navigation #block-menu-block-1 ul.menu li {
  display: block;
  padding: 0px 0px 0px 39px;
/*
  background-image: url(../images/nav-main-menu-sep-level-1.gif);
  background-repeat: no-repeat;
  background-position: 18px 5px;
*/
}
#navigation #block-menu-block-1 ul.menu li a {
  line-height: 1em;
  text-decoration: none;
}

#navigation #block-menu-block-1 ul.menu li.expanded {
  position: relative;
  color: #1A171B;
}

#navigation #block-menu-block-1 ul.menu li.expanded.menu-mlid-932 ul.menu,/* {
  left: -154px;
}*/
#navigation #block-menu-block-1 ul.menu li.expanded.menu-mlid-927 ul.menu {
  left: -181px;
}
#navigation #block-menu-block-1 ul.menu li.expanded ul.menu {
  display: none;
  position: absolute;
  top: 15px;
  left: -50px;
  right: -250px;
  text-align: center;
  background-image: none;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: none;
}
#navigation #block-menu-block-1 ul.menu li.expanded ul.menu li {
  padding: 0px 0px 0px 19px;
  background-position: 8px 5px;
}
#navigation #block-menu-block-1 ul.menu li.expanded:hover ul.menu {
  display: block;
}
/* videos */
#navigation #block-menu-block-1 ul.menu li.expanded.menu-mlid-515 ul.menu {
  top: 15px;
  left: -33px;
  right: -150px;
}
#navigation #block-menu-block-1 ul.menu li.expanded.menu-mlid-516 ul.menu {
  top: 15px;
  left: -40px;
  right: -150px;
}

#navigation #block-menu-block-1 ul.menu li a.active-trail,
#navigation #block-menu-block-1 ul.menu li a.active {
  color: #c6c7c8;
}


#secondary-menu {
  float: right;
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.block-menu-block {
}