/* Verticle menu w/ 2 Tier dropdown */



#menu  {
float : left;
width : 100%;
margin-bottom : 13px;
} 

#menu ul  {
background-color : #1c344e;
list-style : none;
margin : 0;
padding : 0;
} 

#menu a  {
display : block;
margin : 0;
padding : 8px 0 8px 12px;
color : #fff;
text-decoration : none;
text-transform: uppercase;
position: relative;
} 


#menu li  {
font-size : 12px;
display : block;
position : relative;
border-bottom : 1px dashed #3b5066;
background : #0e2743;
}
#menu li:hover {
background : #1c344e;
}
#menu li.arrow {
background-image: url(../assets/arrow.gif);
background-position: 250px 10px;
background-repeat: no-repeat;
}
#menu li.end  {
border-bottom-width : 0;
} 
#menu li:hover {

}

#menu ul ul  {
position : absolute;
left : 100%;
top : 0;
z-index : 500;
border-left : 1px dashed #3b5066;
} 
#menu ul ul li a  {
width : 175px;
padding-right: 15px;
}
#menu ul ul li.arrow {
background-image: url(../assets/arrow.gif);
background-position: 175px 10px;
background-repeat: no-repeat;
}
#menu ul a:hover ul a {
background : #1c344e;
}
#menu ul ul ul {
position : absolute;
top : 0;
left : 100%;
} 

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

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