/**
 * @version 1.1 Beta $Id: hxdmoomenu.css 2009-08-16 HxD $
 * @package    HXD MooMenu
 * @subpackage Modules
 * @link http://www.hexadesigners.com
 * @license	GNU/GPL, see LICENSE.php
 * HXD MooMenu is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License 2
 * as published by the Free Software Foundation.

 * HXD MooMenu is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with HXD MooMenu; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */

/*** HINTS:
		1) If you want to have multiple HxD MooMenu, copy the code betweeen the comment lines  				
		   "Copy from here" and "Copy upto here" and paste in the end of file and override CSS(follow HINT 2,3)
		2) Change the DIV Tag ID '#hxdmoomenu' as you define in the moule parameter "Menu Holder Div ID".
		   Example: If your type "moomenu2" as "Menu Holder Div ID" module parameter, then change 
		   #hxdmoomenu to #moomenu2
	    3) Change the Parent UL Class name ".menuhxdmenu" as you define in the module parameter 
	       "Menu Class Suffix".
	       Example: If your type "hxdmenu2" as "Menu Class Suffix" module parameter, then change 
		   .menuhxdmenu to .menuhxdmenu2
	  
	For detailed document check the following link: 
	http://www.hexadesigners.com/docs/joomla/hxd-moomenu.html ***/

/*** Copy from here ***/
/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/
.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}
div#hxdmoomenu{
z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu  ul{
padding:0;}
.menuhxdmenu  li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuhxdmenu  li:hover ul,
.menuhxdmenu  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu  li:hover li ul,
.menuhxdmenu  li.sfHover li ul,
.menuhxdmenu  li li:hover li ul,
.menuhxdmenu  li li.sfHover li ul,
.menuhxdmenu  li li li:hover li ul,
.menuhxdmenu  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu  li li:hover ul,
.menuhxdmenu  li li.sfHover ul,
.menuhxdmenu  li li li:hover ul,
.menuhxdmenu  li li li.sfHover ul,
.menuhxdmenu  li li li li:hover ul,
.menuhxdmenu  li li li li.sfHover ul{left:120px;top:0px;}
.menuhxdmenu  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#hxdmoomenu{
	
}

#hxdmoomenu ul{
	margin: 0;
	padding: 0;
	width: 100%;
}		

#hxdmoomenu ul li{
	margin:0;
	padding: 5px 3px 5px 3px;
	display:block;
	width:117px;
}

#hxdmoomenu ul li a{
	margin:0;
	display:block;
	float: left;
	clear: both;
	padding: 0 15px;
}		

#hxdmoomenu ul li a:hover{
	display:block;
}		

#hxdmoomenu li.active a {
	display:block;
}

#hxdmoomenu li ul {
	margin-top:0px;
	margin-left:auto;
	width: 10.5em;
	background-color: #ffffff;
}

#hxdmoomenu li ul li {
	width: 10.5em;
}

#hxdmoomenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#hxdmoomenu ul ul li{
	display:block;
	text-align:left;
}

#hxdmoomenu ul ul li a{
	display:block;
}


#hxdmoomenu li.active li a {

}

#hxdmoomenu ul ul li a:hover,
#hxdmoomenu ul li.active.parent ul a:hover {
	display:block;
}
/*** Copy upto here ***/


/*** YOUTHLINE ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#youthline" and menus parent ul class ".menuYouthline"	***/
.menuYouthline,.menuYouthline  *{margin:0;padding:0;}
div#youthline{
z-index:100;}
#youthline li li{margin:0;}
.menuYouthline {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuYouthline  ul{background:#fff;
padding:0;}
.menuYouthline  li{float:left;list-style:none;position:relative;}
div#youthline li li a, div#youthline li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuYouthline  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}
.menuYouthline  li:hover ul,
.menuYouthline  li.sfHover ul{left:0px;top:25px;}
.menuYouthline  li:hover li ul,
.menuYouthline  li.sfHover li ul,
.menuYouthline  li li:hover li ul,
.menuYouthline  li li.sfHover li ul,
.menuYouthline  li li li:hover li ul,
.menuYouthline  li li li.sfHover li ul{top:-999em;}
.menuYouthline  li li:hover ul,
.menuYouthline  li li.sfHover ul,
.menuYouthline  li li li:hover ul,
.menuYouthline  li li li.sfHover ul,
.menuYouthline  li li li li:hover ul,
.menuYouthline  li li li li.sfHover ul{left:170px;top:0px;}
.menuYouthline  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#youthline{
	
}

#youthline ul{
	margin: 0;
	padding: 0;
}		

