/* Root */
ul#nav { list-style: none;	background: #000 url(../_img/_subs/navbar.gif) repeat-x left top; height:36px; padding-left:470px; position:relative; z-index:5;}
ul#nav li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative;  }
ul#nav ul { margin: 0; border: 0 none; padding: 0; width: 190px; 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 { width: 190px; 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:190px;} /* width of 3rd child menu  */

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

/* Root Menu Hover
-------------------------------*/
ul#nav a:hover, ul#nav li:hover a, ul#nav li.iehover a {color:#fff; background: url(../_img/_subs/nav-hover.gif) repeat-x;}

/* 2nd Menu 
-------------------------------*/
ul#nav li ul li a {line-height:26px; }
ul#nav li:hover li a, ul#nav li.iehover li a { float: none; color:#fff; background: #000 url(../_img/_subs/nav-submenu.gif) repeat-x;}

/* 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:#b1b1b1;  background: #000 url(../_img/_subs/nav-hover-submenu.gif) repeat-x; }

/* 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: #000 url(../_img/_subs/nav-submenu.gif) repeat-x;}
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:#b1b1b1;  background: #000 url(../_img/_subs/nav-hover-submenu.gif) repeat-x; }

/* 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: #000 url(../_img/_subs/nav-submenu.gif) repeat-x;}

/* 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:#b1b1b1;  background: #000 url(../_img/_subs/nav-hover-submenu.gif) repeat-x; }
ul#nav ul ul,  ul#nav ul ul ul { margin:0; display: none; position: absolute; top: 0; left: 190px; } /* 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;
}