/*----------------------------------------------------------------------------
++ 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: #C00062;}
#topnav ul a.top-level,
#topnav ul  a.mainlevel-nav,
#topnav ul li span.separator {font-size: 1em;border-right:0px solid #c00062;padding-left:1.4em;padding-right:1.4em;padding-top:.5em;padding-bottom:.5em;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,
#topnav ul a.active,
#topnav #nav ul #active_menu-nav{background: #fdf7f9;}

/* subtext layer
******************************************************/
#topnav.subtext #nav ul .mainmenu_item{}
#topnav.subtext #nav ul .submenu_item{color:#666;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;border-left:1px solid #c00062;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;}

/* menu in toolbar
******************************************************/
#toolbar .mod{background:none;}
#toolbar .menu,
#toolbar .menu li{margin:0;padding:0;list-style:none;background:none;}
#toolbar .links-right{text-align:right;margin-top:0.3em;}
#toolbar .menu li{display:inline;border-right:1px solid #c00062;padding:0 1em;}
#toolbar .menu li.last{border-right:0;padding-right:0;}
#toolbar .menu li a.active,
#toolbar .menu li a:hover{text-decoration:underline;}