<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #1342A2;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

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

.bevelmenu li a {
padding: 3px 0.5em;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: white;
background-color: #1342A2;
border: 2px solid #1342A2;
}

.bevelmenu li a:hover {
color: black;
background-color: #E2DBDB;
border-style: outset;
}

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