/* common styling */
.menu {
font-family: arial, sans-serif;
width:145px; 
height:150px; 
position:relative; 
font-size:11px;
font-weight:bold; 
margin:5px 0;
}
/***main nav***/
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;
color:#017A65; 
width:142px;
height:20px; 
text-align:left;
padding-left:5px; 
background:#D6D6D6; 
line-height:19px; 
font-size:11px;
/*list-style-image:url(images/rightarrow.gif);*/
}
.menu ul {
padding:0; 
margin:0; 
}
.menu ul li {
float:left; 
margin-right:1px; 
position:relative;
}
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/**sub nav on**/
.menu ul li:hover a {
color:#fff; 
background:#81A594;
border-right: 1px solid #D6D6D6;
/*list-style-image:url(images/rightarrow.gif);*/
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:0; 
left:148px; 
width:140px;
}
.menu ul li:hover ul li a.hide {
background:#dfc184; 
color:#000;
}
.menu ul li:hover ul li:hover a.hide {
width:147px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#81A594; 
color:#fff; 
width:140px;
}
/**sub nav hover**/
.menu ul li:hover ul li a:hover {
background:#8CB1CB; 
color:#000;
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:151px; 
top:0; 
color:#000;
}
.menu ul li:hover ul li:hover ul li a {
display:block; 
width:200px;
background:#dfc184; 
color:#000;
}
.menu ul li:hover ul li:hover ul li a:hover {
background:#bd8d5e; 
color:#fff;
}