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

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; } 
ul#navmenu-h ul { /* 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%; font-size: 0.9em; } 
ul#navmenu-h li { float: left; display: inline; position: relative; margin-right:1em;} 
ul#navmenu-h ul li { width: 100%; display: block; width: 190px;  } 

/* Root Menu */ 
ul#navmenu-h a {
border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 8px; float: left; display: block; background: #4A89BC; color: #FFF; font-size: 12px; text-decoration: none; height: 1%; text-transform: uppercase; } 

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

#navmenu-h #n_home          { background: #D04950; }
#navmenu-h #n_home:hover    { background: #bd2f34; }
#navmenu-h #n_about         { background: #E56F53; }
#navmenu-h #n_schools       { background: #EFAC44; }
#navmenu-h #n_bookings      { background: #56ACA1; }
#navmenu-h #n_visitors      { background: #468ED6; }
#navmenu-h #n_media         { background: #D63DA7; }
#navmenu-h #n_contacts      { background: #D33140; }

/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
float: none; background: #FFF; color: #000;
} 

/* 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: #DFDFDF; color: #000;} 

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

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

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

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

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