/* style sheet for Angel to Exit */
body { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
/*body {background-color:#e1e1ea;}*/
body {background-color:#e1bbea; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 16pt; margin-left:10%; margin-right:10%;}
a:visited {color:#000000;}
p {text-align: justify; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}

div {font-size:16pt;font-family: Sans-Serif;}

/*<!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" />