/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single FlexMenu server control per page     */
/*    the CSS files' name is used as a class and is prefixed to all of      */
/*    the selectors (without the path or extension).                        */
/*                                                                          */
/*    The server control will automatically wrap the entire FlexMenu        */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         */
/*    The server control will cast these filenames to lower before use!     */
/*                                                                          */
/*    Only the base ASCII character set is supported.                       */
/*                                                                          */
/*    Also, spaces and periods before the extension will be converted       */
/*    into underscores, as these are not permitted within the selector.     */
/*                                                                          */


/* DIV; wraps the entire menu (the outer-most non-user container element) */
.mainmenu .ekflexmenu { white-space: nowrap; position: relative;z-index: 100 !important; padding: 0px; padding-top: 2px;}	
.mainmenu ul{display: block;margin: 0px;padding: 0px;}
.mainmenu .ekflexmenu_menu_level_1 { border-right: 1px solid #B1C8DD; }/* background: url(../images/divider.png) no-repeat right;*/

/* added by Kate *//* make all images borderless */
.mainmenu img, .mainmenu .ekflexmenu_submenu img {border-width: 0px; float: right;}
.mainmenu img.submenuAccess{ margin-top: -1.25em;}

/* Attempt to fix z-index issues */
.mainmenu .ekflexmenu_menu_level_1 ul.ekflexmenu_submenu_items {display: block !important;left: 0px;z-index: 100 !important;}
.mainmenu ul.ekflexmenu_submenu_items li.ekflexmenu_menu_level_1 ul.ekflexmenu_submenu_items a{position: relative; z-index: 99999 !important;}/* add position relative and z-index to fix z-index issue */
/*.mainmenu ul li ul li a.ekflexmenu_link:hover, 
.mainmenu ul li ul li a.ekflexmenu_link:active, 
.mainmenu ul li ul li a.ekflexmenu_link:focus,
.mainmenu ul li ul li a.ekflexmenu_link_selected{display:absolute !important;z-index: 99999 !important;}
.mainmenu .ekflexmenu_submenu ul, 
.mainmenu .ekflexmenu_submenu_hover ul {display:absolute !important;z-index: 99999 !important;}
.mainmenu ul li ul li .ekflexmenu_link {z-index: 99999 !important;}*/


/* Menu Styles */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width:930px;
	float:left;
	position:relative;
	z-index:100;
}
#nav li { /* all list items */	
	float: left;
	/*padding:10px;*/
}
#nav a {
	display: block;
	text-decoration:none;
	color:#fff;
	font-family:arial;
	/*font-size:1.1em;font-weight: bold;Jvillaged asked to decrease font size*/
	font-size: 1em;
	text-transform:capitalize;
}
#nav a:hover 
{
	text-decoration:underline;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 178px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 100;
}
#nav li:hover ul, #nav li.sfhover ul
{
	margin-left:-5px;
	/*margin-top:10px;*/
	left:auto;
	padding:0px;
	border:2px solid #83a9c9;	
}
#nav li:hover ul li, #nav li.sfhover ul li
{
	width:178px;
	text-align:left;	
	padding:0px;
	background-color:#eaf1f6;
	border:0px;
}
#nav li:hover ul li a, #nav li.sfhover ul li a
{
	display:block;
	width:168px;
	text-decoration:none;
	text-transform:none;
	color:#00467f;		
	text-transform:capitalize;
	padding:7px 5px;
	text-align:left;
	font-size:12px;
	border-bottom:1px solid #83a9c9;
}
#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover
{
	color:#fff;
	background:#00467f;	
	background:#81a7c8;
	text-decoration:none;
	z-index: 100 !important; /* fix z-index - menu hiding issue */
}


#nav li ul ul { /* third-and-above-level lists *//*margin-top:-150px;*/	}
#nav li:hover ul ul, #nav li.sfhover ul ul
{
	margin-left:178px;
	margin-top:-29px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul ul li, #nav li.sfhover ul ul li
{
	background-color:#fff;
}
#nav li li:hover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* Custom Functionality to display hover over menu images with hebrew text and transliterations - KT */

/* menu item 10 - Worship */
.mainmenu .ekflexmenu_buttonitem10,
.mainmenu .ekflexmenu_button_selecteditem10{background:url(../images/menu/worship_off.png) no-repeat top; height:35px;width:89px;}
.mainmenu .ekflexmenu_buttonitem10.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem10.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem10.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem10.ekflexmenu_button_selected_hover{background:url(../images/menu/worship_on.png) no-repeat top;height:35px !important;width:89px !important;}

/* menu item 12 - Education */
.mainmenu .ekflexmenu_buttonitem12,
.mainmenu .ekflexmenu_button_selecteditem12{background:url(../images/menu/education_off.png) no-repeat top;height:35px;width:104px;}
.mainmenu .ekflexmenu_buttonitem12.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem12.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem12.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem12.ekflexmenu_button_selected_hover{background:url(../images/menu/education_on.png) no-repeat top;height:35px !important;width:104px !important;}

/* menu item 14 - Who We Are */
.mainmenu .ekflexmenu_buttonitem14,
.mainmenu .ekflexmenu_button_selecteditem14{background:url(../images/menu/whoweare_off.png) no-repeat top;height:35px;width:113px;}
.mainmenu .ekflexmenu_buttonitem14.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem14.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem14.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem14.ekflexmenu_button_selected_hover{background:url(../images/menu/whoweare_on.png) no-repeat top;height:35px !important;width:113px !important;}

/* menu item 16 - Community */
.mainmenu .ekflexmenu_buttonitem16,
.mainmenu .ekflexmenu_button_selecteditem16{background:url(../images/menu/community_off.png) no-repeat top;height:35px;width:110px;}
.mainmenu .ekflexmenu_buttonitem16.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem16.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem16.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem16.ekflexmenu_button_selected_hover{background:url(../images/menu/community_on.png) no-repeat top;height:35px !important;width:110px !important;}

/* menu item 18 - Home */
.mainmenu .ekflexmenu_buttonitem18,
.mainmenu .ekflexmenu_button_selecteditem18{background:url(../images/menu/home_off.png) no-repeat top;height:35px;width:84px;}
.mainmenu .ekflexmenu_buttonitem18.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem18.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem18.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem18.ekflexmenu_button_selected_hover{background:url(../images/menu/home_on.png) no-repeat top;height:35px !important;width:84px !important;}

/* menu item 22 - What's Happening */
.mainmenu .ekflexmenu_buttonitem22,
.mainmenu .ekflexmenu_button_selecteditem22{background:url(../images/menu/whatshappening_off.png) no-repeat top;height:35px;width:142px;}
.mainmenu .ekflexmenu_buttonitem22.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem22.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem22.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem22.ekflexmenu_button_selected_hover{background:url(../images/menu/whatshappening_on.png) no-repeat top;height:35px !important;width:142px !important;}

/* menu item 30 - Jewish Resources */
.mainmenu .ekflexmenu_buttonitem30,
.mainmenu .ekflexmenu_button_selecteditem30{background:url(../images/menu/jewish_resources_off.png) no-repeat top;height:35px;width:146px;}
.mainmenu .ekflexmenu_buttonitem30.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_buttonitem30.ekflexmenu_button_selected_hover,
.mainmenu .ekflexmenu_button_selecteditem30.ekflexmenu_button_hover,
.mainmenu .ekflexmenu_button_selecteditem30.ekflexmenu_button_selected_hover{background:url(../images/menu/jewish_resources_on.png) no-repeat top;height:35px !important;width:146px !important;}


