#menu {clear: both; padding: 0 0 0 10px; height: 19px; background: #0067A3; }
#menu a, #menu h2 {font-size:11px; display:block; white-space:nowrap; margin:0; padding: 2px 12px 2px 8px;  font-weight: normal; }
#menu h2 {color:#fff; background: url(../img/expand3.gif) no-repeat 100% 50%; padding:0; }
#menu h2 a:link, #menu h2 a:visited, #menu h2 a:hover  {background: none; color: #FFF; display: block; border: none;padding: 2px 12px 2px 8px; height: 19px; }
#menu a {border: 1px solid #FFF; border-width: 1px 1px 0 0; background:#CFE8F9;text-decoration:none; }
#menu a, #menu a:visited {color:#004A91; }
#menu a:hover {color:#EB3D00; background:#ddd; }
#menu a:active {color:#060; background:#ccc; }

/* width for menu elements */
#menu ul {list-style:none; margin:0; padding:0; float:left;}

#menu li {position:relative;}
#menu ul ul {position:absolute; z-index:500; top:auto; display:none;}
#menu ul ul ul {top:0; left:100%;}
div#menu h2:hover {background:#1C89CC url(../img/expand3.gif) no-repeat -999px -9999px;}
div#menu li:hover {cursor:pointer; z-index:100;}
div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;}
div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;}
#menu a.x, #menu a.x:visited {font-weight:bold; color:#004A91; background: #ADD6F5 url(../img/expand4.gif) no-repeat 100% 50%;}
#menu a.x:hover {color:#FFF; background:#1C89CC;}
#menu a.x:active {color:#FFF; background:#1C89CC;}