/* ================================================================ 
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;
width:205px;
height:130px;
position:relative;
margin:0;
font-size:12px;}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#fff;
width:205px;
text-align:left;
padding:3px;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#03f;
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;}
/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
background:#09f;}
.menu ul li:hover ul {
display:block;
position:absolute;
top:0;
left:211px;
width:180px;}
.menu ul li:hover ul li a.hide {
background:#03f;
color:#fff;}
.menu ul li:hover ul li:hover a.hide {
width:200px;}
.menu ul li:hover ul li ul {
display: none;}
.menu ul li:hover ul li a {
display:block;
background:#03f;
color:#fff;
width:200px;}
.menu ul li:hover ul li a:hover {
background:#09f;
color:#fff;}
.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:206px;
top:0;
color:#fff;}
.menu ul li:hover ul li:hover ul li a {
display:block;
width:165px;
background:#03f;
color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {
background:#09f;
color:#fff;}