/* This CSS File is for the Horizontally stacked menu on the LHS of the page */

/* Source page: http://www.cssplay.co.uk/menus/flyout_4level.html */

/* ================================================================ 
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; height: 100px; font-size: 10pt; font-family: verdana; margin-top: 0px; }
.menu ul { margin: 0px; padding: 0px; position: relative; z-index: 500; list-style-type: none; width: 143px; } /* Remove default UL/LI styles */
.menu li { background-color: #645246; background-position: left; background-image:url(../../images/menus/background_up.gif); background-repeat:no-repeat; float: left; }
.menu li.sub { background-color: #645246; background-position: left; background-image:url(../../images/menus/background_up.gif); background-repeat:no-repeat; }
.menu table { position: absolute; border-collapse: collapse; top: 0px; left: 0px; z-index: 100; font-size: 1em; margin-top: -1px; }

.menu a, .menu a:visited { border: 1px solid #ffffff; border-width:1px 1px 0 1px; display: block; text-decoration: none; height: 30px; line-height: 30px; width: 143px; color: #ffffff; padding-left: 15px; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
.menu a.last, .menu a:visited.last {border-width:1px;}
* html .menu a, * html .menu a:visited { width: 143px; height: 30px; }

* html .menu a:hover { color: #FFFFFF; background-color: #866F5F; background-position: left; background-image:url(../../images/menus/background_over.gif); background-repeat:no-repeat; 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: #FFFFFF; background-color: #866F5F; background-position: left; background-image:url(../../images/menus/background_over.gif); background-repeat:no-repeat; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #FFFFFF; background-color: #866F5F; background-position: left; background-image:url(../../images/menus/background_over.gif); background-repeat:no-repeat; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 0px; visibility: hidden; position: absolute; top: 0px; left: 160px; background-color: transparent; } /* Alignment details for sub menus */

/* Settings to show/hide lower sub menus */
.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; }