@charset "utf-8";
/* -- MAIN MENU --*/

ul.menu {
    display: inline;
    margin: 0;
    padding: 0;
}
ul.menu li {
    display: inline-block;
    white-space:nowrap;
    margin:0;
    padding:0;
    position: relative;
}
ul.menu li a {
    color: #777;
    display: block;
    font: normal 14px arial, helvetica, sans-serif;
    margin: 0px;
    padding: 9px 20px 9px 0;
    text-decoration: none;
}

/* -- 1st Submenu -- */
ul.menu li:hover > ul {
    display: block;
}
ul.menu li:hover > a {
    color:#1068b2;
    text-decoration: none;
}
ul.menu ul {
    width: 160px;
    background:#eee;
    margin: 0;
    padding: 0;
    display: none;
    position:absolute;
    z-index:1000;
}
ul.menu ul li{
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    background:none;
}
ul.menu ul li:hover {
    background:#aaa;
}
ul.menu ul li a {
    display: block;
    color: #777;
    font: normal 13px arial, helvetica, sans-serif;
    padding: 4px 10px;
    margin: 0;
}
ul.menu ul li a:hover {
    color:#fff;
    text-decoration: none;
}


/* -- Hotlinks -- */
ul.hotlinks {
    display: inline;
    float: right;
    margin: 8px 0 0;
    padding:0;
    position: relative;
}
ul.hotlinks li {
    color: #888;
    font: normal 12px arial, helvetica, sans-serif;
    padding: 4px 8px;
    margin:0;
    display: inline;
}
ul.hotlinks li:hover > ul {
    display: block;
}
ul.hotlinks li:hover > a {
    color:#1068b2;
}
ul.hotlinks ul {
    min-width: 120px;
    background:#fff;
    border:1px solid #ddd;
    margin: 2px 0 0 0;
    padding: 0;
    display: none;
    position:absolute;
    right:0;
    z-index:1000;
}
ul.hotlinks ul li{
    margin: 2px;
    padding: 0;
    display: block;
    clear: both;
    background:none;
}
ul.hotlinks ul li:hover {
    background:#fff;
}
ul.hotlinks ul li a {
    display: block;
    font: normal 12px arial, helvetica, sans-serif;
    padding: 4px 10px;
    margin: 0;
}
ul.hotlinks ul li a:hover {
    color:#1068b2;
    text-decoration: none;
}