/* ================================================================ 
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 { position:absolute; width:195px; z-index:1; height:95%; top:10px; left:0; background:#efefef; }
.menu ul li a { color:#fff; font-size:1em; letter-spacing:0.05em; padding:7px; display:block; text-decoration:none; text-transform:uppercase; }
.menu ul li a:hover { color:#bed2e5; }
.menu ul li { background:url(../images/menu_first.png) repeat-x; }
.menu ul li.last { border:0; }

.menu ul li a { padding-left:5%; width:95%; }
.menu ul li a:hover { color:#fff; }

.menu ul li {position:relative;display:block;}
.menu ul li ul {display: none;}

/* common styling */
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:178px;}
.menu ul {padding:0; margin:0;list-style-type:none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display:none;}


/* specific to non IE browsers */
a.parent { background:url(../images/arr.gif) no-repeat 185px center; }
.menu ul li:hover { background:url(../images/menu_first_active.png) repeat-x; }
.menu ul li:hover a {color:#fff; margin:0; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:195px; width:195px;}
.menu ul li:hover ul li { position:relative; background:#895761 url(../images/menu_second.png) repeat-x; }
.menu ul li:hover ul li a {display:block; padding:6px 0 6px 10px; width:185px; border-top:1px solid #956871; border-bottom:1px solid #754a53; text-transform:none;}
.menu ul li:hover ul li a:hover { border-top-color:#966972; border-bottom-color:#5b333b; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover { background:#6c3c45 url(../images/menu_second_active.png) repeat-x; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:195px; top:0; color:#000; }
.menu ul li:hover ul li:hover ul li { background:#784650; }
.menu ul li:hover ul li:hover ul li:hover { background:#6c3c45 url(../images/menu_second_active.png) repeat-x; }
.menu ul li:hover ul li:hover ul li a { display:block; border-top:1px solid #845760; border-bottom:1px solid #643942; }
.menu ul li:hover ul li:hover ul li a:hover { border-top-color:#784650; border-bottom-color:#4a222a; }