/* ======================================================
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.
========================================================= */
.menu { height: 100px; font-size: 11px; font-family: verdana; margin: 10px; }
.menu ul { position: relative; z-index: 500; padding: 0pt; margin: 0pt; list-style-type: none; width: 17em; }
.menu li { background-color: #ffffff; float: left; }
.menu li.sub { background-color: #ffffff; }
.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 { display: block; text-decoration: none; height: 2em; line-height: 2em; width: 17em; color: #000000; border: 1px solid #ccc; border-width:0 0 1px; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu a.twolines, .menu a.twolines:visited { height: 4em; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 17em; }
* html .menu a:hover { color: #000000; background-color: #88ccdd; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #000000; background-color: #88ccdd; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #000000; background-color: #88ccdd; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { visibility: hidden; position: absolute; top: -2em; left: 16em; padding: 2em; background-color: transparent; }
/* line-height is added here for big height */
.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; }