/* style sheet for Angel to Exit */
body { font-family: sans-serif; }
/*body {background-color:#e1e1ea;}*/
body {background-color:#f9f7f7;}

li {  padding: 5px 0; }

<style>
.b {border: none;  padding: 0px 0px;  text-align: center;  margin: 0px 0px;  opacity: 1.0;  transition: 0.3s;}
.b:hover {color: #ff4444; font-size: 24pt;}

.bb {border: none;  padding: 0px 0px;  text-align: center;  margin: 0px 0px;  opacity: 1.0;  transition: 0s;}
.bb:hover {color: #4444ff; font-size: 24pt;}

.p {display:inline; border: none;  padding: 0px 0px; margin: 0px 0px;  opacity: 1.0;  transition: 1.5s;}
.p:hover {color: #ff44ff;}

.h {border: none;  padding: 0px 0px; margin: 0px 0px;  opacity: 1.0;  transition: 0s;}
.h:hover {color: #ff44ff;}

@media all{.navmenu,.navmenu ul,.navmenu li
{  padding: 0px;  margin: 0px;}
.navmenu > li {  float: left;}
.navmenu li {  list-style-type: none;  border: 1px solid #3366cc;  color: #000000;  background-color: #6699FF;  padding: 2px;}
.navmenu ul {  display: none;  position: absolute;  margin-left: -3px;  margin-top: 2px;}
.navmenu li:hover > ul {  display: block;}
.navmenu ul.parent_hover {  display: block;}
.navmenu a {  display: block;  width: 100%;  text-decoration: none;}
.navmenu li:hover {  background-color: #f8f8fb;}
.navmenu li.hover, .navmenu a:hover {  background-color: #f8f8fb;}
.navmenu ul ul {  margin-top: -1.2em;  left: 99%;}
.navmenu span {  display: block; }
.navmenu {  float: left;  width: 100%;  background-color: #6699FF;}
.endmenu {  clear: left;}
}
<attach event="onmouseover" handler="mouseover" />
<attach event="onmouseout" handler="mouseout" />

</style>

<script type="text/javascript">
function mouseover() {  element.className += ' hover';
  for( var x = 0; x!=element.childNodes.length; ++x ) {if(element.childNodes[x].nodeType==1) {element.childNodes[x].className += ' parent_hover';}  }}
function mouseout() {element.className =  element.className.replace(/ ?hover$/,'');
  for( var x = 0; x!=element.childNodes.length; ++x )
  {if(element.childNodes[x].nodeType==1) {element.childNodes[x].className = element.childNodes[x].className.replace(/ ?parent_hover$/,'');}  }}
</script>