/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul#navmenu-h {
    margin: 0px;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    font-size:12px;
    font-family: "Helvetica", "Arial",  "Verdana", "sans-serif","Dotum","DotumChe";
    z-index:200;
}

ul#navmenu-h li ul {
    max-width: 90px;
    width: 100%;
    margin: 0 0 0 4px;
    padding: 0;
    list-style: none;
    display: none;
    position: absolute;
    top: 32px;
    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;
    width: 100px;
    text-align: center;
}

ul#navmenu-h li a.top-a {
    border: 0 !important;
}

ul#navmenu-h ul li {
    width: 100%;
    display: block;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

/* Root Menu */
ul#navmenu-h li ul li a {
    margin: 0;
    text-align:center;
    padding: 4px;
    float: left;
    display: block;
    color: #E7E7E7;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

li#top_menu {
    height:29px;
}


/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
    color: #FFCC00;
    border-top: 0px;
    border-right: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}


/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
    margin: 0;
    float: none;
    background: #FFF;
    text-align:left;
    color: #333300;
    padding: 3px;
    font-size:11px;
    font-family: "Dotum","DotumChe";
}

/* 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: #E1FFE1;
    color: #339966
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    float: none;
    background: #999;
    text-align:left;
    color: #FFF;
    padding: 6px;
}

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