table { vertical-align: middle; }
table table { color: black; font-size: 10pt; font-family: Arial, Helvetica; text-decoration: none ; vertical-align: middle; margin-top: 5%; } 

a  { color: white; font-size: 10pt; font-family: Arial, Helvetica;  text-decoration: none}
a:link  { font-size: 10pt; font-family: Arial, Helvetica;  text-decoration: none}
a:hover  { color: black; font-size: 10pt; font-family: Arial, Helvetica; text-decoration: none }
a:active { color: black; font-size: 10pt; font-family: Arial, Helvetica; text-decoration: none }

.subnav  { text-align: left; display: block; margin: 0; padding: 0; }

 #menu { width: 700px; float: left;}

    #menu ul { list-style: none; margin: 0 ; padding: 0; float: right; cursor: pointer; white-space: nowrap; } 

    #menu li {position: relative;} 

    #menu ul ul { position: absolute; z-index: 500; width: 120px;}

    #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;}