/* Container Div */
#nav-hm {height:58px; width:989px; background:url(../_img/_home/nav-bg.jpg) no-repeat center center; margin-bottom:15px; }

/* Root */
ul#nav { float:left; list-style: none;	line-height:58px; padding-left:25px; }
ul#nav li { margin: 0 5px; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; }
ul#nav ul { margin: 12px 0 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 36px; left: 0; }
ul#nav ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#nav ul li { margin:0; width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ position:relative; top:0; z-index:10px;}
ul#nav ul ul ul, ul#nav ul ul ul li { width:230px;} /* width of 3rd child menu - specifically children's ministries  */

/* Root Menu 
-------------------------------*/
ul#nav a { cursor:pointer; float: none !important; /*For Opera*/ height: auto !important; height: 1%; /*For IE*/ font-size:1.6em; color:#fff; float:left; display:block; line-height:58px; padding: 0 9px; white-space:nowrap;}

/* Root Menu Hover
-------------------------------*/
ul#nav a:hover, ul#nav li:hover a, ul#nav li.iehover a {color:#065786; }

/* 2nd Menu 
-------------------------------*/
ul#nav li ul li a {line-height:26px; font-size:1.2em;}
ul#nav li:hover li a, ul#nav li.iehover li a { float: none; color:#fff; background: #70a2d0 ;}

/* 2nd Menu Hover
-------------------------------*/
ul#nav li:hover li a:hover, ul#nav li:hover li:hover a, ul#nav li.iehover li a:hover, ul#nav li.iehover li.iehover a { color:#fff;  background: #335882; }

/* 2nd Menu Arrows - Not Working
/* Inactive Link 
ul#nav li:hover li a.subs, ul#nav li.iehover li a.subs {  background: transparent url(../_img/_sub/menu-arrow.gif) no-repeat right 7px; }
/* Active Link  
ul#nav li:hover li:hover a.subs, ul#nav li.iehover li.iehover a.subs { background: transparent url(../_img/_sub/menu-arrow.gif) no-repeat right 7px; }
-------------------------------*/

/* 3rd Menu
-------------------------------*/
ul#nav li:hover li:hover li a, ul#nav li.iehover li.iehover li a { color:#fff; background: #70a2d0;}
ul#nav li:hover li:hover li a span.grades, ul#nav li.iehover li.iehover li a span.grades { font-size:.9em;} /* font size for children ministries grade levels */

/* 3rd Menu Hover
-------------------------------*/ 
ul#nav li:hover li:hover li a:hover, ul#nav li:hover li:hover li:hover a, ul#nav li.iehover li.iehover li a:hover, ul#nav li.iehover li.iehover li.iehover a { color:#fff;  background: #335882; }

/* 4th Menu 
-------------------------------*/
ul#nav li:hover li:hover li:hover li a, ul#nav li.iehover li.iehover li.iehover li a { color:#fff; background: #70a2d0;}

/* 4th Menu Hover 
-------------------------------*/
ul#nav li:hover li:hover li:hover li a:hover, ul#nav li.iehover li.iehover li.iehover li a:hover { color:#fff;  background: #335882; }
ul#nav ul ul,  ul#nav ul ul ul { margin:0; display: none; position: absolute; top: 0; left: 160px; } /* left position must match ul#nav ul li for side by side alignment */

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}
ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}