/*

Author: Craig Erskine

Description: Dynamic Menu System - Vertical

*/



ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {

 width: 160px; /* Menu Width */

 margin: 0;

 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 ul {

 display: none;

 position: absolute;

 top: 0;

 left: 83%;

 z-index: 9999;

 border:1px outset #e9e9e9;

 width:200px;

} 

ul#navmenu-v ul li{display:inline; overflow:hidden; margin-bottom:0;}

ul#navmenu-v ul li a{line-height:normal!important}



/* Root Menu */

ul#navmenu-v a {

 border-top: 1px solid #FFF;

 border-right: 1px solid #FFF;

 padding: 3px;

 display: block;

 color: #666;

 font: bold 11px Arial, sans-serif;

 text-decoration: none;

 font-weight:normal;
 
 height: 1%;

}



/* Root Menu Hover Persistence */

ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {

 background: #fff;

 color: #A51F7B;

 text-decoration:none;

}



/* 2nd Menu */

ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {

 float: none;

 background: #fff;

 color:#A51F7B;

 border-bottom:1px solid #e9e9e9;

 padding-left:10px;

}



/* 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 {

 background: #A91E7B;

 color:#FFFFFF;



}



/* 3rd Menu */

ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {

 background: #999;

}



/* 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 {

 background: #666;

}



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