/**
 * @version		$Id$
 * @author		Joomseller
 * @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
 */
 
/* Clearfix
-------------------------------------------------------------*/
#js-mainnav { 
	/*background:#002A40; *//* you can change/delete the transparent gradient image or the background color */
       z-index: 9;
} 

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 { 
    border-right: #045176; /* you can remove/comment this line or move the border to the left*/
} 
ul.level0 li.mega {
	background-color: #002A40;
}
ul.level0 li.mega a.mega { 

    color: #fff;
}
ul.level0 li.over, 
ul.level0 li.haschild-over { 
     /* you can change/remove the transparent gradient or the color */
}
ul.level0 li.active { 
    background-color:#FF6527;
} 
ul.level0 li #current.active {
	background: none;
}
/* lv - 1 and below
-----------------------------------*/

/* Layout ---*/

 /* Columns ---*/
.megacol { float: left; }

.megamenu span span.menu-title, .megamenu span span.menu-desc
{
	height:15px;
}

.megamenu.level0>.mega.first>a>span
{
	height:40px;
}

/* Styling ---*/
li.mega.last a {border-bottom: none!important; }

ul.level1 li.first { border-top: 0; }

ul.level1 li.mega a.mega {
	background: none;
	border-bottom: 1px dotted #006497;
	color: #cccccc;
	text-align:left;
	font-size:11px;
	line-height:40px;
}

ul.level1 li.mega .group .group-title a {
	background: none;
	border-bottom: 1px solid #006497;
	color: #cccccc;
}

ul.level1 li.mega.group .group .group-title a{
	height:40px;
	line-height:20px;
	padding-bottom:5px;
}

ul.level1 li.mega.group .group .group-title a span
{
	height:20px;
}

.column4 ul.level1 li.mega .group .group-title a span, .column5 ul.level1 li.mega .group .group-title a span
{
	height:20px;
}

.column4 ul.level1 li.mega .group .group-title a, .column5 ul.level1 li.mega .group .group-title a
{
	line-height:20px;
	padding-bottom:5px;
}

ul.level1 li.mega.group .group .group-title a span.menu-desc{
	padding-bottom:5px;
}

ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; padding-left:5px; }

ul.level1 li.over, 
ul.level1 li.haschild-over { 
background-color:#33363B;
} 

ul.level1 li.haschild,
ul.level1 li.haschild-over {
	background-image: url(../../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 0;
}

ul.level1 li.group { background: none; }

 /* CHILD CONTENT
-----------------------------------*/

.childcontent-inner {
	background-color: #002A40; /*change here the color to match the new color you have set for mainnav */
	border-bottom: 2px solid #006699;
	color: #fff; /* after changing code above, you might want to change this color to make the text color readable  */ 
    
}
.childcontent .js-moduletable {
	color: #ccc;
}
.childcontent-inner .group ul li.active{
	background-color: #002A40 !important;
}
.childcontent .group h3 {
	background: none;
	color: #fff;
	border-bottom: 1px dotted #006497;
}
.childcontent .js-moduletable a {
	color: #ccc;
	
}

.childcontent .js-moduletable a:hover,
.childcontent .js-moduletable a:focus,
.childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
	
}

/* Grouped --- */
.group-title {
	
}
.group-title .menu-title {
	color: #fff;
}

.group-title .menu-desc {
	color: #999;
}
/* reset --- */