<style>
body {
    font-family: Arial, sans-serif;
    max-width: 900px;
    margin: 40px auto;
}

#menu {
    text-align: center;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu li {
    display: inline-block;
    margin: 0 3px;
}

#menu a {
    display: block;
    padding: 5px 12px;

    background: #cccccc;

    border: 1px solid #999999;

    color: black;

    font-size: 12px;

    letter-spacing: 0.5px;

    text-decoration: none;

    text-transform: uppercase;
}

#menu a:hover {
    background: white;
}

#menu a.active {
    background: white;
    font-weight: bold;
}

</style>
