/**
 * @version		$Id$
 * @author		Nguyen Dinh Luan
 * @package		Joomla!
 * @subpackage	Mod_DropDown_MooMenu
 * @copyright	Copyright (C) 2008 - 2011 by Joomseller Solutions. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
 */
#js-hozmenu { 
    background-color: #014E72; /* you can change/delete the transparent gradient image or the background color */
    border-top: 1px solid #3A0700; /* you can change the color of the border */
} 
#oj-moomenu {
	color:#000;
	background-color: #014E72; /* you can change/delete the transparent gradient image or the background color */ 
}
/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#oj-moomenu li a {
	color: #ccc;
    border-left: 1px solid #014E72; /* you should comment/delete this line */ 
    border-right: 1px solid #333333; /* and this line */ 
}
#oj-moomenu li.active,
#oj-moomenu li:hover,
#oj-moomenu li.sfhover,
#oj-moomenu li.havechildsfhover,
#oj-moomenu li.havechild-activesfhover {
	background-color: #006699; /* you can change/remove the transparent gradient or the color */
}
#oj-moomenu li a.active {
	color: #fff;
}
#oj-moomenu li a.active:hover,
#oj-moomenu li a.active:focus {
	color:#fff;
}
/* 2nd level and above */
#oj-moomenu li ul li {
	background: #002A40;
	border-bottom: 1px dotted #006699;
	border-right: 1px solid #006699;
}
#oj-moomenu li.havesubchild,
#oj-moomenu li.havesubchild-active {
	background-color: #002A40; /*change here the color to match the new color you have set for mainnav */
	color: #ccc; /* after changing code above, you might want to change this color to make the text color readable  */ 
}
#oj-moomenu li ul a:hover,
#oj-moomenu li ul a:active,
#oj-moomenu li ul a:focus,
#oj-moomenu ul li:hover,
#oj-moomenu ul li.sfhover,
#oj-moomenu ul li.havesubchildsfhover,
#oj-moomenu ul li.havesubchild-activesfhover,
#oj-moomenu ul ul li:hover,
#oj-moomenu ul ul li.sfhover,
#oj-moomenu ul ul li.havesubchildsfhover,
#oj-moomenu ul ul li.havesubchild-activesfhover {
	color: #ccc;
}
#oj-moomenu ul li a.active,
#oj-moomenu ul li a.active:hover,
#oj-moomenu ul li a.active:active,
#oj-moomenu ul li a.active:focus {
	background: none !important;
	color: #FFFFFF;
}