/* ======================================================
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: 150px;
     font-size: 10pt;
     font-family: Tahoma,"times new roman";
     width:225px;
}


.menu ul { 
     margin: 0pt;
     padding: 0pt;
     position: relative;
     z-index: 500;
     list-style-type: none;
}


.menu li { 
     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: 1em;
     line-height: 1em;
     color: #000000;
     padding-left: 1em;
     font-weight: normal;
     font-style: normal;
     font-variant: normal;
     text-transform: none;
     width:12em;
}


.menu b { 
     float: right;
     margin-right: 5px;
}


* html .menu a:hover { 
     color: #ffff00;
     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: #ffff00;
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     text-decoration: none;
     text-transform: none;
}


.menu li:hover > a { 
     font-weight: bold;
     font-style: normal;
     font-variant: normal;
     text-decoration: none;
     text-transform: none;
}



/* POP OUT BOX */
.menu li ul { 
     border:1px ridge silver;
     padding: 1em;
     visibility: hidden;
     position: absolute;
     top: -1em;
     left: 7em;
     background-color: #eeeeee;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}



.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;    
}
