/* ================================================================ 
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.
=================================================================== */

.nav 
{
float: left;
width: 130px; 
height: 300px;
position: relative;
color: #425D6B;
font-size: 11px;
margin: 0px 0px 0px 5px;
}
.nav ul li a, .nav ul li a:visited
{
display: block;
text-decoration: none;
width: 120px;
height: 20px;
text-align: left;
border: 1px solid #fff;
border-width: 1px 1px 0 0;
background: #fff;
line-height: 19px;
font-size: 11px;
padding-left: 5px;
color: #425D6B;
}
.nav ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
.nav ul li
{
float: left;
margin-right: 1px;
position: relative;
}
.nav ul li ul
{
display: none;
}

/* specific to non IE browsers */
.nav ul li:hover a
{
color: #fff;
background: #589cc7;
}
.nav ul li:hover ul
{
display: block;
position: absolute;
top: 0;
left: 126px;
width: 175px;
}
.nav ul li:hover ul li a.hide
{
background: #589cc7;
color: #fff;
}
.nav ul li:hover ul li:hover a.hide
{
width: 175px;
}
.nav ul li:hover ul li ul
{
display: none;
}

/* Second Flyout Menu "OFF" state*/
.nav ul li:hover ul li a
{
display: block;
background: #005199;
color: #fff;
width: 175px;
}

/* Second Flyout menu "ON" state */
.nav ul li:hover ul li a:hover
{
background: #589cc7;
color: #fff;
}
.nav ul li:hover ul li:hover ul
{
display: block;
position: absolute;
left: 151px;
top: 0;
color: #4A6777;
}
.nav ul li:hover ul li:hover ul li a
{
display: block;
width: 200px;
background: #88BFDC;
color: #4A6777;
}
.nav ul li:hover ul li:hover ul li a:hover
{
background: #D4DDF6;
color: #4A6777;
}