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

.nav-menu,.nav-menu * { margin: 0; padding: 0; list-style: none; position: relative; }
.nav-menu ul { position: absolute; top: -9999px; left: 0; }
.nav-menu ul ul,.nav-menu ul ul ul { top: 0; left: -10px; }
.nav-menu li {  float: left; display: block; position: relative; z-index: 1; }

/* Sub Menu Width */
.nav-menu ul { width:400px; background: url(images/nav-50.png) repeat;}
.nav-menu ul li { width: 200px; background: url(images/nav-50.png) repeat; float:left; }
.nav-menu ul.col { width: 300px; background: url(images/nav-50.png) repeat; float: left; }
.nav-menu ul.col li { width: 300px; background: none; }
.nav-menu ul.col div { width: 150px; float: left; }

/* Root Menu */
.nav-menu a {
 padding: 0 9px;
 display: block;
 color: #FFF;
 font-size: 12px;
 line-height: 64px;
 text-decoration: none;
 outline: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
.nav-menu a:hover,.nav-menu li:hover a,.nav-menu li.nav-hover a {
 background: #b9181e;
 color: #FFF;
}

/* 2nd Menu */
.nav-menu li:hover li a,.nav-menu li.nav-hover li a {
 padding: 8px 10px;
 background: none;
 color: #999;
 font-weight: normal;
 font-size: 11px;
 line-height: normal;
 float: none;
}

/* 2nd Menu Hover Persistence */
.nav-menu li:hover li a:hover,.nav-menu li.nav-hover li a:hover,.nav-menu li li a.on {
 color: #FFF;
}

/* Arrows */
.nav-sub-indicator { display: none; }

/* Layering */
.nav-menu li:hover,.nav-menu li.nav-hover { z-index: 9999; }

/* Hover Function - Do Not Move */
.nav-menu li:hover ul ul,.nav-menu li:hover ul ul ul,.nav-menu li.nav-hover ul ul,.nav-menu li.nav-hover ul ul ul { left:-9999px; }
.nav-menu li:hover ul,.nav-menu li.nav-hover ul { top: 100%; }
.nav-menu ul li:hover ul,.nav-menu ul ul li:hover ul,.nav-menu ul li.nav-hover ul,.nav-menu ul ul li.nav-hover ul { top: 0; left: 100%; }

span.description { display:none;}