/* ================================================================ 
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: 500 14px "Century Gothic", Tahoma, Verdana, sans-serif; color: #ffffff; background-color: #2e1c18; text-align: left; letter-spacing: .01em; width:170px; position:relative; margin:0; margin:0px 0;}
.menu ul li a, .menu ul li a:visited {font: 500 14px "Century Gothic", Tahoma, Verdana, sans-serif; color: #ffffff; text-align: left; letter-spacing: .01em; display:block; text-decoration: none; width: 170px; height: 24px; border: 1px solid #fff; border-width: 1px 0 0 0; line-height: 22px;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; margin-right:1px; position:relative; height:26px;}
.menu ul li ul {display: none; padding-top: 1px; padding-bottom: 1px;}

/* specific to non IE browsers */
.menu ul li:hover a {background:#fff; color:#2e1c18; border: 1px solid #2e1c18; border-width: 1px 0 1px 0;}
.menu ul li:hover ul {display:block; position: absolute; top:0; left:180px; width:172px; border: 1px solid #2e1c18; border-width: 1px 0 1px 0;}
.menu ul li:hover ul li a.hide {background: #2e1c18; width: 174px; color: #fff; font: 500 12px "Century Gothic", Tahoma, Verdana, sans-serif; border: 1px solid #fff; border-width: 1px 0 1px 0; padding-left:7px; padding-top: 5px; padding-bottom: 5px;}
.menu ul li:hover ul li:hover a.hide {width: 176px; padding-left: 7px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color: #2e1c18; width: 176px; font: 500 12px "Century Gothic", Tahoma, Verdana, sans-serif; border: 1px solid #fff; border-width: 1px 0 1px 0; padding-left:4px;}
.menu ul li:hover ul li a:hover {background:#dfebfe; color: #2e1c18; padding-left:7px;}
.menu ul li:hover ul li:hover ul {display: block; position: absolute; left:180px; width: 126px; top:0; color: #fff; border: 1px solid #2e1c18; border-width: 1px 0 1px 0;}
.menu ul li:hover ul li:hover ul li a {display: block; width: 120px;  background:#2e1c18; color:#fff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
.menu ul li:hover ul li:hover ul li a:hover {background:#dfebfe; color:#2e1c18;}