/*  Links in a horizontal mainmenu  */
/*  based on http://uk.builder.com/architecture/web/0,39026570,20283056,00.htm  */
/*  use <div id="mainmenu"> to define a horizontal mainmenu as an unordered list */
div#mainmenu {
    height: 21px;
    width: 100%;
    border-top: solid #831822 2px;
    border-bottom: solid #831822 1px;
    background-color: #831822;
}   
    div#mainmenu a {
    font-size: small;
}
div#mainmenu ul {
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: regular;
    color: #ffffff;
    line-height: 20px;
    white-space: nowrap;
}
div#mainmenu li {
    list-style-type: none;
    display: inline;
}
div#mainmenu li a {
    text-decoration: none;
    padding: 4px 24px;
    color: #ffffff;
}
div#mainmenu li a:link {
    color: #ffffff;
}
div#mainmenu li a:visited {
    color: #ffffff;
}
div#mainmenu li a:hover {
    color: #831822;
    background-color: #ffffff;
}