#youthline ul li{
	margin:0;
	padding:0;
	display:block;
}

#youthline ul li a{
	margin:0;
	display:block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
}		

#youthline ul li a:hover{
	display:block;
}		

#youthline li.active a {
	display:block;
}

#youthline li ul {
	margin-top:0px;
	margin-left:auto;
	width:195px;
}

#youthline ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#youthline ul ul li{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:180px;
}

#youthline ul ul li a{
	display:block;
}


#youthline li.active li a {

}

#youthline ul ul li a:hover,
#youthline ul li.active.parent ul a:hover {
	display:block;
}


/*** YFYI ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#yfyiMenu" and menus parent ul class ".menuYfyi"	***/
.menuYfyi,.menuYfyi  *{margin:0;padding:0;}
div#yfyiMenu{
z-index:100;}
#yfyiMenu li li{margin:0;}
.menuYfyi {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuYfyi  ul{background:#fff;
padding:0;}
.menuYfyi  li{float:left;list-style:none;position:relative;}
div#yfyiMenu li li a, div#yfyiMenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuYfyi  li ul{float:none;left:-999em;position:absolute;width:110px;z-index:102;}
.menuYfyi  li:hover ul,
.menuYfyi  li.sfHover ul{left:0px;top:25px;}
.menuYfyi  li:hover li ul,
.menuYfyi  li.sfHover li ul,
.menuYfyi  li li:hover li ul,
.menuYfyi  li li.sfHover li ul,
.menuYfyi  li li li:hover li ul,
.menuYfyi  li li li.sfHover li ul{top:-999em;}
.menuYfyi  li li:hover ul,
.menuYfyi  li li.sfHover ul,
.menuYfyi  li li li:hover ul,
.menuYfyi  li li li.sfHover ul,
.menuYfyi  li li li li:hover ul,
.menuYfyi  li li li li.sfHover ul{left:170px;top:0px;}
.menuYfyi  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#yfyiMenu{
}

#yfyiMenu ul{
	margin: 0;
	padding: 0;
}		

#yfyiMenu ul li{
	margin:0;
	padding:0;
	display:block;
}

#yfyiMenu ul li a{
	margin:0;
	display:block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
}		

#yfyiMenu ul li a:hover{
	display:block;
}		

#yfyiMenu li.active a {
	display:block;
}

#yfyiMenu li ul {
	margin-top:0px;
	margin-left:auto;
	width:115px;
	border: solid thin #000000;
}

#yfyiMenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#yfyiMenu ul ul li{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:110px;
}

#yfyiMenu ul ul li a{
	display:block;
}


#yfyiMenu li.active li a {

}

#yfyiMenu ul ul li a:hover,
#yfyiMenu ul li.active.parent ul a:hover {
	display:block;
}


/*** BAYAC --NOT CURRENTLY USED-- ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#bayac" and menus parent ul class ".menuBAYAC"	***/
.menuBAYAC,.menuBAYAC  *{margin:0;padding:0;}
div#bayac{
z-index:100;}
#bayac li li{margin:0;}
.menuBAYAC {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuBAYAC  ul{
padding:0;}
.menuBAYAC  li{float:left;list-style:none;position:relative;}
div#bayac li li a, div#bayac li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuBAYAC  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuBAYAC  li:hover ul,
.menuBAYAC  li.sfHover ul{left:-2px;top:1.5em;}
.menuBAYAC  li:hover li ul,
.menuBAYAC  li.sfHover li ul,
.menuBAYAC  li li:hover li ul,
.menuBAYAC  li li.sfHover li ul,
.menuBAYAC  li li li:hover li ul,
.menuBAYAC  li li li.sfHover li ul{top:-999em;}
.menuBAYAC  li li:hover ul,
.menuBAYAC  li li.sfHover ul,
.menuBAYAC  li li li:hover ul,
.menuBAYAC  li li li.sfHover ul,
.menuBAYAC  li li li li:hover ul,
.menuBAYAC  li li li li.sfHover ul{left:120px;top:0px;}
.menuBAYAC  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#bayac{
	
}

#bayac ul{
	margin: 0;
	padding: 0;
	width: 100%;
}		

#bayac ul li{
	margin:0;
	padding: 0 3px;
	display:block;
}

#bayac ul li a{
}		

#bayac ul li a:hover{
	display:block;
	text-decoration: underline;
}		

#bayac li.active a {
	display:block;
}

#bayac li ul {
	display: block;
}

#bayac ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#bayac ul ul li{
	display:block;
	text-align:left;
}

#bayac ul ul li a{
	display:block;
	width: 100%;
}


#bayac li.active li a {

}

