/*   This is provided by the guy who created the Menu system for people to use.  It is his commennts unless it says DEBNOTE.  This is styling the to menu on all pages.  This wass put into use by the site developer, not by me, but I have changed the Menu's background color and the link colors with it. - Deb, Feb 2015.  All top nav formatting is here except for the width of the navbar itself.   */

/*IT IS NOW THE MENU ACTIVE STYLESHEET!!!

Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :). */

/* HORIZONTAL FREESTYLE MENU LAYOUT */


	/*I created this style 
	to see if it effects anything. Per the page inspection this is the top level control. It may be in another place but trying here. Tried this but did nothing. ********/
/*ul#helixRoot.menulist {	
	 text-align: center; 
	 color: #0066CC; 
}*/

/* All <ul> tags in the menu including the first level */
	/* March 26 2105 DEB idea: width was 150px  but there are 9 menu items so I tried 100% divided by 9 = 11.11% and made  the width 11%. FAIL.  That made the submenu 11% of the width of the top menu item.  Aslo, 150 * 9 =  1350px but the total page width is 950 so how is this even fitting????   What about 106px wide each?  NO. That made them line up below one another.   I do not understand why these are not displayed as blocks either. */
.menulist, .menulist a, .menulist li, .menuLeft, .menuLeft a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
	font-size: 1em;  /*Deb March26 2015: was 1em*/ /* Small here does not make the menu items fit DEB MAY 1 2015 */
	font-weight: bold;   
	/*  tried  to center top level menu items but it only centers the submenus: 	text-align: center;  */

}

/*DEBNOTE 2015: THIS IS active. Adding bacground here the menubar colors. It showed me the menu is not full width! DemoImage001 But May 1 2015 it does appear to be full width per DemoImage002  The difference is that I ADDED WDTH 1--% HERE!*/
.menulist, .menulist  ul {
	float: left;
	margin: 0px;
	list-style: none;
	padding: 0px;
	width: 105%; /****** fixed it! SORT OF!! DEB  102% wraps May 1, 2015********/	
	/* any padding made the menu too wide again*/
}

/* DEBNOTE: Seems NOT ACTIVE. I added a pink backgrond and it did nothing  */
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
/* DEBNOTE:   Tried relative instead but that pushed the submenu down and drove the sub-sub   */
.menulist ul {
	display: none;
	position: absolute;
	top: .7em;  /* Fixed menu not being usable. April 1, 2015  */
	/*   top: 1.0em;  */
	margin-top: 8px; /* Menu author wrote: I'm using ems and px to allow people to zoom their font */
	/*   left: -1px;  */
	left: -1px;
	width: 150px;
	z-index: 10;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 /* TRY NEXT:   left: 148px; should position the submenu. Wll that effect that upper menus hot spot?????  */
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
 /* TESTING DebNote: This was  text-align: left;    I put it to center so the top menu items would center and look nicer but MAYBE that caused the submenus to not be gotten to well so am putting it back for now.*/
.menulist li {
 float: left;
 display: block;
 position: relative;
text-align: left;
 width: 100px;  /*DEB TESTING was  width: 100px;   making it 106 Helped only a bit*/
 /*now trying 11.11%*/
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul {
	border: 1px solid #3c3322;
}

/*DEBNOTE 2015 : THIS IS THE BACKROUND OF THE DROPDOWN MENU. WAS  background: #f8f1bc;   Now it is white*/
.menulist ul li {
	border-bottom: 1px solid #3c3322;
	text-align: left;
	float: none;
	margin: 0;
	width: auto;
	background-color: #FFFFFF;
}
/*DEBNOTE 2015: THIS IS THE sub-sub menu background of the dropdown meanu, was a lighter yellow:   background: #fefce0;  Now white. */
.menulist ul li ul li {
 background: #FFFFFF;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* These ARE the Links inside the Top menu */
.menulist a {
 display: block;
 padding: 1px;
 color: #224E00;
 text-decoration: none;
 padding-left:3px;
}
.menulist ul a {
 /*padding: 5px;*/
 font-size:12px;
}

/* List  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
/*Deb 2015 background-color: #3A9053;  Color is what the menu text changes to. It's Tzfat blue */ 
 color: #36abec;
}
.menulist a.highlighted {
/* Deb 2015 background-color: #3A9053;  COLOR IS what the menu text changes to. It's Tzfat blue*/
 color: #36abec;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */

/* start Menu left class Jan-2011*/
.menuLeft {list-style:none; padding:0px; margin:0px;}
/*.  FEB 17 2015 DEB  removed  menuLeft li {background:url(http://ascentofsafed.com/images/FirstLetterBg.png) left center no-repeat;}*/
.menuLeft li a {padding-left:8px; text-decoration:none; color:#2d2c24;}
.menuLeft li a:hover {text-decoration:underline;}
/*end Menu left class */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */