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

ul#navmenu-h {
list-style: none;
position: relative;
font-size:12px;
font-weight:bold;
font-family: "NanumGothic", "Arial",  "Verdana", "sans-serif","Dotum","DotumChe";
height:auto;
margin-left:30px;
margin-top:0px;
width:auto;
padding:0px;
float:center;
z-index:3000;
}

ul#navmenu-h ul {
width: 130px; /* Sub Menu Width */
margin: 0;
padding: 5px;
list-style: none;
display: none;
position: absolute;
top: 100%;
left: 0;
background-color:#fff;
z-index:1000;
}

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 {
margin: 5px;
text-decoration:none;
display: block;
border:1px transparent;
padding: 5px 10px 5px 10px;
line-height:15px;line-height:16px\9;*line-height:15px
 
}



/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {

}


/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
margin: 0;
float: none;
text-align:left;
padding: 6px;
font-size:11px;
font-weight:normal;
}

/* 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 {
text-decoration:underline;
}

/* 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;
padding: 6px;
height:15px;
}

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