/* common styling */
.menu {
font-family: Arial, Helvetica, sans-serif;
width:920px; 
position:relative; 
margin:0; 
font-size:16px; 
letter-spacing: 1px;
text-shadow: #000 1px 1px 2px;
z-index:100;
margin-left: -20px;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#ccc; 
width:auto; 
text-align:left; 
color:#ccc; 
height:50px;
line-height:40px; 
overflow:hidden;
font-weight: normal;
}

.menu ul li ul li a, .menu ul li ul lia:visited 
{display:block; 
text-decoration:none; 
color:#ccc; 
width:150px; 
margin-left: -30px;
padding: 5px;
text-align:left; 
color:#ccc; 
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 */

/* Top Level Hover state */
.menu ul li:hover a {
color:#ccc; 
text-decoration:underline;
} 

/* Drop down container */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:50px; 
left:0; 
width:150px;
background:transparent;
} 

.menu ul li:hover ul li a.hide {
background:#0064A6; 
color:#ccc;
}

.menu ul li:hover ul li:hover a.hide {
background:#0064A6; 
color:#ccc;
}

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

/* Drop down box - Mouse off*/ 
.menu ul li:hover ul li a {
display:block; 
height:20px;
line-height:20px; 
background:transparent  url(/assets/templates/daniels/images/transparent.png); 
color:#ccc;
width: 180px;
text-decoration:none;
font-size: 14px;
border-bottom: 1px;
border-color: #003D99;
border-style: solid;
}

 /* Drop down box - Hover*/
.menu ul li:hover ul li a:hover {
color:#ccc;
text-decoration:underline;

}

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

.menu ul li:hover ul li:hover ul.left {
left:-105px;
}