/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */



   /*overall menu styles*/
   
   .menu { margin-top: 20px; margin-left: 5px; height: 100px; font-size: 12px; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-weight: bold;  }

   /*styles for flyout menu, border width, setting*/
   .menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 16.3em; }

   .menu li { background-color: transparent; float: left; }

   .menu li.sub { background-color: #355E94; }

   .menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: 0px; }


 /*styles for flyout menu, background width setting*/
 
   .menu a, .menu a:visited { border-bottom: 0px; display: block; text-decoration: none; height: 2.5em; line-height: 2.5em; width: 16em; color: #FFF; padding-left: .3em; font-weight: bold; }

   .menu b { float: right; margin-right: 5px; }
   
   
   
/*controls the left side nav width in IE*/

   * html .menu a, * html .menu a:visited { width: 16em; }
   
   * html .menu a:hover { border-color: #FFF; color: #FFF; background-color: #7EA7DC; position: relative; font-weight: bold; }

   .menu li:hover {  border-color: #FFF; color: #FFF; position: relative; }

   .menu a:active, .menu a:focus { border-color: #FFF; color: #FFF; background-color: #7EA7DC; font-weight: bold; }

   .menu li:hover > a { border-color: #FFF; color: #FFF; background-color: #7EA7DC; font-weight: bold; }
   

   
   /*flyout menu background color, menu position float right distance and vertical position*/
   
   .menu li ul { border: 1px solid #FFF; padding: 0em; visibility: hidden; position: absolute; top: -1em; left: 16.2em; background-color: #355E94; }

   .menu li:hover > ul { border: 1px solid #FFF; visibility: visible; }

   .menu ul a:hover ul ul { visibility: hidden; }

   .menu ul a:hover ul a:hover ul ul { visibility: hidden; }

   .menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }

   .menu ul a:hover ul { visibility: visible; }

   .menu ul a:hover ul a:hover ul { visibility: visible; }

   .menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

   .menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }