/*
comment: mslevin
This works fine on all browsers except IE 5 on Mac
PC: ie5 | ie5.5 | ie6 | Firefox | Mozilla | Opera
Mac: Firefox | Safari
*/

#topnavigation, #topnavigation ul { /* all lists */
  width: 561px;
  height: 32px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
/* Set individual dropdown background colors  */
#topnavigation #we-can-help {
  background: #5E86B4;
}
#topnavigation #our-services {
  background: #779CC3;
}
#topnavigation #industry-sector {
  background: #4C6C8E;
}

#topnavigation li { /* all list items */
	float: left;
}
#topnavigation li ul { /* second-level lists */
	position: absolute;
	z-index: 999;
  width: 187px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#topnavigation li #we-can-help li {
  width: 187px;
  >margin-top: -3px;
  background: #D6E1ED url(/images/menu-arrow.gif) no-repeat;
  border-top: 1px solid #fff;
}
#topnavigation li #we-can-help li.firstrow {
  background: #fff url();
}
#topnavigation li #our-services li {
  width: 187px;
  >margin-top: -3px;
  background: #D6E1ED url(/images/menu-arrow.gif) no-repeat;
  border-top: 1px solid #fff;
}
#topnavigation li #our-services li.firstrow {
  background: #fff url();
}
#topnavigation li #industry-sector li {
  width: 187px;
  >margin-top: -3px;
  background: #D6E1ED url(/images/menu-arrow.gif) no-repeat;
  border-top: 1px solid #fff;
}
#topnavigation li #industry-sector li.firstrow {
  background: #fff url();
}
#topnavigation li li.lastrow {
  background: #fff url();
}
#topnavigation li li a {
	display: block;
	width: 142px;
  padding: 9px 5px 7px 20px;
  margin: 0px 10px 0px 10px;
  font-size: 1.1em;
  color:#0E3474;
  text-decoration:none;
}
#topnavigation li li a:hover {
  color:#0E3474;
}

#topnavigation li ul ul { /* third-and-above-level lists */
  position: absolute;
  margin-top: -2.2em;
  margin-left: 182px;
  background: #0E034E;
}

#topnavigation li:hover ul ul, #topnavigation li:hover ul ul ul, #topnavigation li.sfhover ul ul, #topnavigation li.sfhover ul ul ul {
	left: -999em;
}

#topnavigation li:hover ul, #topnavigation li li:hover ul, #topnavigation li li li:hover ul, #topnavigation li.sfhover ul, #topnavigation li li.sfhover ul, #topnavigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}