/* ================================================================ 
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/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu  { font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; margin: 0 0 50px; position: relative; z-index: 10; width: 180px; height: 150px }
.menu ul li a, .menu ul li a:visited { color: #000; font-size: 12px; font-weight: bold; line-height: 17px; text-decoration: none; background: #bec1be; text-align: left; display: block; padding-left: 10px; width: 180px; height: 16px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff }
.menu ul { list-style-type: none; margin: 0; padding: 0 }
.menu ul li { margin-right: 1px; position: relative; float: left }
.menu ul li ul { display: none }
/* specific to non IE browsers */
.menu ul li:hover a { color: #fff; background: #800000 }
.menu ul li:hover ul { display: block; position: absolute; top: 0; left: 191px; width: 179px }
.menu ul li:hover ul li a.hide { color: #000; background: #e9d97a }
.menu ul li:hover ul li:hover a.hide { width: 180px }
.menu ul li:hover ul li ul { display: none }
.menu ul li:hover ul li a { color: #000; background: #c5cbc5; display: block; width: 180px }
.menu ul li:hover ul li a:hover { color: #000; background: #eee3c3 }
.menu ul li:hover ul li:hover ul { color: #000; display: block; position: absolute; top: 0; left: 191px }
.menu ul li:hover ul li:hover ul li a { color: #000; background: #ebdb7c; display: block; width: 200px }
.menu ul li:hover ul li:hover ul li a:hover { color: #fff; background: #eede7c }