/* common styling */
.menu {
    font-family: arial, sans-serif; 
    width:900px; 
    position:relative;
    font-size:11px; 
    margin:2px 0px 45px -1px;
    padding:0px;
    z-index:100;
}

#IEroot .menu {
    font-family: arial, sans-serif; 
    width:900px; 
    position:relative;
    font-size:11px; 
    margin:2px 0px 15px -1px;
    padding:0px;
    z-index:100;
}

													
.menu ul li a, .menu ul li a:visited {
   display:block; 
   text-decoration:none; 
   color:#000;
   width:144px; 
   height:30px;
   text-align:center;
   color:#fff; 
   border:2px solid #000;
   background:black; 
   line-height:30px; 
   font-size:11px; 
   overflow:hidden;
}
.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:#fff; 
   background:#337799;
}
.menu ul li:hover ul {
   display:block; 
   position:absolute; 
   top:30px; 
   left:0; 
   width:144px;
}
.menu ul li:hover ul li a.hide {
   background:#6a3;
   color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
   background:#6fc; 
   color:#000;
}
.menu ul li:hover ul li ul {
   display: none;
}
.menu ul li:hover ul li a {
   display:block; 
   background:#ddd; 
   color:#000;
}
.menu ul li:hover ul li a:hover {
   background:#aacccc; 
   color:#000;
}
.menu ul li:hover ul li:hover ul {
   display:block; 
   position:absolute; 
   left:144px; 
   top:0;
}
.menu ul li:hover ul li:hover ul.left {
   left:-144px;
}


.menu ul li.active, .menu ul li.active:hover {	
	color:red;
        background-color:black;	
}

.menu ul li.active a, .menu ul li.active a:hover {
        background-color:black;
	color: red;
}

.menu ul li ul li.active a, .menu ul li ul li.active a:hover {
        background-color:black;
	color: red;

}