/* ======================================================
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 { margin: 0px; padding-top: 40px; height: auto; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 17px; border-right: 0px solid #50432c; float: left; width: 111px;}

#menu ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; position: relative; z-index: 500; list-style-type: none; width: 111px; text-align: right;   }

#menu li { background: #787878 url(../img/button-back-03.jpg) repeat-x; float: left; margin-top: 0px; margin-bottom: 0px; }
#menu li.sub { background: #787878 url(../img/button-back-03.jpg) repeat-x; margin-top: 0px; margin-bottom: 0px; }

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

#menu a, #menu a:visited { border-bottom: 1px solid #555; border-top: 1px solid #666;  display: block; text-decoration: none; height: auto; line-height: 100%; width: 91px; color: #ffffff; padding: 10px;  }

a.navbottom, a:visited.navbottom { border-bottom: 1px solid #555; border-top: 1px solid #666; display: block; text-decoration: none; height: auto; line-height: 100%; width: 91px; color: #ffffff; padding: 10px;  }

#menu b { float: right; margin-right: 5px; }
* html #menu a, * html #menu a:visited { width: 91px; }
* html #menu a:hover { color: #222; background: #d5bc75 url(../img/button-back-05.jpg) repeat-x; position: relative; text-decoration: none; border-top: 1px solid #c8ae64; }


#menu li:hover { position: relative; }
#menu a:active, #menu a:focus { color: #ffffff; background: #787878 url(../img/button-back-03.jpg) repeat-x; text-decoration: none; }
#menu li:hover > a { color: #222; background: #d5bc75 url(../img/button-back-05.jpg) repeat-x;  text-decoration: none; }
#menu li ul { padding: 0; visibility: hidden; position: absolute; top: 0px; left: 111px; 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; }





#dropdown ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; position: relative; z-index: 500; list-style-type: none; border-top: 1px solid #555;  }
#dropdown li { background: #626262 url(../img/button-back-06.gif) repeat-x; float: left; margin-top: 0px; margin-bottom: 0px; text-align: left; }

#dropdown a , #dropdown a:visited   {  border-left: 1px solid #d1d1d1; border-top: 0px solid #555; border-bottom: 1px solid #555; display: block; text-decoration: none; height: auto; line-height: 100%; color: #FFF; padding: 10px; }

a.dropdownbottom , a:visited.dropdownbottom   { display: block; text-decoration: none; height: auto; line-height: 17px; color: #FFF; padding: 10px;  }

#dropdown li:hover { position: relative; }
#dropdown a:active, #dropdown a:focus { color: #FFF; background: #666; text-decoration: none;   }
#dropdown li:hover > a { color: #222; background: #d5bc75 url(../img/button-back-05.jpg) repeat-x; border-top: 1px solid #555;  text-decoration: none; }
#dropdown li ul { padding: 0; visibility: hidden; position: absolute; top: 0px; left: 250px; background-color: transparent; }







