/* ======================================================
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.
========================================================= */
div.menu {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 173px;
}
.menu { 
   position: relative;
   float: left;
   width: 13em;
   font-size: 10pt; 
   font-family: verdana, arial, sans-serif; 
   background-color: #cccccc;
}
.menu ul { 
   margin: 0pt;
   padding: 0pt;
   position: relative;
   z-index: 500;
   list-style-type: none;
   width: 11em;
}
.menu li { 
   padding-left: 1em;
   background-color: #cccccc;
   width: 12em;
   float: left;
}
.menu table { 
   position: absolute;
   border-collapse: collapse;
   top: 0pt;
   left: 0pt;
   z-index: 100;
   font-size: 1em;
   margin-top: -1px;
}
.menu a, .menu a:visited, .menu a:link { 
   border-top: 1px dotted #ffffff;
   border-right: 1px dotted #ffffff;
   display: block;
   text-decoration: none;
   height: 150%;
   line-height: 150%;
   width: 12em;
   color: #000000;
   padding-left: 0em;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
}
.menu li.sub { 
   border-left: 1px dotted #ffffff;
   padding-left: 0em;
   width: 12em;
}
.menu li.sub a, .menu li.sub a:visited { 
   padding-left: 2em;
   width: 10em;
   background-color: #dddddd;
}
.menu b { 
   float: right;
   margin-right: 5px;
}
* html .menu a, * html .menu a:visited { 
   background-color: #cccccc;
}
* html .menu a:hover { 
   color: #3300ff;
   background-color: #66ccff;
   position: relative;
   font-weight: normal; 
   font-style: normal;
   font-variant: normal;
   text-decoration: none;
   text-transform: none;
}
.menu li:hover { 
   position: relative;
}
.menu a:active, .menu a:focus { 
   color: #3300ff;
   background-color: #66ccff;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-decoration: none;
   text-transform: none;
}
.menu li:hover > a { 
   color: #3300ff;
   background-color: #66ccff;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   text-decoration: none;
   text-transform: none;
}
.menu li ul { 
   padding: 0em;
   visibility: hidden;
   position: absolute;
   top: -0em;
   left: 13em;
   background-color: transparent;
}
.menu li:hover > ul { 
   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;
}

