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

ul#navmenu { background:#F00; }

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 180px; /* Menu Width */
 margin: 0; padding:0px;
 list-style: none;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }
ul#navmenu-v li .level-line { height:3px; font-size:1px; line-height:1px; background:url(../images/menu/level1-line.png) no-repeat; }
ul#navmenu-v li .level-arrow { position:absolute; left:165px; top:5px; width:8px; height:14px; background:url(../images/menu/level1-arrow.png) no-repeat; }
ul#navmenu-v ul li .level-line { height:3px; font-size:1px; line-height:1px; background:url(../images/menu/level2-line.png) no-repeat; }
ul#navmenu-v ul li .level-arrow { position:absolute; left:165px; top:7px; width:8px; height:14px; background:url(../images/menu/level2-arrow.png) no-repeat; }


ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
 background:#368ac6;
 border:0px solid #1E83CE;
}

ul#navmenu-v ul { padding:0px; }
ul#navmenu-v ul a { padding: 6px 10px; }
ul#navmenu-v ul ul { }

/* Root Menu */
ul#navmenu-v a {
 padding: 6px;
 display: block;
 background:none;
 color:#FEFEFE;
 font-size:13px; font-weight:bold;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background:url(../images/menu/level1-hover-bg.png) repeat-y;
 color:#00243d;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background:#368ac6;
 color:#FEFEFE;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 color:#00243d;
 background:#58a1d5;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 float: none;
 background:#368ac6;
 color:#FEFEFE;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 color:#00243d;
 background:#58a1d5;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }