/* common styling */

.menu {

font-family: arial, verdana, sans-serif; 

width:940px;

height: 25px;

position:relative; 

font-size: 12px;

z-index:100;

background-color: #00b3a1;

padding: 0 0 0 11px;

border-bottom: 9px solid #7dba00;

}

.menu ul {

padding:0; 

margin:0 0 0 0;

list-style-type: none;

}

.menu ul li {

float:left;

position:relative;

}

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

display:block; 

text-decoration:none; 

color:#fff; 

padding:5px 10px 5px 10px; 

height: 15px;

}

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

}

.menu ul li ul {

display: none;

}

table {

margin:-1px; 

border-collapse:collapse;

font-size:1em;

}



/* specific to non IE browsers */

.menu ul li:hover a,

.menu ul li a:hover {

color:#fff; 

background:#008e80;

}



.menu ul li:hover ul,

.menu ul li a:hover ul {

display:block; 

position:absolute; 

top: 24px;

margin-top:1px;

left:0; 

width:200px;

}

* html .menu ul li a:hover ul {

margin-top:0;

marg\in-top:1px;

}



.menu ul li:hover ul li ul,

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

visibility:hidden; 

position:absolute; 

height:0; 

width:0;

}



.menu ul li:hover ul li a,

.menu ul li a:hover ul li a {

display:block; 

background:#ccf0ec; 

color:#000;

margin: 0px;

padding:5px 10px;

width: 120px;

border-bottom: 2px solid #33bbb4;

}

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

width:100px;

w\idth:79px;

}



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

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

background:#c9c9a7 url(drop.gif) bottom right no-repeat;

}



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

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

background:#b8e3de; 

color:#000;

}



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

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

visibility:visible; 

position:absolute; 

left:100px; 

top:0;

width:100px;

}



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

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

left:-100px;

}