/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 
ul#navmenu-h { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: relative; 
} 
ul#navmenu-h ul { 
    width: 160px; /* Sub Menu Width */ 
    margin: 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; 
} 
ul#navmenu-h ul li { 
    width: 100%; 
    display: block; 
}
 
/* Root Menu */ 
ul#navmenu-h a { 
    border-right: 20px solid #cc99ff; 
    padding: 7px; float: left; 
    display: block; 
    background: #cc99ff; 
    color: #693ca6; 
    font: 14px Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    height: 1%; 
} 

/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { 
    background: #693ca6; 
    color: #FFF; 
} 

/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { 
    float: none; 
    background: #693ca6;
    border-top: 1px solid #cc99ff;
    border-right: none;

} 

/* 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: #cc99ff; 
    color: #693ca6; 
} 

/* 3rd Menu */ 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { 
    background: #999; 
} 

/* 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; 
}