BODY {background: #00394a}
P.title {color: #d6c610; font: bold 20pt "Arial"}
P.subtitle {color: yellow; font: bold 15pt "Arial"}
P {color: white; font: bold 10pt "Arial"}
TD {color: white; font: bold 10pt "Arial"}
UL {color: white; font: bold 10pt "Arial"}
LI {color: white; font: bold 10pt "Arial"}
H2 {color: white; font: bold 10pt "Arial"}
A:link {color: white; font: bold 10pt "Arial"}
A:visited {color: #ececec; font: bold 10pt "Arial"} 
A:active {color: #e0e0e0; font: bold 10pt "Arial"} 
A:hover {color: #e0e0e0; font: bold 10pt "Arial"}
#menu {width: 100%; margin-left: 0px; margin-right: 0px; font: bold 10pt "Arial"}
#menu ul {list-style: none; margin: 0; padding: 0; width: 9em; float: left; text-align: center; font: bold 10pt "Arial"}
#menu a, #menu h2 {display: block; margin: 0; padding: 2px; font: bold 10pt "Arial"}
/* Customize for menu titles */
#menu h2 {display: inline; border-left: 2px solid #d6c610; border-right: 2px solid #d6c610;
  padding-left: 1em; padding-right: 1em; font: bold 10pt "Arial"}
/* Customize for menu entries */
#menu a {background: #00394a; text-align: left; padding-left: 1em; font: bold 10pt "Arial"}
/* Customize for hover effect on menu entries */
#menu a:hover {color: #e0e0e0;}
#menu li {position: relative;}
#menu ul ul {position: absolute; z-index: 500;}
#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;}