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

.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#591789;
width:155px;
height:15px;
line-height:14px;
padding: 6px 0;
padding-left: 14px;
border:1px solid #fff;
border-width:1px 1px 0 6px;
background:#DDD8DC;
font-size:10px;
border-left-color: #591789;
}

.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: #DFAC12;
color:#DFAC12;
background:#fff;
}

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

.menu ul li:hover ul li a.hide {background:#DDD8DC; color:#591789;}
.menu ul li:hover ul li:hover a.hide {width:155px;} 
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#DDD8DC; color:#591789; width:155px; border-left-color: #DDD8DC;}
.menu ul li:hover ul li a:hover {border-left-color: #DFAC12; background:#fff; color:#DFAC12;}
.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: #DDD8DC; width:155px; background:#DDD8DC; color:#591789;}
.menu ul li:hover ul li:hover ul li a:hover {border-left-color: #DFAC12; background:#fff; color:#DFAC12;}