.bevelmenu{
font: bold 11px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #90bade;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 1.0em;
text-decoration: none;
color: #000080;
background-color: #90bade;
border: 1px solid #ffff00;
}

.bevelmenu li a:hover{
color: white;
background-color: #2175bc;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/* ---------------------------------------- */
/* footer menu */
.bevelmenu2{
font: bold 11px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #98E6D5;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu2 li{
list-style: none;
display: inline;
}

.bevelmenu2 li a{
padding: 3px 1.0em;
text-decoration: none;
color: #000000;
background-color: #68C3AF;
border: 1px solid #ffff00;
}

.bevelmenu2 li a:visited{
padding: 3px 1.0em;
text-decoration: none;
color: #000000;
background-color: #68C3AF;
border: 1px solid #ffff00;
}

.bevelmenu2 li a:hover{
color: white;
background-color: #2175bc;
border-style: outset;
}

html>body .bevelmenu2 li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}