/* ================================================================ 
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-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:bold;
 width:125px; 
 height:150px; 
 position:relative; 
 margin:0; 
 /*margin:50px 0;*/
}

.menu ul li a, .menu ul li a:visited 
{
 display:block; 
 text-decoration:none; 
 color:#68142E; 
 width:125px; 
 height:20px; 
 text-align:left; 
/*
 border:1px solid #fff; 
 border-width:1px 1px 0 0; 
 background:#c9c9a7; 
*/ 
 line-height:19px; 
 font-size:12px;
}

.menu ul 
{
 padding:0; 
 margin:0;
 list-style-type: none; 
}

.menu ul li 
{
 float:left; 
 margin-right:1px; 
 position:relative;
}

.menu ul li ul 
{
 display: none;
 border:1px solid #fff; 
 width:265px;
 padding: 2px;
 /*opacity:0;*/
 background:#DFCA90;
}

/*........................................*/
/* specific to non IE browsers            */
.menu ul li:hover a 
{
 color:#fff; 
 background:#68142E;
}

.menu ul li:hover ul 
{
 display:block; 
 position:absolute; 
 top:0; 
 left:125px; 
 width:265px;
}

.menu ul li:hover ul li a.hide 
{
 background:#68142E; 
 color:#000;
}

.menu ul li:hover ul li:hover a.hide 
{
 width:150px;
}

.menu ul li:hover ul li ul 
{
 display: none;
}

.menu ul li:hover ul li a 
{
 display:block; 
 background:#DFCA90; 
 color:#68142E;
 width:265px;
}

.menu ul li:hover ul li a:hover 
{
 background:#68142E; 
 color:#fff;
}

.menu ul li:hover ul li:hover ul 
{
 display:block; 
 position:absolute; 
 left:151px; 
 top:0; 
 color:#000;
}

.menu ul li:hover ul li:hover ul li a 
{
 display:block; 
 width:200px; 
 background:#dfc184; 
 color:#000;
}

.menu ul li:hover ul li:hover ul li a:hover 
{
 background:#bd8d5e; 
 color:#fff;
}