h1           { font-family: Verdana }
h1           { font-size: 10pt; }
h1           { color: #111683 }
h1           { text-align: left }

h2           { font-family: Verdana }
h2           { font-size: 10pt; }
h2           { color: #111683}
h2           { text-align: left }

h3           { font-family: Verdana }
h3           { font-size: 10pt; }
h3           { color: #111683}
h3           { text-align: left }

p           { font-family: Verdana }
p          { font-size: 10pt; }
p          { color: black }
p           { text-align: left }




<style type="text/css">


.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #D7EFCB;
text-align: left; /*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 0.5em;
text-decoration: none;
color: #D7EFCB;
background-color: #0094D9;
border: 2px solid #D7EFCB;
}

.bevelmenu li a:hover{
color: #0094D9;
background-color: #D7EFCB;
border-style: outset;
border: 2px solid #0094D9;
}

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