/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/
#nav{ width: 960px; float:left;   margin-bottom: 20px; margin-top:15px   }
ul#navmenu-h * { margin: 0; padding: 0; font-size: 100%; }
ul#navmenu-h { padding: 0; list-style: none; position: relative; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px; z-index: 100; }
ul#navmenu-h ul { width: 160px; /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); padding: 2px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
; background-color:#FFF; }
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul { top: 0; left: 100%; }
ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }
/* Root Menu */
ul#navmenu-h li a { float: left; display: block; color: #FFF; text-decoration: none; padding-right: 25px; padding-left: 25px; line-height: 20px; height: 20%; background-color: none;/* border-right-width: 1px; border-right-style: solid; border-right-color: #0013C1;*/ font-size: 13px;/* text-transform: uppercase; */}



ul#navmenu-h li ul li a { float: left; display: block; color: #FFF; text-decoration: none; padding-right: 25px; padding-left: 25px; height: 20%; background-color: #CC025A; border-right-style: none; font-size: 13px; text-transform: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; padding-top: 6px; padding-bottom: 6px; line-height: 16px; }

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a { color: #fff; background-color: #CC025A;/* background-image: url(../img/fonfo_menu_top.png); background-position: top;*/ }



ul#navmenu-h .active { color: #fff; background-color: #CC025A;/* background-image: url(../img/fonfo_menu_top.png); background-position: top;/*/ }


/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a { float: none; color: #06F; background-color: #FFF; background-image:none; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
/* 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-color: #F1F5FE; }
/* 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; }