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

* { margin: 0; padding: 0; font-size: 100%; }

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }

ul#navmenu-h ul {
	z-index: 1;
 	width: 160px; /* Sub Menu Width */
	 margin: 0;
 	list-style: none;
 	display: none;
 	position: absolute;
 	top: 100%;
 	left: 0;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
	z-index: 2;
	float: left;
 	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00aeef;
	text-decoration: none;
	margin-left: 6px;
	margin-right:6px;
	float: right;
 height: 1%;
}

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

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background: #141211;
 padding: 5px;
 border:solid 1px #141211;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00aeef;
}

/* 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: #313131;
 color: #ffffff;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: #999;
}

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


/* START SUBMENU */
ul#navmenu-hSub { margin: 0; padding: 0; list-style: none; position: relative; }

ul#navmenu-hSub ul {
	z-index: 1;
 	width: 160; /* Sub Menu Width */
	 margin: 0;
 	list-style: none;
 	display: none;
 	position: absolute;
 	top: 100%;
 	left: 0;
	 
}

ul#navmenu-hSub ul ul,ul#navmenu-hSub ul ul ul { top: 0; left: 100%; }

ul#navmenu-hSub li { float: left; display: inline; position: relative; }
ul#navmenu-hSub ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-hSub a {
	float: left;
	margin-left: 5px;
	text-align: center; 
	font-family: Arial, Verdana, Sans-serif;
	padding: 5px 10px;
	font-size: 13px;
	color:#e1e1e1; 
	font-weight: bold; 
	text-decoration:none; 
	border:solid 1px #252525;
	text-shadow: 0px 2px 0px #000000;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	background-color: #565656; 				
	background-image: url(images/bgBlackFields.png); 
	background-repeat: repeat-x; 
	background-position: bottom;
	cursor: pointer;	 	
}

/* Root Menu Hover Persistence */
ul#navmenu-hSub a:hover,ul#navmenu-hSub li:hover a,ul#navmenu-hSub li.iehover a {
	color: #00aeef; 
	text-decoration:none; 
}

/* 2nd Menu */
ul#navmenu-hSub li:hover li a,ul#navmenu-hSub li.iehover li a {
 float: none;
 background: #ededed;
 padding: 5px;
 border:solid 1px #141211;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #141211;
	 	border:solid 1px #CCCCCC;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-hSub li:hover li a:hover,ul#navmenu-hSub li:hover li:hover a,ul#navmenu-hSub li.iehover li a:hover,ul#navmenu-hSub li.iehover li.iehover a {
 background: #CCCCCC;
 color: #00aeef;
}

/* 3rd Menu */
ul#navmenu-hSub li:hover li:hover li a,ul#navmenu-hSub li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-hSub li:hover li:hover li a:hover,ul#navmenu-hSub li:hover li:hover li:hover a,ul#navmenu-hSub li.iehover li.iehover li a:hover,ul#navmenu-hSub li.iehover li.iehover li.iehover a {
 background: #666;
}

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

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

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