/*
# ------------------------------------------------------------------------
# JA Teline III - Stable - Version 1.4 - Licence Owner JA126058
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------

Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
#ja-cssmenu
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-cssmenu UL
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-cssmenu LI
{
	margin: 0;
/*all list items*/
	padding: 0;
	float: left;
	display: block;
	background: none;
	border-right: 1px solid #333684;
	cursor: pointer;
}
#ja-cssmenu LI UL
{
	width: 16.4em;
	position: absolute;
/*second-level lists*/
	z-index: 99;
	left: -999em;
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
	height: auto;
	w\idth: 15.9em;
}
#ja-cssmenu LI UL UL
{
	margin: -2em 0 0 15em;
/*third-and-above-level lists*/
}
#ja-cssmenu LI LI
{
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}
#ja-cssmenu UL A
{
	width: 14.8em;
	w\idth: 10.8em;
}
#ja-cssmenu LI:hover UL UL, #ja-cssmenu LI:hover UL UL UL, #ja-cssmenu LI.sfhover UL UL, #ja-cssmenu LI.havechildsfhover UL UL, #ja-cssmenu LI.havechild-activesfhover UL UL, #ja-cssmenu LI.activesfhover UL UL, #ja-cssmenu LI.sfhover UL UL UL, #ja-cssmenu LI.havechildsfhover UL UL UL, #ja-cssmenu LI.havechild-activesfhover UL UL UL, #ja-cssmenu LI.activesfhover UL UL UL
{
	left: -999em;
}
/*This "unhides" the sub-menus (left: -999em is what hides them)*/
#ja-cssmenu LI:hover UL, #ja-cssmenu LI LI:hover UL, #ja-cssmenu LI LI LI:hover UL, #ja-cssmenu LI.sfhover UL, #ja-cssmenu LI.havechildsfhover UL, #ja-cssmenu LI.havechild-activesfhover UL, #ja-cssmenu LI.activesfhover UL, #ja-cssmenu LI LI.sfhover UL, #ja-cssmenu LI LI.havesubchildsfhover UL, #ja-cssmenu LI LI.havesubchild-activesfhover UL, #ja-cssmenu LI LI.activesfhover UL, #ja-cssmenu LI LI LI.sfhover UL, #ja-cssmenu LI LI LI.havesubchildsfhover UL, #ja-cssmenu LI LI LI.havesubchild-activesfhover UL, #ja-cssmenu LI LI LI.activesfhover UL
{
	left: auto;
}
/*STYLING THE MENU
-----------------------------------
1st level*/
#ja-cssmenu LI A
{
	display: block;
	text-decoration: none;
	padding: 10px;
	/*[disabled]color:#000;*/
	/*[disabled]text-transform:uppercase;*/
	font-weight: bold;
}
#ja-cssmenu LI A:hover
{
	color: #000;
}
#ja-cssmenu LI A:hover, #ja-cssmenu LI A:active, #ja-cssmenu LI A:focus
{
}
#ja-cssmenu LI:hover, #ja-cssmenu LI.sfhover, #ja-cssmenu LI.havechildsfhover, #ja-cssmenu LI.havechild-activesfhover
{
	background: #F7F7F7 url(../../images/mainnav-hover.gif) repeat-x bottom;
	color: #000;
}
#ja-cssmenu LI A.active, #ja-cssmenu LI A.active:active, #ja-cssmenu LI A.active:focus
{
	background: #FF9426 url(../../images/mainnav-active.gif) repeat-x left bottom;
	color: #FFF;
}

#ja-cssmenu LI A.active:hover,
{
color: #000;

}
/*2nd level and above*/
#ja-cssmenu LI UL
{
	border: 1px solid #CCC;
	border-top: 0;
	background: #DDD;
}
#ja-cssmenu LI UL UL
{
	border-top: 1px solid #CCC;
}
#ja-cssmenu LI UL LI
{
	border-bottom: 1px solid #CCC;
	border-right: none;
	background: none;
}
#ja-cssmenu LI UL A
{
	border: none;
	margin: 0;
	padding: 5px 10px 6px;
	line-height: normal;
	background: none;
	color: #555;
	font-weight: bold;
	font-size: 92%;
	font-family: Arial, sans-serif;
}
#ja-cssmenu LI.havesubchild, #ja-cssmenu LI.havesubchild-active
{
	background: url(../../images/arrow3.png) no-repeat 94% 50%;
}
#ja-cssmenu LI UL A:hover, #ja-cssmenu LI UL A:active, #ja-cssmenu LI UL A:focus, #ja-cssmenu UL LI:hover, #ja-cssmenu UL LI.sfhover, #ja-cssmenu UL LI.havesubchildsfhover, #ja-cssmenu UL LI.havesubchild-activesfhover, #ja-cssmenu UL UL LI:hover, #ja-cssmenu UL UL LI.sfhover, #ja-cssmenu UL UL LI.havesubchildsfhover, #ja-cssmenu UL UL LI.havesubchild-activesfhover
{
	/*[disabled]background:#CCC;*/
	color: #000;
}
#ja-cssmenu UL LI A.active, #ja-cssmenu UL LI A.active:hover, #ja-cssmenu UL LI A.active:active, #ja-cssmenu UL LI A.active:focus
{
	background: none !important;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}



#ja-mainnav a.sfhover
{
 color:#000000;
}