/* ================================================================ 
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/dd_valid.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 {
float:left;
position:relative; 
font-size:0.85em; 
z-index:100;
padding:0em 0 0 0;
margin: 0em 0 0 0;
z-index:555;
}

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

.menu ul li {float:left; position:relative; margin: 0 1px 0 0em;}

.menu ul li a {
text-transform:uppercase;
color:#fff;
font-weight:bold;
text-decoration:none;
background:#097B6A url(../images/backMainMnu.png) top left repeat-x;
font-size:1em;
padding: 0.55em 2.90em 0.55em 2.90em;
overflow:hidden;
}

.menu ul li a:hover {
color:#000;
background:#097B6A;
}


.menu ul li ul {display: none; }

/* specific to non IE browsers */

.menu ul li:hover ul {display:block; position:absolute; top:19px; left:0; z-index:777;}

.menu ul li:hover ul li {
position:relative;
display:block;
width:98%;
}

.menu ul li:hover ul li a {
background:#097B6A !important;
padding: 0.85em 1em 0.4em 0.60em;
}

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

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

.menu ul li:hover ul li ul {display: none; width:240px;}
.menu ul li:hover ul li ul li{display:block;
width:210px;
}

.menu ul li:hover ul li a {
display:block; 
color:#fff; 
background:#097B6A url(../images/arrow.png) right center no-repeat;
height:1.2em;
line-height:0em;
/*filter: alpha(opacity=90); */
opacity:0.90;
}

.menu ul li:hover ul li a:hover { background:#096B5C !important ; color:#fff;
/*filter: alpha(opacity=100); */
opacity:1.00;}

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

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

.menu ul li:hover ul li:hover ul li a:hover{
background:#0D8684;
color:#000;
}

.menu ul li:hover ul li:hover ul.left {left:150px;}