/* CSS for NJW Horizontal Menu */

#navmenu-container {
	height: 21px;
	float: right;
}

/* Thanks to Craig Erskine for posting this */

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; background-color: #555555; } ul#navmenu-h ul { width: 160px; /* Sub Menu Width */ margin: 0; padding: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } ul#navmenu-h ul ul, ul#navmenu-h ul ul ul { top: 0; left: 100%; } ul#navmenu-h li { float: left; display: inline; position: relative; margin: 0; padding: 0; list-style: none; border-right: 2px solid #FFF; } ul#navmenu-h ul li { width: 100%; display: block; } ul#navmenu-h ul ul, ul#navmenu-h ul ul li { top: 0; left: 95px; /* why does 95px work? */ } /* Root Menu */ ul#navmenu-h a { float: left; padding: 0 14px; display: block; height: 21px; color: #FFF; text-transform: lowercase; letter-spacing: 2px; text-decoration: none; line-height: 19px; } /* Last Menu Item */ #support-us { border-right: none !important; } /* Root Menu Hover Persistence */ ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { background: #983999; color: #FFF; } /* Menu Links Below Root */ ul#navmenu-h li ul a { border-top: 2px solid #FFF; letter-spacing: 1px; text-transform: none; width: 100%; } /* 2nd Menu */ ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #B1B1B1; } /* 2nd Menu Hover Persistence */ ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #8e8e8e; } /* 3rd Menu */ ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #8e8e8e; } /* 3rd Menu Hover Persistence */ ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background: #666; } /* 4th Menu */ ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } /* 4th Menu Hover */ ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } /* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; } .down-arrow { color: #26abbe; }