/* common styling */
.menu {
font-family: Verdana, Arial,Helvetica,sans-serif;
font-weight: bold;
width:196px;
height:240px;
position:relative;
margin:0;
margin-top:-1px;
font-size:10px;
float: left;
}

.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
/*color:#026602;*/
color: #003300;
width:176px;
height:12px;
line-height:11px;
padding: 6px 0;
padding-left: 14px;
border:1px solid #fff;
border-width:1px 1px 0 6px;
background:#B9C8B0;
font-size:10px;
border-left-color: #026602;
}

.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 {
border-left-color: #AF460A;
color:#AF460A;
background:#fff;
}

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

.menu ul li:hover ul li a.hide {background:#B9C8B0; color:#003300;}
.menu ul li:hover ul li:hover a.hide {width:176px;} 
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#B9C8B0; color:#003300; width:176px; border-left-color: #F1F0EA;}
.menu ul li:hover ul li a:hover {border-left-color: #AF460A; background:#fff; color:#AF460A;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:176px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; border-left-color: #B9C8B0; width:176px; background:#B9C8B0; color:#003300;}
.menu ul li:hover ul li:hover ul li a:hover {border-left-color: #AF460A; background:#fff; color:#AF460A;}