#bayac ul ul li a:hover,
#bayac ul li.active.parent ul a:hover {
	display:block;
	text-decoration: underline;
}


/*** BAYAC VERTICAL ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#bayacVert" and menus parent ul class ".menuBAYACVert"	***/
.menuBAYACVert,.menuBAYACVert  *{margin:0;padding:0;}
div#bayacVert{
z-index:100;}
#bayacVert li li{margin:0;}
.menuBAYACVert {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuBAYACVert  ul{
padding:0;}
.menuBAYACVert  li{float:left;list-style:none;position:relative;}
div#bayacVertVert li li a, div#bayacVertVert li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuBAYACVert  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuBAYACVert  li:hover ul,
.menuBAYACVert  li.sfHover ul{ position: absolute; top: 0; left: 220px;}
.menuBAYACVert  li:hover li ul,
.menuBAYACVert  li.sfHover li ul,
.menuBAYACVert  li li:hover li ul,
.menuBAYACVert  li li.sfHover li ul,
.menuBAYACVert  li li li:hover li ul,
.menuBAYACVert  li li li.sfHover li ul{top:-999em;}
.menuBAYACVert  li li:hover ul,
.menuBAYACVert  li li.sfHover ul,
.menuBAYACVert  li li li:hover ul,
.menuBAYACVert  li li li.sfHover ul,
.menuBAYACVert  li li li li:hover ul,
.menuBAYACVert  li li li li.sfHover ul{left:150px;top:0;}
.menuBAYACVert  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#bayacVert{
	color: #ffffff;
	float: left;
	width: 220px;
	background-color: #005caa;
	background-image: url(../../../../../bayac/templates/bayac_home/images/navBKGD_top.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#bayacVert ul{
	margin: 0;
	padding: 10px 0;
	width: 100%;
	background-image: url(../../../../../bayac/templates/bayac_home/images/navBKGD_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}		

#bayacVert ul li{
	border-bottom: #ffffff solid thin;
	width: 100%;
}

#bayacVert ul li.sfHover {
	background-color: #6699ff;
}

#bayacVert ul li.sfHover a {
	background-color: #6699ff;
}

#bayacVert ul li.sfHover ul {
	display: block;
	width: 150px;
}

#bayacVert ul li.sfHover ul li {
	float: left;
	clear: both;
}

#bayacVert ul li a{
	float: left;
	clear: both;
	margin:0;
	padding: 10px 0 10px 5px;
	display:block;
	width: 215px;
}		

#bayacVert ul li a:hover{
	display:block;
	background-color: #6699ff;
	color: #ffffff;
}		

#bayacVert li.active a {
	display:block;
}

#bayacVert li ul {
	background: none;
	background-color: #6699ff;
	padding: 5px;
}

#bayacVert ul ul ul {
}

#bayacVert ul ul li{
	display:block;
	text-align:left;
	border: none;
}

#bayacVert ul ul li a{
	display:block;
}

#bayacVert ul ul li.sfHover {
}

#bayacVert li.active li a {

}

#bayacVert ul ul li a:hover,
#bayacVert ul li.active.parent ul a:hover {
	display:block;
	color: #005caa;
	text-decoration: underline;
}


/*** The MYC ***/

/*** This was put in mainMenu.css***/


/*** VISTA VERTICAL ***/

/*** EDIT THESE CSS CODES WITH CARE: STARTS 					 
	 Recommended only to change the Div Tag Id name"#vistaVert" and menus parent ul class ".menuVISTAVert"	***/
.menuVISTAVert,.menuVISTAVert  *{margin:0;padding:0;}
div#vistaVert{
z-index:100;}
#vistaVert li li{margin:0;}
.menuVISTAVert {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuVISTAVert  ul{
padding:0;}
.menuVISTAVert  li{float:left;list-style:none;position:relative;}
div#vistaVertVert li li a, div#vistaVertVert li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuVISTAVert  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuVISTAVert  li:hover ul,
.menuVISTAVert  li.sfHover ul{left:220px;top:0;}
.menuVISTAVert  li:hover li ul,
.menuVISTAVert  li.sfHover li ul,
.menuVISTAVert  li li:hover li ul,
.menuVISTAVert  li li.sfHover li ul,
.menuVISTAVert  li li li:hover li ul,
.menuVISTAVert  li li li.sfHover li ul{top:-999em;}
.menuVISTAVert  li li:hover ul,
.menuVISTAVert  li li.sfHover ul,
.menuVISTAVert  li li li:hover ul,
.menuVISTAVert  li li li.sfHover ul,
.menuVISTAVert  li li li li:hover ul,
.menuVISTAVert  li li li li.sfHover ul{left:150px;top:0;}
.menuVISTAVert  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#vistaVert{
	color: #ffffff;
	float: left;
	width: 220px;
	background-color: #8bc53f;
	background-image: url(../../../../VISTA/templates/vista_home/images/navBKGD_top.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#vistaVert ul{
	margin: 0;
	padding: 10px 0;
	width: 100%;
	background-image: url(../../../../VISTA/templates/vista_home/images/navBKGD_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}		

#vistaVert ul li{
	border-bottom: #ffffff solid thin;
	width: 100%;
}

#vistaVert ul li.sfhover {
}

