<!-- CSS for Menus by Jim Hoyt -->

#navmenus p {
 display: none;
 }
/*affects the menu bar location*/
#navmenus ul {
 width: 100%;
 float: left;
 padding: 0px;
 margin-left: 0;
 /* removes the white space at top */
 margin-top: 0px;
 font: bold 12px Arial, sans-serif;
 background-color: #60b7e1;
 }
  
#navmenus ul li {
list-style: none;
margin-top: 4px;
/*set distance between drop down items*/
margin-bottom: 7px;
float: left;
}

#navmenus ul li a {
padding-left: 15px;
padding-right: 15px;
padding-top: 4px;
padding-bottom: 4px;
margin-right: 0px;
color: #FFF;
background-color: #60b7e1;
text-decoration: none;
<!-- inline or block -->
display: block;
/*width: 7em;*/
}

#navmenus li a:link {
color: #FFF;
}

#navmenus li a:visited {
color: #FFF:
}

/*drop-down*/
#navmenus ul li ul li a {
background: #60b7e1;
color: #FFF;
}

/*drop-down hover*/
#navmenus li a:hover {
color: #FFF;
background-color: #00557b;
}

/*drop-down position*/
#navmenus ul li ul {
position: absolute;
left: -999em;
float: none;
}

#navmenus ul li:hover ul {
left: auto;
/*sets width of drop down items*/
width: 230px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}