body{
    margin: 8px;
}

/* Horizontal Menu */
div.horizontal-menu
{
    display: block;
    height:20px;
    background-color:#4FC3F7;
    margin-bottom: 16px;
}
div.horizontal-menu ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
div.horizontal-menu li
{
    margin-right: 5px;
    float:left;
}
div.horizontal-menu a
{
    display:block;
    width:100px;
}
div.horizontal-menu a:link,div.horizontal-menu a:visited
{
    font-weight:bold;
    color:#FFFFFF;
    background-color:#4FC3F7;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}
div.horizontal-menu a:hover,div.horizontal-menu a:active
{
    background-color:#01579B;
    color:#FFFFFF;
}

/* Vertical Menu*/
div.vertical-menu
{
    display: block;
    background-color:#4FC3F7;
}

div.vertical-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

div.vertical-menu a:link, div.vertical-menu a:visited {
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #4FC3F7;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

div.vertical-menu a:hover, div.vertical-menu a:active {
    background-color: #01579B;
    color:#FFFFFF;
}