/**
 * @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
 */
* html .clearfix {
	height: 1%; /* IE5-6 */
}
html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrap {
    clear: both;
    width: 100%;
	visibility: inherit !important;
	height: auto !important;
}
#js-hozmenu { 
    background: url(../images/grad1-mask.png) repeat-x top #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 */
    line-height: 1;
    position: relative;
    z-index: 9;
} 
#oj-hozmenu {
	position:relative;
	float:left;
}
.clr {
	clear:both;
}
#oj-moomenu {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
	padding-left:2px;
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	background:url(../images/grad1-mask.png) repeat-x top left #014E72;
	font-size:13px;
}
#oj-moomenu ul {
	margin: 0; /* all lists */
	padding: 0;
}
#oj-moomenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}
#oj-moomenu li ul li {
	padding: 0;
}
#oj-moomenu li ul li span.menu-title {
	width: 170px;
}
#oj-moomenu li ul {
	width: 200px;
	position: absolute; /* second-level lists */
	z-index: 99;
	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 200px;
}
#oj-moomenu li ul ul {
	margin: -25px 0 0 190px; /* third-and-above-level lists */
	width: 200px;
}
#oj-moomenu li li {
	padding: 0;
	margin: 0;
	width: 200px;
}
#oj-moomenu ul a {
	width: 14em;
	w\idth: 10.8em;
}
#oj-moomenu li:hover ul ul, #oj-moomenu li:hover ul ul ul,
#oj-moomenu li.sfhover ul ul, #oj-moomenu li.havechildsfhover ul ul, #oj-moomenu li.havechild-activesfhover ul ul, #oj-moomenu li.activesfhover ul ul,
#oj-moomenu li.sfhover ul ul ul, #oj-moomenu li.havechildsfhover ul ul ul, #oj-moomenu li.havechild-activesfhover ul ul ul, #oj-moomenu li.activesfhover ul ul ul {
	top: -999em;
}
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#oj-moomenu li:hover ul, #oj-moomenu li li:hover ul, #oj-moomenu li li li:hover ul,
#oj-moomenu li.sfhover ul, #oj-moomenu li.havechildsfhover ul, #oj-moomenu li.havechild-activesfhover ul, #oj-moomenu li.activesfhover ul,
#oj-moomenu li li.sfhover ul, #oj-moomenu li li.havesubchildsfhover ul, #oj-moomenu li li.havesubchild-activesfhover ul, #oj-moomenu li li.activesfhover ul,
#oj-moomenu li li li.sfhover ul, #oj-moomenu li li li.havesubchildsfhover ul, #oj-moomenu li li li.havesubchild-activesfhover ul, #oj-moomenu li li li.activesfhover ul {
	top: auto;
}
/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#oj-moomenu li a {
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding: 5px 15px;
	font-size: 100%;
	font-weight: bold;
	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: url(../images/grad1-mask.png) repeat-x top #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 {
	font-size:12px;
	line-height:16px;
	background: #002A40;
	border-bottom: 1px dotted #006699;
	margin: 0;
	border-right: 1px solid #006699;
}
#oj-moomenu li ul a {
	border-right: none;
	margin: 0;
	background: none;
	color: #FFFFFF;
	text-transform: none;
}
#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.havesubchild,
#oj-moomenu li.havesubchild-active{
    background-image: url(../images/arrow.png);
    background-position: 94% center;
    background-repeat: no-repeat;
}
#oj-moomenu li.havesubchild ul li,
#oj-moomenu li.havesubchildsfhover ul li {
	width: 230px;
}
#oj-moomenu li.havesubchild ul li span.menu-title,
#oj-moomenu li.havesubchildsfhover ul li span.menu-title {
	width: 220px;
}
#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;
	font-weight: bold;
}