/*
 * ------------------------------------------------------------------------
 * JA T3 Blank template for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/
/* 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.
---------------------------------------------------------*/

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li:hover,
#ja-cssmenu li:active,
#ja-cssmenu li:focus{
background:url(../../images/tab-right.gif) no-repeat right top; 
color:#fff;
border-top-left-radius:10px; 
border-top-right-radius:10px;
}
#ja-cssmenu li a.sfhover{color:#fff;}

#ja-cssmenu li a.active,
#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	background:url(../../images/tab-right.gif) no-repeat right top;
	border-top-left-radius:10px; 
	border-top-right-radius:10px;
	color:#fff;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	border: 1px solid #ccc;
	border-top: 0;
	background: #00234B;
}

#ja-cssmenu li ul ul {
	border-top: 1px solid #ccc;
}

#ja-cssmenu li ul li {
	border-bottom: 1px solid #133C6B;
	background:#00234B;
	width:197px;
}
#ja-cssmenu li ul li a{width:91%;}
#ja-cssmenu ul li.sfhover{ background:none;}
#ja-cssmenu li ul li a.active,
#ja-cssmenu li ul li a:hover,
#ja-cssmenu li ul li a.active:hover,
#ja-cssmenu li ul li a.active:active,
#ja-cssmenu li ul li a.active:focus{color:#fff;background:none;background-color:#133C6B;width:179px;border-top-left-radius:0;border-top-right-radius:0;}