/*----------------------------------------------------------------------------
++ Top Navigation - Default
++ These styles make up the top navigation default styles
----------------------------------------------------------------------------*/
/* joomla core - first layer
******************************************************/
#nav { float: left; }
 
#topnav ul,
#topnav ul * {
	margin: 0;
	padding: 0;
	list-style: none; }
 
#topnav ul { line-height: 100%; }
 
	#topnav ul li {
		float: left;
		position: relative; }
 
	#topnav ul a,
#topnav ul li span.separator {
		display: block;
		position: relative;
		color: #333; }
 
	#topnav ul a.top-level,
#topnav ul  a.mainlevel-nav,
#topnav ul li span.separator {
		text-transform: uppercase;
		font-size: 1.07em;
		font-weight: bold;
		padding: 1.4em 1em;
		text-decoration: none; }
		
#topnav ul li.first a.top-level {
	text-indent: -7887px;
	background: url(/morph_assets/themelets/emphatic/images/home-dark.png) no-repeat center center;
	width: 22px;
}
/* fix for ie z-index */
#emphatic .block#topnav {
	z-index: 1000;
}

#emphatic .block#topnav .inner {
	border-bottom: 4px solid white;
}

#emphatic .block#topnav .menu > li {
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
}

#emphatic .block#topnav ul > a.top-level,
#emphatic .block#topnav ul > a.mainlevel-nav,
#emphatic .block#topnav ul > li span.separator {
    border-right: 1px solid #fff;
    color: #111;
}

#emphatic.morph .block#topnav ul li.first,
#emphatic.morph .block#topnav ul li.first a.top-level{
	border-left: 0;
}

#emphatic.morph .block#topnav ul li li,
#emphatic.morph .block#topnav ul li.last,
#emphatic.morph .block#topnav ul li.last a.top-level {
	border-right: 0;
}
 
#topnav ul a,
#topnav ul a:link,
#topnav ul a:visited { /* visited pseudo selector so IE6 applies text colour*/ }
 
	#topnav ul a:hover,
#topnav ul a.active,
#topnav #nav ul #active_menu-nav { background: #ccc; }
 
/* subtext layer
******************************************************/
#topnav.subtext #nav ul .mainmenu_item {
	text-transform: uppercase;
	font-weight: bold; }
 
#topnav.subtext #nav ul .submenu_item {
	color: #999;
	display: block;
	font-weight: normal;
	font-size: 0.8em;
	padding-top: 0.2em; }
 
/* call to action button
******************************************************/
#topnav.call-for-action div#nav,
#topnav.call-for-action div#nav ul {
	width: 100%;
	border-right: 0; }
 
#topnav.call-for-action #nav li.action-link {
	float: right!important;
	border: none;
	padding: 0;
	margin: 0 0.6em 0 0; }
 
	#topnav.call-for-action #nav li.action-link a,
#topnav.call-for-action #nav li.action-link a:hover {
		background: #37494A;
		color: #fff;
		border: none;
		font-size: 1em;
		margin: 9px 0 0;
		padding: 0.8em 1em; }
 
	#topnav.call-for-action #nav li.action-link a:hover {
		color: #333;
		background: #ddd; }
 
	#topnav.call-for-action #nav li.action-link:hover { background: none!important; }
 
#topnav.call-for-action #nav li.active.action-link { background: none; }
 
/* skip to menu
******************************************************/
#skipto,#skipto li {
	list-style: none;
	margin: 0;
	padding: 0; }
 
#skipto {
	position: absolute;
	left: -99999999px; }
 
	#skipto li {
		display: inline;
		padding: 0 5px; }
 
/* utility menu - add utility suffix to module to activate
******************************************************/
.menu.utility,
.menu.utility li {
	font-size: .9em;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	text-align: right; }
 
.utility.links-right {
	text-align: right;
	margin-top: 0.3em; }
 
.menu.utility li {
	display: inline;
	border-right: 1px solid;
	padding: 0 1em; }
 
	.menu.utility li.last {
		border-right: 0;
		padding-right: 0; }
  
		.menu.utility li a.active,
.menu.utility li a:hover { text-decoration: underline; }

/* shelf nav
*******************************************************/
.shelfnav .menu{overflow:hidden;}
.shelfnav .menu .parent{display:block;float:left;width:50%;margin:0 0 2em;}
.shelfnav .menu .parent ul{margin:.5em 0;}
.shelfnav .menu li{margin:0;padding:0;list-style:none;}
.shelfnav .menu li li{line-height: 1.7; }
.shelfnav .menu a{}
.shelfnav .menu a:hover{text-decoration:underline;}
.shelfnav .menu .separator{font-size: 1.5em;text-transform: uppercase; }
.shelfnav .menu a:hover{text-decoration:underline;}