/* CSS Button Menu */
/* Written by Malcolm Schmidt 2008 */

.buttonmenu{
font: bold 13px Arial;
width: 100%; /* generally leave this value as is */
overflow: hidden;
}

.buttonmenu ul{
margin: 0;
padding: 0;
float: left;
width: 548px; /*width of menu*/
border: 1px solid #000000; /* border colour */
border-width: 1px 0;
background: black url(images/button_off.gif) center center repeat-x;
}

.buttonmenu ul li{
display: inline;
}

.buttonmenu ul li a{
float: left;
color: black; /* text colour */
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #000000; /* colour of divider between menu items */
}

.buttonmenu ul li a:visited{
color: black;
}

.buttonmenu ul li a:hover, .buttonmenu ul li .current{
color: black !important; /* text colour of selected and active button */
padding-top: 6px; /* shift text down 1px for selected and active button */
padding-bottom: 4px; /* shift text down 1px for selected and active button */
background: black url(images/button_on.gif) center center repeat-x;
}

</style>