/*
* Copyright (C) 2006-2009 Corllete ltd (clabteam.com), Released under Creative Common license - http://creativecommons.org/licenses/by-nc/3.0/
* Download and update at http://www.free-source.net/
* $Id:
*
* Theme NCore Drop Down Menu Style
*/

#nav li.fs-linkSep { width: 1px; margin: 0px; height: 43px; }

#nav ul{ position: relative; z-index: 20;}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 43px;
	padding-left: 10px
}

#nav a {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	display: block;
	font: normal 14px/43px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
	text-align: center;
	color: #333;
	text-decoration: none;
}
#nav span {display: block;}
#nav #active .nav-main { color: #8F8F8F}
#nav span { cursor: pointer; }
#nav a:hover {
	/* background-position: 0 -44px; */
	color: #333;
}

#nav li { /* all list items */
	float: left;
	/* width: 10em;  width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 999;
	width: 220px;
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
}

#nav li ul li {
	width: 220px;
}

#nav li ul li a  {
	display: block;
	text-align: left;
	background-image: none;
	min-height: 30px;
	font-size: 12px; font-weight: normal;
	text-transform: none;
	color: #333;

	
}

#nav li ul li span { display: block; padding: 0 0 0 20px; text-align: left; min-height: 30px; line-height: 28px; }
#nav li ul li a:hover {
	/*background-color: #7997AF;*/
	color: #FFF;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 190px;
}



#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*JS DECORATE*/
#level0 .main-link				{ background: url(../images/p22_nav_main-TL.png) 0 -100px no-repeat; }
#level0 .main-link a.nav-main		{ background: url(../images/p22_nav_main-TR.png) 100% -100px no-repeat; text-shadow:-1px -1px 0 #FFF }
#level0 .main-link a.nav-main span{ background: url(../images/p22_nav_main-TC.png) 0 -100px repeat-x; padding: 0 15px; margin: 0 5px; }

#level0 li.sub:hover					{ background: url(../images/p22_nav_main-TL.png) 0 0 no-repeat; }
#level0 li.sub:hover a.nav-main			{ background: url(../images/p22_nav_main-TR.png) 100% 0 no-repeat; }
#level0 li.sub:hover a.nav-main span	{ background: url(../images/p22_nav_main-TC.png) 0 0 repeat-x; padding: 0 15px; margin: 0 5px; }

#level0 .level li 						{ background: #E3E3E4 url(../images/p22_nav_sep.png) 0 100% repeat-x; padding: 0; }
#level0 .level li a						{ background: url(../images/p22_border.png) 0 0 repeat-y; padding: 0; }
#level0 .level li span					{ background: url(../images/p22_border.png) 100% 0 repeat-y; display: block; padding: 0 0 0 20px; margin: 0;}
#level0 .level li.first 				{ background: url(../images/p22_a_first.png) 0 0 repeat-x}
#level0 .level li.last					{ background: url(../images/p22_li_sub_last.png) 0 100% no-repeat; border: 0px; }
#level0 .level li.last a				{ background-image: none; }
#level0 .level li.last span				{ background-image: none; }

#level0 .level li li.first				{ background: url(../images/p22_li_sub_first.png) 0 0 no-repeat; }
#level0 .level li li.first a			{ background-image: none; }
#level0 .level li li.first span			{ background-image: none; }