/**
* @version      $Id: navigation.css 26 2007-09-26 13:33:01Z spook.68 $
* @package      Joomla!
* @subpackage   68portal
* @copyright    Copyright (c)2007 Axel Wehner. All rights reserved.
* @license      GNU/GPL
**/

/*********************************************************************************************************
	top navigation
*********************************************************************************************************/
/* why they are using the old markup from J! 1.0.x? whatever.. the css works with both menu markups ;) */
div#top-header ul
{ position: absolute; bottom: 15px; right: 10px; z-index: 120; margin: 0; padding: 0; }

	div#top-header ul li
	{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 100%;
	float: left;
	font-family: "Comic Sans MS";
	color: #FFFF99;
	font-weight: normal;
}
div#top-header ul li a:link, div#top-header ul li a:visited
		{
	background-position: center center;
	float: left; /* ie 6 */;
	color: #336699;
	height: 1%;
	display: block;
	margin: 0 0.2em;
	padding: 0.5em 0.7em 0.2em 0.7em;
	text-transform: none;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 120%;
	background-repeat: no-repeat;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #336699;
	font-weight: bold;
}
div#top-header ul li a:hover
		{
	color: #fff;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 120%;
}
div#top-header ul li a:active, div#top-header ul li a:focus,
		div#top-header ul li a#active_menu-nav,
		div#top-header ul li.active a:link, div#top-header ul li.active a:visited, div#top-header ul li.active a:active, div#top-header ul li.active a:focus 
		{
	color: #fff;
	background: no-repeat center
top;
}

/*********************************************************************************************************
	left navigation
*********************************************************************************************************/

/* first level
*************************/
div#left-sidebar ul.menu
{
	font-size: 1em;
	color: #fff;
	margin: 0 -5px -5px -5px;
	padding: 0;
	list-style: none;
	border-top: solid 2px #959F0B;
	border-top-color: #993333;
}

div#left-sidebar .heading ul.menu /* menu with heading */
{ margin: -5px; border: 0; }

	div#left-sidebar ul.menu li
	{ padding: 0; margin: 0; border-top: 1px solid #ECF0E5;}

	div#left-sidebar ul.menu li.first
	{ border: 0; }

		div#left-sidebar ul.menu li a:link, div#left-sidebar ul.menu li a:visited
		{
	padding: 0.3em 0.5em;
	display: block;
	color: #993333;
	height: 1%;
	font-size: 100%;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
div#left-sidebar ul.menu li a:hover
		{
	color: #FFFFFF;
	background-color: #9CCDCD;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 100%;
	font-weight: normal;
}
div#left-sidebar ul.menu li a:active, div#left-sidebar ul.menu li a:focus,
		div#left-sidebar ul.menu li.active a:link, div#left-sidebar ul.menu li.active a:visited
		{
	color: #333333;
	background: url(../images/menu_left_active.gif) no-repeat right center;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 100%;
	font-weight: normal;
}


/* second level
*************************/
div#left-sidebar ul.menu ul
{
	margin: 0;
}

	div#left-sidebar ul.menu li li
	{ padding: 0 0 0 15px; border: 0; }

		div#left-sidebar ul.menu li.active li a:link, div#left-sidebar ul.menu li.active li a:visited
		{
	background: #ECF0E5 url(../images/menu_sub_left.gif) 0 55% no-repeat;
	color: #333333;
	padding: 0.2em 0.5em 0.2em 10px;
	font-size: 90%;
	font-weight: normal;
	text-transform: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

		div#left-sidebar ul.menu li.active li a:hover, div#left-sidebar ul.menu li.active li a:active, div#left-sidebar ul.menu li.active li a:focus,
		div#left-sidebar ul.menu li.active li.active a:link, div#left-sidebar ul.menu li.active li.active a:visited
		{ color: #000; background-image: url(../images/menu_sub_left_active.gif); }


/* third level
*************************/
/* same list settings as the second level */
div#left-sidebar ul.menu li.active li.active li a:link, div#left-sidebar ul.menu li.active li.active li a:visited
{ background: #ECF0E5 url(../images/menu_subsub_left.gif) 0 50% no-repeat; color: #006633; padding: 0.1em 0.5em 0.1em 10px; }

		div#left-sidebar ul.menu li.active li.active li a:hover,	div#left-sidebar ul.menu li.active li.active li a:active, div#left-sidebar ul.menu li.active li.active li a:focus,
		div#left-sidebar ul.menu li.active li.active li.active a:link, div#left-sidebar ul.menu li.active li.active li.active a:visited
		{ color: #000; background-image: url(../images/menu_subsub_left_active.gif); }