/* Navigation */

#navigation, #secondary-navigation { 
  /*background: #EFEFEF;*/
}


/* Top Level */
.main-menus {
	font-size: 1.2em;
}
.main-menus ul { 
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
.main-menus ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

.main-menus ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
  height: 40px;
  line-height: 1.5em;
  text-decoration: none;
  color: #FFF;
  text-transform: uppercase;
}
.main-menus ul li a span { display: block; padding: 10px 20px; }

.main-menus ul li a:hover, 
.main-menus ul li.sfHover a {
  background-color: #CCCCCC;
  color: #000;
}


/* Secondary */

.main-menus ul li ul { 
	position: absolute;
	background: #000;
	width: 200px;
	margin: 0;
	padding: 0;
	left: -999em;
  z-index: 999;
}
.main-menus ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
.main-menus ul li ul li a,
.main-menus ul li.sfHover ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
  height: 40px;
  line-height: 2.5em;
  text-transform: none;
  color: #FFF;
}
.main-menus ul li ul li a span { display: block; padding: 5px 10px; }

.main-menus ul li.active ul li a, 
.main-menus ul li.active ul li a:hover, 
.main-menus ul li.sfHover ul li a { background: none; }

.main-menus ul li ul li a:hover { background: #CCC; color: #000; }


/* Tertiary */

.main-menus ul li ul li ul { 
	position: absolute;
	background: orange;
	width: 200px;
	margin: -25px 0 0 200px;
	padding: 0;
	left: -999em;
  z-index: 999;
}
.main-menus ul li ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
.main-menus ul li ul li ul a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
}

.main-menus ul li.active ul li ul li a, 
.main-menus ul li.active ul li ul li a:hover, 
.main-menus ul li.sfHover ul li ul li a { background: none; }

.main-menus ul li ul li ul li a:hover { background: #FF0000; color: #FFFFFF; }


/* No need to touch :) */

.main-menus li:hover { position: static; background-position: 0 0; }
.main-menus li:hover ul ul, .main-menus li:hover ul ul ul, .main-menus li.sfHover ul ul, .main-menus li.sfHover ul ul ul { left: -999em; }
.main-menus li:hover ul, .main-menus li li:hover ul, .main-menus li li li:hover ul, .main-menus li.sfHover ul, .main-menus li li.sfHover ul, .main-menus li li li.sfHover ul { left: auto; }

/* Fix line height on two lined items */
#menu-1673-1 a span,
#menu-1674-1 a span,
#menu-1711-2 a span,
#menu-1712-2 a span,
#menu-1715-2 a span,
#menu-1717-2 a span,
#menu-1719-2 a span, 
#menu-1861-1 a span	{
	line-height: 1.3em;
}