div#menu {
    margin: 0 0 1em 0;
    padding: 0px;
    background: #eee;
    height: 40px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border--bottom-left-radius: 10px;
    -webkit-border--bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

div#menu ul {
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 5px;
    font-size: 13px;
    background: #eee;
    line-height: 40px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border--bottom-left-radius: 10px;
    -webkit-border--bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 0px;
    white-space: nowrap;
}

div#menu li {
    list-style-type: none;
    display: inline;
}
div#menu li a {
    text-decoration: none;
    display: inline;
    padding: 8px 15px;
    color: #666;
}
div#menu li a:hover, div#menu li.active a {
    background: #f5f5f5;
    color: #999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* Black Menu */
div#menu.black {
    background: #333;
}
div#menu.black a {
    color: #CCC;
}
div#menu.black li a:hover, div#menu.black li.active a {
    color: #999; 
    background: #555; 
}


/* Blue Menu */
div#menu.blue ul {
    background: #356AA0;
}
div#menu.blue a {
    color: #fff;
}

div#menu.blue li a:hover, div#menu.blue li.active a {
    color: #90CDFF; 
    background: #3D7BBB;
}

/* Red Menu */
div#menu.red {
   background: #660000;
}
div#menu.red a {
    color: #fff;
}
div#menu.red li a:hover, div#menu.red li.active a {
    color: #F27F84;
    background: #990000;
}

/* Orange Menu */
div#menu.orange {
    background: #d15600;
}
div#menu.orange a {
    color: #fff;
}
div#menu.orange li a:hover, div#menu.orange li.active a {
    color: #FA9B5B;
    background: #B44500;
}