/* ================================================================ 

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/example_flyout.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{

width:200px; position:relative; margin:0px 0; z-index:100;

}

.menu ul {

padding:0; margin:0; list-style-type: none; width:200px;

}

.menu ul li ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:-110px; width: 181px; left:200px;

}

.menu ul li {

float:left;


}

.menu ul li a, .menu ul li a:visited {

display:block; float:left; text-decoration:none; color:#fff; border-bottom: 1px solid #fff; width:190px; height:30px; line-height:29px; font-size:13px; background:transparent; padding-left:10px;

}

* html .menu ul li a, * html .menu ul li a:visited {width:100px; w\idth:190px;}



.menu table {

border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;

}



/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu ul li:hover a,

.menu ul li a:hover{

background:#C39C1D; color:#fff; width: 190px;

}



.menu ul li:hover {position:relative; z-index:90;}

* html .menu ul li a:hover {position:relative; z-index:100;}



.menu ul li:hover ul,

.menu ul li a:hover ul {

visibility:visible; position:absolute; height:auto; background:#E3B521; overflow:visible;

}

.menu ul li:hover ul li a,

.menu ul li a:hover ul li a{

display:block; background:transparent; width: 170px; color:#000; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:none;

}



.menu ul li:hover ul li:hover a,

.menu ul li a:hover ul li a:hover {

background:#81200D; color:#fff;

}

.menu ul li:hover ul li ul,

.menu ul li a:hover ul li a ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;

}

.menu ul li:hover ul li:hover ul,

.menu ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#81200D;

}

.menu ul li:hover ul li:hover ul li a,

.menu ul li a:hover ul li a:hover ul li a {

display:block; background:transparent; color:#ff0;

}



.menu ul li:hover ul li:hover ul li:hover a,

.menu ul li a:hover ul li a:hover ul li a:hover {

background:#eee; color:#000;

}