/*  My Style.css   */
body {
	background-color: #04859D;
<!--	background-image: url("background.jpg");-->
}
#head {
	font-size: 150%;
	position: absolute;
	left: 1%;
	top: 1%;
	width: 96%;
	height: 14%;
	font-family: fantasy;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	text-align: center;
	color: black;
	background-color: #015666;
	border-color: blue;
	border-width: .25em;
	border-style: inset;
	border: 3px black solid;
	padding-bottom:1%;
	padding-right: 1%;
	padding-left: 1%;
}
#menubox {
        font-size: 100%;
	font-family: monospace;
	color: black;
	background-color: #5FBDCE;
	border: 3px black solid;
	position: absolute;
	left: 1%;
	top: 18%;
	width: 96%;
	height: 6%;
	padding-right: 1%;
	padding-left: 1%;
	z-index:10000000000000	!important;  <!-- ensures the menu is at the front of all items -->
}
	
#left {
	font-size: 100%;
	font-family: monospace;
	color: black;
	background-color: #5FBDCE;
	border: 3px black solid;
	position: fixed;
	left: 1%;
	top: 26%;
	width: 12%;
	height: 20%;
	padding-right: 1%;
	padding-left: 1%;
}
#right {
	border: 3px black groove;
	font-family: monospace;
	float: right;
	top: 26%;
	left:15.5%;
	width: 81.5%;
	height: 20%;
	color: black;
	background-color: #37B6CE;
	position: absolute;
	padding-right: 1%;
	padding-left: 1%;
}

#sright {
	border: 3px black groove;
	font-family: monospace;
	float: right;
	top: 26%;
	left:15.5%;
	width: 81%;
	<!--height: 120%;-->
	color: black;
	background-color: #37B6CE;
	position: absolute;
	padding-right: 1%;
	padding-left: 1%;
}

#bottom {
	font-size: 75%;
	position: absolute;
	left: 1%;
	top: 50%;
	width: 96%;
	height: 25%;
	font-family: fantasy;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	text-align: left;
	color: black;
	background-color: #37B6CE;
	border-color: blue;
	border-width: .25em;
	border-style: inset;
	border: 3px black solid;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
}
<!-- the following is formatting for the button list menu -->
<!-- Vertial list menu -->
#menu li {
	list-style-type: none;
	width: 5em;
	text-align: center;
	margin-left: 0em;
}
#menu a {
	text-decoration: none;
	color: black;
	display: block;
	border: 3px #015666 outset;
	background-color: #015666;
}
#menu a:hover {
	border: 3px #015666 inset;
}

<!-- Horizontal list menu -->

#hmenu ul {
	margin-left: 0em;
}

#hmenu li {
	list-style-type: none;
	border: black solid 1px;
	float: left;
	width: 10em;
	text-align: center;
	margin-left: 0em;
	background-color: #CCCCCC;
}

#hmenu a {
	text-decoration: none;
	color: black;
	display: block;
}
#hmenu a:hover {
	background-color: white;
}

#hmenu li ul{
	display: none;
	text-align: center;
	float: left;
	margin-left: 0em;
}

#hmenu li:hover > ul{
	display: block;
}

#hmenu li li li{
	margin-left: 0em;
}