#vistaVert ul li.sfhover a {
}

#vistaVert ul li a{
	float: left;
	clear: both;
	margin:0;
	padding: 5px 0 5px 5px;
	display:block;
	width: 215px;
}		

#vistaVert ul li a:hover{
	display:block;
	background-color: #99CC99;
	color: #ffffff;
}		

#vistaVert li.active a {
	display:block;
	font-weight: bold;
	text-decoration: underline;
}

#vistaVert li ul {
	margin-top:0px;
	margin-left:auto;
	width:150px;
	background-color: #99cc99;
	background-image: none;
}

#vistaVert ul ul ul {
}

#vistaVert ul ul li{
	display:block;
	text-align:left;
	border-bottom: #ffffff solid;
	border: 0;
}

#vistaVert ul ul li a{
	display:block;
	width: 145px;
	border-bottom: thin solid #ffffff;
}


#vistaVert li.active li a {

}

#vistaVert ul ul li a:hover,
#vistaVert ul li.active.parent ul a:hover {
	display:block;
	background: #ffffff;
	color: #99cc99;
}

/*** EAST BAY AFTER SCHOOL 
 					 
	 Recommended only to change the Div Tag Id name"#ebasMainMenu" and menus parent ul class ".menuEBAS"	***/
.menuEBAS,.menuEBAS  *{margin:0;padding:0;}
div#ebasMainMenu{
z-index:100;}
#ebasMainMenu li li{margin:0;}
.menuEBAS {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuEBAS  ul{
padding:0;}
.menuEBAS  li{float:left;list-style:none;position:relative;}
div#ebasMainMenu li li a, div#ebasMainMenu li.active li a{display:block;margin:0;text-decoration:none;float:none;width:100%;}
.menuEBAS  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuEBAS  li:hover ul,
.menuEBAS  li.sfHover ul{left:0px;top:2em;}
.menuEBAS  li:hover li ul,
.menuEBAS  li.sfHover li ul,
.menuEBAS  li li:hover li ul,
.menuEBAS  li li.sfHover li ul,
.menuEBAS  li li li:hover li ul,
.menuEBAS  li li li.sfHover li ul{top:-999em;}
.menuEBAS  li li:hover ul,
.menuEBAS  li li.sfHover ul,
.menuEBAS  li li li:hover ul,
.menuEBAS  li li li.sfHover ul,
.menuEBAS  li li li li:hover ul,
.menuEBAS  li li li li.sfHover ul{left:8.45em;top:-0.7em;}
.menuEBAS  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#ebasMainMenu{
	
}

#ebasMainMenu ul{
}		

#ebasMainMenu ul li{
	margin:0;
	padding:0;
	display:block;
}

#ebasMainMenu ul li a{
	margin:0;
	display:block;
	float: left;
	clear: both;
	height: auto;
}		

#ebasMainMenu ul li a:hover{
	display:block;
	color: #ffffff;
}		

#ebasMainMenu li.active a {
	display:block;
}

#ebasMainMenu li ul {
	margin: 0;
	width: 7.9em;
	background-color: #ffffff;
	border: medium solid #3399cc;
}

#ebasMainMenu li ul li {
	width: 7.9em;
}

#ebasMainMenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#ebasMainMenu ul ul li{
	display:block;
	text-align:left;
}

#ebasMainMenu ul ul li a{
	display:block;
}


#ebasMainMenu li.active li a {

}

#ebasMainMenu ul ul li a:hover,
#ebasMainMenu ul li.active.parent ul a:hover {
	display:block;
}

/****** EBAS ENDS HERE *************/


/************* BHC AMERICORPS STARTS HERE *************/
 					 
	 Recommended only to change the Div Tag Id name"#bhcMainMenu" and menus parent ul class ".menuBHC"	***/
