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

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

ul#navmenu-v li { float: left; position: relative; width: 236px; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }
ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 22px;
 left: 65%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 	display: block;
	font-size: .92em; /* 12px */
	color: #f5f5f5;
	padding-bottom: 4px;
	padding-top: 3px;
	padding-left: 27px;
	height: 22px;
	text-decoration: none;
	background: url(../images/template/subtheme_divider.png) no-repeat top left #2f3c46;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 	color: #121212;
	background: url(../images/template/sidebar_hover.png) no-repeat 0 0;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 	position: inherit;
 	background: #747c83;
 	margin-left: -10px;
 	padding-left: 5px; 
 	width: 150px;
	color: #f5f5f5;
	/* for IE */
  	filter: alpha(opacity=80);
  	/* CSS3 standard */
  	opacity: 0.8;
}

ul#navmenu-v li ul li {
	background-image: none;
	height: 24px;
}

ul#navmenu-v li {
background: url(../images/template/subtheme_divider.png) no-repeat top left;
}

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

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