/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul#navmenu-h 
{
    
text-align:center; 
margin: 0; 
padding: 0 0 0 10px; 
list-style: none; 
position: relative; 
border:0px solid #ccc;
margin-top:2px;
/*width:400px;*/
width:600px;
height:20px;
text-transform:uppercase;
background-color: #171560;
/*background-color: #171560;*/
float:right;
}

ul#navmenu-h ul {
/* width: 170px;  Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 background-color: fuchsia;
}

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; 
}
ul#navmenu-h ul li { 
width: 100%; 
display: block; 
}

/* Root Menu */
ul#navmenu-h a {
 border-right:0px solid #ffc45e;
 padding: 0px 15px 0px 15px;
 float: left;
 display: block;
 background: #171560;
color: #fff;
 text-decoration: none;
 /*height: 1%;*/
 height:30px;
 line-height:30px;
 width:70px;
 
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
background: #171560;
 color: #fff;
 text-decoration:underline;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
white-space:nowrap;
padding: 0px 3px 0px 3px;
 float: left;
 margin-left:-40px;
 width:94px;
  text-decoration:none;
 /*color: #fff;*/
}

/* 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: #171560;
 color: #fff;
 text-decoration:underline;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
color: #000;
}

/* 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 {
color: #fff;
}

/* 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; }

ul#navmenu-h li a img{
border:0px;
vertical-align:middle;
margin-right:10px;
margin-left:8px;
}
