#menu2 {
width: 776px;
position:relative;
padding: 0;
z-index:100;
margin:0;
}
#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
 	
}
#menu2 a, #menu2 h2 {
cursor:pointer;
display: block;
border-width: 0px;
margin: 0;
padding: 0;
 
}

#menu2 h2 {
color: #fff;
 
/*padding-bottom:1px;*/
}

#menu2 a {
text-decoration: none;
 
}
#menu2 ul li ul{ margin-top:-3px;}

#menu2 a:hover {
 
background-color: #EBEBE9;
color: #4D6491;
}

#menu2 li {
color:#cccccc;
position: relative;
padding: 0;
 
}
#menu2 ul li ul li{
background:#fff;
font-family: Arial,Verdana,Helvetica;
font-size: 10px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding: 4px;
/*height:20px;*/
}



#menu2 li:hover { background-color:#EBEBE9; }

#menu2 ul ul {
position: absolute;
z-index: 1500;
padding: 0;
width:120px;
background-color: #EBEBE9;
color: #4D6491;
}

#menu2 ul ul ul {
top: 0;
left: 100%;
 
}
div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;} /*change this back to none once done debugging*/

div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}