/**
 * @file
 * Navigation Styling
 */

#navigation-table {
	display: table;
	height: 54px;
}

/*
 * Colors in navigation
 */
#navigation a, #navigation a.active {
  color: rgb(35, 38, 48);
  text-decoration: none;
}

/*
 * 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 {
  padding: 5px 20px 5px 0; /* LTR */
  font-size: 1em;
}

#navigation ul.links li:hover {
	text-decoration: underline;	
/*	
	background-color: rgb(133, 157, 201);
	background-color: rgb(30, 83, 137); */
}

#navigation ul.links li.active-trail {
  font-weight: bold;
/*
	background-color: rgb(244, 220, 130);
*/
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
	display: table-row;
}

#main-menu li {
	display: table-cell;
	vertical-align: middle;
}

#secondary-menu {
  float: right;
}


/*
 * "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
 */
ul li.leaf {
	list-style-image: url("../images/bullets_01.png")
}

ul li.collapsed {
	list-style-image: url("../images/bullets_05.png")
}

ul li.expanded {
	list-style-image: url("../images/bullets_03.png")
}