/*----------------------------------------------------------------------------
++ 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: #fff;}
#topnav ul a.top-level,
#topnav ul  a.mainlevel-nav,
#topnav ul li span.separator {margin:0 .2em 0;font-size: 1em;/*border-right:1px solid #ddd;*/padding:0.9em 1em;text-decoration:none;font-weight:bold;}
#topnav ul a.top-level,
#topnav ul a.top-level:link,
#topnav ul a.top-level:visited{border:0px solid transparent;/* visited pseudo selector so IE6 applies text colour*/}
#topnav ul a.top-level:hover,
#topnav ul a.top-level.active,
#topnav #nav ul #active_menu-nav {
	background:#b7ea33;
	border-color:#28842d;
	border-style:solid solid none;
	border-width:0;
	color:#28842d;
	margin-bottom:-2px;
	margin-top:-4px;
	padding:1.2em 1em;
}

/* subtext layer
******************************************************/
#topnav.subtext #nav ul .mainmenu_item{}
#topnav.subtext #nav ul .submenu_item{display:block;font-weight:normal;font-size:0.9em;padding-top:0.2em;}
#rational-magic #topnav.subtext ul a:hover .submenu_item  {
	color: #A18A3C;
}

#topnav.subtext #nav ul a.active .submenu_item {
	color: #fff;
}
/* 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;border-left:1px solid #ddd;padding:0;margin:0;}
#topnav.call-for-action #nav li.action-link a{border:none;background:#fafafa;margin:0;}
#topnav.call-for-action #nav li.action-link a:hover {/*color:#D66258;*/}

/* 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 {
	float: right;
}
.menu.utility,
.menu.utility li {
	font-size: .9em;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none; }
 
.utility.links-right {
	text-align: right;
	margin-top: 1em; }
 
.menu.utility li {
	display: inline;
	border-right: 1px solid #ccc;
	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; }