/*----------------------------------------------------------------------------
++ Top Navigation - Default
++ These styles make up the top navigation default styles
----------------------------------------------------------------------------*/

/* @group joomla core - first layer */

#topnav #nav{float:left;}
#topnav ul,
#topnav ul *{margin:0;padding:0;list-style:none;}
#topnav ul {line-height:1.0;}
#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 {font-size: 1.2em;border-right:1px solid #ddd;border-left: 1px solid #fff;padding:1.2em 0.7em;text-decoration:none;}
#topnav ul a,
#topnav ul a:link,
#topnav ul a:visited{/* visited pseudo selector so IE6 applies text colour*/}
#topnav ul a:hover {background: #eee;}
#topnav ul#mainlevel-nav li.first,
#topnav #nav ul li.first a.top-level {
	border-left: 1px solid #ddd;
}

/* @end */


/* main menu link color */
#topnav.subtext #nav ul .mainmenu_item{/*color:#333;*/}
/* sub menu link color */
#topnav.subtext #nav ul .submenu_item{color:#aaa;display:block;font-weight:normal;font-size:0.8em;padding-top:0.5em;padding-bottom:0.1em;}

#topnav.subtext ul a.top-level,
#topnav.subtext ul  a.mainlevel-nav,
#topnav.subtext ul li span.separator {font-size: 1.1em;border-right:1px solid #ddd;border-left: 1px solid #fff;padding:0.9em 0.7em;text-decoration:none;} 

/* @end */

/* @group 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 #ccc;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;*/}

/* @end */

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

/* @end */

/* @group styling for navigation in toolbar position */
#toolbar .menu {
	overflow: hidden;
	padding: 0;
	margin: 0 0 0.5em 0;
}
#toolbar .menu li {
	float: right;
}
#toolbar .menu li a {
	background: #000000 none repeat scroll 0 0;
	color: #DDDDDD;
	font-size: 0.85em;
	letter-spacing: 0.02em;
	margin: 0 0.4em;
	padding: 0.4em 1em 0.8em 1em;
	display: block;
}
/* @end */