/* common styling */
.menu {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Arial;
}

.menu ul li.hide a, 
.menu ul li ul li.hide a, 
.menu ul.hide a,
.menu ul li.hide, 
.menu ul li ul li.hide, 
.menu ul.hide {
display:none;
}

.menu ul li a, 
.menu ul li a.visited {
display:block; 
height:30px; 
text-decoration:none; 
color:#663366; 
line-height: 30px;
font-size:14px;
text-align: left;
text-indent: 20px;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none; 
}

.menu ul li {
height: 32px;
width: 167px;
position:relative;
border-bottom: 2px solid #fff;
float: left;
}

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

/* specific to non IE browsers */


.menu ul li:hover a {
color:#fff; 
height: 32px;


background:#581D58; 
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5; 
}

.menu ul li.active a {
color: #DE9500;
font-weight: normal; 
}


.menu ul li.active a:hover {
color: #fff;
}

.menu ul li:hover ul {
display:block; 
position:absolute; 
top:-2px; 
left:165px; 
width:150px;
}

.menu ul li:hover ul li a.hide {
background:#DE9500; 
color:#fff;
}

.menu ul li:hover ul li a {
display:block; 
color:#fff; 
border: 2px solid #fff;
font-size:14px;
font-weight: normal;
text-align: left;
text-indent: 20px;
width:165px;

background:#896089; 
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9; 
}

.menu ul li:hover ul li a:hover {
background:#581D58; 
color:#fff;}