/**
 * @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 */ {
  text-align: right; /* LTR */
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li,
#navigation div > ul.menu > li {
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  float: left;
  line-height: 30px;
  padding:0;
  border-right: 1px solid #CCC;
	position:relative;
	z-index:100;
}

#navigation ul.links li.last,
#navigation div > ul.menu > li.last {
  border-right: none;
}

#navigation ul.links li a,
#navigation div ul.menu li a {
  font-size: 14px;
  text-decoration: none;
  color: #DB0A20;
	display:block;
	padding: 0 10px;
	position:relative;
	z-index:100;
}
#navigation div > ul.menu > li.expanded a { border-bottom: 1px solid #fff; }

#navigation ul.links li a:hover,
#navigation div ul.menu li a:hover { color: #000000; }
#navigation ul.links li a.active,
#navigation div ul.menu li a.active { color: #000000; }
#navigation ul.links li a.active:hover,
#navigation div ul.menu li a.active:hover { color: #DB0A20; }

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu,
#navigation div > ul.menu {
  float: right;
  margin: 10px 10px 0 0;
  padding-top: 79px;
  background: url(../images/culture-programme.png) no-repeat top right;
}

#navigation div ul.menu,
#navigation div ul.menu li {
	list-style:none;
	list-style-image:none;
}
#navigation div ul.menu ul,
#navigation div ul.menu li li {
	padding:0;
}

/* #navigation div ul.menu ul {  } */
#navigation div > ul.menu > li > ul {
	display:none;
	clear:both;
	position:absolute;
	top:30px;
	left:-1px;
	background-color:#fff;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	border: 1px solid #CCCCCC;
	width: 170px;
	padding:15px;
	z-index:99;
}

#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 {
}