div.menu {
width:755px; 
font-size:0.85em;
font-family:Arial;
position:inherit;
z-index:100;
padding:3px 0 0 0px;
margin:0px 0px 0px 4px;
}

/* remove default list styling */
div.menu ul { padding:0; margin:0; list-style-type:none; }

div.menu ul ul { width:80px; }

/* control the dd menu location */
div.menu li {
float:left;
width:125px;
position:relative;
z-index:100;
}

div.menu ul li a.selected:link {background-color:#0049ae;}
div.menu ul li a.selected:visited {background-color:#0049ae;}
div.menu ul li a.selected:hover {background-color:#0049ae;}
div.menu ul li a.selected:active {background-color:#0049ae;}

div.menu ul li a.selected {
background-color:#0049ae;
}

/* top level links */
div.menu a, div.menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:125px; /*139px*/
height:21px;
border:1px solid #0049ae;
border-width:1px 1px 1px 1px;
/* background:#e31736; /*pink*/
background:#6992ca;
padding-left:0px;
line-height:20px;
z-index:100;
}

/* hack 4 IE5 */
* html div.menu a, * html div.menu a:visited {
 width:125px; w\idth:124px; /*124px*/
 border:1px solid #0049ae;
border-width:1px 1px 1px 0px;
  }
  
/* hack 4 ie5 */
* html div.menu {
border-left:1px solid #0049ae;
}

/* 2nd level background */
div.menu ul ul a.drop, div.menu ul ul a.drop:visited { background:#BDB4A3; }

/* 2nd level hover */
div.menu ul ul a.drop:hover{ background:#849DB8; }

div.menu ul ul :hover > a.drop { background:#849DB8; }

/* 3rd level background */
div.menu ul ul ul a, div.menu ul ul ul a:visited { background:#BDB4A3; }

/* 3rd level hover */
div.menu ul ul ul a:hover { background:#849DB8; }

/* hide the sub levels and positon them absolutely so that they take up no space */
div.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:026px;
}

/* hack 4 IE5 */
* html div.menu ul ul { top:30px; t\op:31px; }

/* 3rd level flyout */
div.menu ul ul ul{ left:152px; top:0; width:152px; }

/* 3rd level flyout for left flyout */ 
div.menu ul ul ul.left { left:-152px; }

/* float table above layout - req for IE */ 
div.menu table { position:absolute; top:0px; left:0; }

/* 2nd level links */
div.menu ul ul a, div.menu ul ul a:visited {
background:#BDB4A3; 
color:#000; 
height:auto; 
line-height:1.07em; 
padding:5px 10px; 
width:131px; /*129px*/
/* hack 4 IE5 */
}

* html div.menu ul ul a{ width:152px; w\idth:131px; /*129px*/ }

/* top level hover */
div.menu a:hover, div.menu ul ul a:hover{ color:#fff; background:#0049ae; }
div.menu :hover > a, div.menu ul ul :hover > a { color:#fff; background:#0049ae; }

/* 3rd level hover */
/*div.menu ul ul ul a:hover {background:#A3ACBD;} - nice complimintary blue*/
div.menu ul ul ul a:hover {background:#849DB8;}

/* 2nd level visible when hovered on 1st level */
div.menu ul li:hover ul, div.menu ul a:hover ul{ visibility:visible;  }

/* 3rd level hidden when hovered on 1st level */
div.menu ul :hover ul ul{ visibility:hidden; }

/* 3rd level visible when hovered on 2nd level*/
div.menu ul :hover ul :hover ul{ visibility:visible; }

/* 4th level+ hidden when hovered on*/
div.menu ul :hover ul :hover ul ul{ visibility:hidden;}

/* 4th level visible when you hovered on 3rd level*/
div.menu ul :hover ul :hover ul :hover ul { visibility:visible;}