/**
 * @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 {
}

#navigation-wrapper {
  background-color: #e7f3fb;
  border-top: 1px solid #dadad4;
  border-bottom: 1px solid #dadad4;
} 

#navigation-wrapper .outer {
	width: 962px /* Width is Adjusted for Border */;
	padding: 0 3px /* Width is Adjusted for Border */;
} 

#navigation-wrapper .outer .section {
	border-left: 1px solid #abd0e6;
	border-right: 1px solid #fff;
}

#navigation-wrapper,
#navigation-wrapper .outer,
#main-menu li {
	height: 40px;
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
	margin: 0;
	padding: 0;
	width: 960px;
	clear: both;
}
 
#main-menu li {
	display: inline-block;
	float: left;
	line-height: 1;
	margin: 0;
	padding: 0;
}
 
#main-menu li a {
	display: inline-block;
	float: left;
	height: 8px /* 40px - 16px = 24px Done this way for CSS3 Transitions */;
	color: #005971;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #e7f3fb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 100%;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #abd0e6;
	border-bottom: 1px solid #dadad4;
	-webkit-transition: background-color .3s ease, border-bottom .3s ease, color 0.1s linear;
	-moz-transition: background-color .3s ease, border-bottom .3s ease, color 0.1s linear;
	-o-transition: background-color .3s ease, border-bottom .3s ease, color 0.1s linear;
	-m-transition: background-color .3s ease, border-bottom .3s ease, color 0.1s linear;
	transition: background-color .3s ease, border-bottom .3s ease, color 0.1s linear;
}

#main-menu li a:hover {
  color: #005971;
  background: #fff;
  background: -moz-linear-gradient(top, #f7fafc 34%, #def2fc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,#f7fafc), color-stop(100%,#def2fc));
  background: -webkit-linear-gradient(top, #f7fafc 34%,#def2fc 100%);
  background: -o-linear-gradient(top, #f7fafc 34%,#def2fc 100%);
  background: -ms-linear-gradient(top, #f7fafc 34%,#def2fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#def2fc',GradientType=0 );
  background: linear-gradient(top, #f7fafc 34%,#def2fc 100%);
}

#main-menu li.active a {
  color: #c25117;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

#main-menu li.active a.active-trail:hover {
  color: #c25117;
  background: #fff;
  border-bottom: 1px solid #fff; /* overrides hover changes */
}

#main-menu li.active a.active:hover {
  color: #c25117;
  background: #fff;
  border-bottom: 1px solid #fff; /* overrides hover changes */
}


#main-menu li.menu-498 a /* About ACA */ {
	width: 85px;
}

#main-menu li.menu-325 a, #main-menu li.menu-344 a /* Country Profiles */ {
	width: 128px;
}

#main-menu li.menu-326 a /* Diagnostic Survey */ {
	width: 132px;
}

#main-menu li.menu-327 a, #main-menu li.menu-345 a /* Country Cross-Analysis */ {
	width: 172px;
}

#main-menu li.menu-328 a /* Case Studies */ {
	width: 97px;
}

#main-menu li.menu-329 a /* Success Stories */ {
	width: 120px;
}

#main-menu li.menu-330 a, #main-menu li.menu-347 a /* Publications */ {
	width: 103px;
}

#main-menu li.menu-331 a /* News */ {
	width: 47px;
}

#main-menu li.menu-332 a, #main-menu li.menu-346 a  /* Events */ {
	width: 58px;
}

#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 {
}
/*new dropdown menu*/

.main-menu li#menu-498-1 a /* About ACA */ {
	width: 85px;
}

.main-menu li#menu-325-1 a, .main-menu li#menu-344-1 a /* Country Profiles */ {
	width: 130px;
}

.main-menu li#menu-326-1 a /* Diagnostic Survey */ {
	width: 130px;
}

.main-menu li#menu-327-1 a, .main-menu li#menu-345-1 a /* Country Cross-Analysis */ {
	width: 172px;
}

.main-menu li#menu-328-1 a /* Case Studies */ {
	width: 97px;
}

.main-menu li#menu-329-1 a /* Success Stories */ {
	width: 120px;
}

.main-menu li#menu-699-1 a, .main-menu li#menu-716-1 a, .main-menu li#menu-347-1 a /* Publications */ {
	width: 103px;
}

.main-menu li#menu-331-1 a /* News */ {
	width: 47px;
}

.main-menu li#menu-332-1 a, .main-menu li#menu-346-1 a  /* Events */ {
	width: 58px;
}