body { font-family: Verdana; }

div.title
{
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
    z-index: 0;
}

div.mainmenu {
    position: absolute;
    left: 10px;
    top: 50px;
    font-weight: bold;
    z-index: 1;
}

div.menu {
    float: left;
    margin-left: 10px; 
}

div.popup a
{
    background-color:#0B0B61;
    color:#FFFF99;
    text-decoration:none;
}

div.popup a:hover  
{
    background-color:#0B0B61;
    text-decoration:none;
    color:#FFFF00;
}

div.menu div.button 
{
    width: 175px;
    background-color:#045FB4;
    color:#FFFF99;
    padding: 5px;
    border: none;
    white-space:nowrap;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

div.menu div.button:hover
{
    width: 175px;
    background-color:#0B0B61;
    color:#FFFF99;
    padding: 5px;
    border: none;
    background-color:#0B0B61;
    text-decoration:none;
    color:#FFFF00;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:2px 2px 10px #000;
    -webkit-box-shadow:2px 2px 10px #000;
    box-shadow:2px 2px 10px #000;
    <!--[if IE]>
         -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4)";
         filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4);
    <![endif]-->
}

div.menu div.button a 
{
    background-color:#045FB4;
    color:#FFFF99;
    text-decoration:none;
}

div.menu div.button:hover
{
    background-color:#0B0B61;
    color:#FFFF00;
}

div.menu div.button:hover a
{
    background-color:#0B0B61;
    color:#FFFF00;
    text-decoration:none;
}

div.menu div.button a:hover
{
    background-color:#0B0B61;
    color:#FFFF00;
    text-decoration:none;
}

div.menu div.topmenu 
{
    width: 175px;
    background-color:#045FB4;
    color:#FFFF99;
    padding: 5px;
    border: none;
    white-space:nowrap;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

div.menu div.topmenu:hover
{
    width: 175px;
    background-color:#0B0B61;
    color:#FFFF99;
    padding: 5px;
    border: none;
    background-color:#0B0B61;
    text-decoration:none;
    color:#FFFF00;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

div.menu div.topmenu a 
{
    background-color:#045FB4;
    color:#FFFF99;
    text-decoration:none;
}

div.menu div.topmenu:hover
{
    background-color:#0B0B61;
    color:#FFFF00;
}

div.menu div.topmenu:hover a
{
    background-color:#0B0B61;
    color:#FFFF00;
    text-decoration:none;
}

div.menu div.topmenu a:hover
{
    background-color:#0B0B61;
    color:#FFFF00;
    text-decoration:none;
}

div.menu:hover div:first-child { border-bottom: none; }
div.menu div.popup { display: none; }
div.menu:hover div.popup { 
    display: block; 
    background-color:#0B0B61;
    text-decoration:none;
    color:#FFFF00;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:2px 2px 10px #000;
    -webkit-box-shadow:2px 2px 10px #000;
    box-shadow:2px 2px 10px #000;
    <!--[if IE]>
         -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4)";
         filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4);
    <![endif]-->
}


div.menu div {
    width: 175px;
    background-color:#045FB4;
    color:#FFFF99;
    padding: 5px;
    border: none;
    white-space:nowrap;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}


div.popup div, div.popup a { display:block; text-decoration: none; margin: 2px 2px 2px 5px; }
div.popup div + div, div.popup a + a { margin-top: 10px; } 

div.content {
    position: absolute;
    left: 20px;
    top: 95px;
    border: 1px;
}