.menu {
font: bold 12px Arial;
background: #fff;
}

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

/*Top level list items*/
.menu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.menu ul li a {
display: block;
background: #fff;
color: #888;
padding: 10px 8px;
border-right: 1px solid #eee;
text-decoration: none;
}

.menu ul li ul li a {
display: block;
background: #fff;
color: #888;
padding: 8px 6px;
border-right: 1px solid #eee;
text-decoration: none;
}

* html .menu ul li a{
display: inline-block;
}

.menu ul li a:link, .menu ul li a:visited{
color: #888;
}

.menu ul li a.selected{
background: #fff;
color: #888;
}

.menu ul li a:hover {
background: #fff;
color: #666;
}
	
/*1st sub level menu*/
.menu ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}

.menu ul li ul li {
text-align: left;
display: list-item;
float: none;
}

.menu ul li ul {
opacity: 0.8;
border: 1px solid #eee;
border-right: 0;
top: 0;
}

.menu ul li ul li ul {
border-right: 0;
top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a {
line-height: 24px;
line-height: 24px;
font: bold 12px Arial;
width: 148px; /*width of sub menus*/
padding: 8px 3px;
margin: 0;
}
/* Sub level menu links style */
.menu ul li ul li a:hover {
	background: #FEFAED;
	color:#66CC33;
}

/* Holly Hack for IE \*/
* html .menu{ height: 1%; }

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
.toplevelshadow {
opacity: 0.8;
}

.menu ul li a.rights {
border-right: 0;
}