.menuBHC,.menuBHC  *{margin:0;padding:0;}
div#bhcMainMenu{
z-index:100;}
#bhcMainMenu li li{margin:0;}
.menuBHC {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuBHC  ul{
padding:0;}
.menuBHC  li{float:left;list-style:none;position:relative;}
div#bhcMainMenu li li a, div#bhcMainMenu li.active li a{display:block;margin:0;text-decoration:none;float:none;width:100%;}
.menuBHC  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuBHC  li:hover ul,
.menuBHC  li.sfHover ul{left:0px;top:2em;}
.menuBHC  li:hover li ul,
.menuBHC  li.sfHover li ul,
.menuBHC  li li:hover li ul,
.menuBHC  li li.sfHover li ul,
.menuBHC  li li li:hover li ul,
.menuBHC  li li li.sfHover li ul{top:-999em;}
.menuBHC  li li:hover ul,
.menuBHC  li li.sfHover ul,
.menuBHC  li li li:hover ul,
.menuBHC  li li li.sfHover ul,
.menuBHC  li li li li:hover ul,
.menuBHC  li li li li.sfHover ul{left:120px;top:0px;}
.menuBHC  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#bhcMainMenu{
	
}

#bhcMainMenu ul{
}		

#bhcMainMenu ul li{
	padding:0;
	display:block;
}

#bhcMainMenu ul li a{
	display:block;
	float: left;
	clear: both;
	height: auto;
}		

#bhcMainMenu ul li a:hover{
	display:block;
}		

#bhcMainMenu li.active a {
	display:block;
}

#bhcMainMenu li ul {
	margin: 0;
	width: 7.8em;
	background-color: #ffffff;
	border: medium solid #ff9933;
}

#bhcMainMenu li ul li {
	width: 7.8em;
}

#bhcMainMenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#bhcMainMenu ul ul li{
	display:block;
	text-align:left;
}

#bhcMainMenu ul ul li a{
	display:block;
}


#bhcMainMenu li.active li a {

}

#bhcMainMenu ul ul li a:hover,
#bhcMainMenu ul li.active.parent ul a:hover {
	display:block;
}

/****** BHC AMERICORPS ENDS HERE *************/

/*** BAYAC Health & Resiliency
 					 
	 Recommended only to change the Div Tag Id name"#healthMainMenu" and menus parent ul class ".menuHEALTH"	***/
.menuHEALTH,.menuHEALTH  *{margin:0;padding:0;}
div#healthMainMenu{
z-index:100;}
#healthMainMenu li li{margin:0;}
.menuHEALTH {float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuHEALTH  ul{
padding:0;}
.menuHEALTH  li{float:left;list-style:none;position:relative;}
div#healthMainMenu li li a, div#healthMainMenu li.active li a{display:block;margin:0;text-decoration:none;float:none;width:100%;}
.menuHEALTH  li ul{float:none;left:-999em;position:absolute;width:3em; height:auto;z-index:102;}
.menuHEALTH  li:hover ul,
.menuHEALTH  li.sfHover ul{left:0px;top:2em;}
.menuHEALTH  li:hover li ul,
.menuHEALTH  li.sfHover li ul,
.menuHEALTH  li li:hover li ul,
.menuHEALTH  li li.sfHover li ul,
.menuHEALTH  li li li:hover li ul,
.menuHEALTH  li li li.sfHover li ul{top:-999em;}
.menuHEALTH  li li:hover ul,
.menuHEALTH  li li.sfHover ul,
.menuHEALTH  li li li:hover ul,
.menuHEALTH  li li li.sfHover ul,
.menuHEALTH  li li li li:hover ul,
.menuHEALTH  li li li li.sfHover ul{left:8.45em;top:-0.7em;}
.menuHEALTH  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#healthMainMenu{
	
}

#healthMainMenu ul{
}		

#healthMainMenu ul li{
	margin:0;
	padding:0;
	display:block;
}

#healthMainMenu ul li a{
	margin:0;
	display:block;
	float: left;
	clear: both;
	height: auto;
}		

#healthMainMenu ul li a:hover{
	display:block;
	color: #ffffff;
}		

#healthMainMenu li.active a {
	display:block;
}

#healthMainMenu li ul {
	margin: 0;
	width: 7.9em;
	background-color: #ffffff;
	border: medium solid #3399cc;
}

#healthMainMenu li ul li {
	width: 7.9em;
}

#healthMainMenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#healthMainMenu ul ul li{
	display:block;
	text-align:left;
}

#healthMainMenu ul ul li a{
	display:block;
}


#healthMainMenu li.active li a {

}

#healthMainMenu ul ul li a:hover,
#healthMainMenu ul li.active.parent ul a:hover {
	display:block;
}

/****** BAYAC Health & Resiliency ENDS HERE *************/