/* common styling */
.menu {
font-family: trebuchet MS; 
letter-spacing: 1px;
font-weight: bold;
width:176px; 
height:150px; 
position:relative; 
margin:0; 
font-size:12px; 
margin:0px 0;
padding-top:25px;
background:#ffffff /*url(../images/button.png) no-repeat;*/
}

.menu ul li a {
display:block; 
text-decoration:none; 
color:#222222;
width:161px; 
height:29px; 
text-align:left; 
background:#ffffff url(../images/button.png) no-repeat; 
line-height:29px; 
font-size:12px;
padding-left:15px;
}


.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 {
color:#000000; 
background:#dddddd url(../images/mouseover.png) no-repeat;
font-weight: bold;
padding-left: 15px;
}

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

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

.menu ul li:hover ul li:hover a.hide {
width:150px;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block; 
background:url(../images/subnav.png) no-repeat;
color:#000; 
width:163px;

height: 16px;
font-weight: normal;
line-height: 18px;
}

.menu ul li:hover ul li a:hover {
background:url(../images/subnavover.png) no-repeat; 
color:#000;
width:163px;
}

.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;
}