﻿img#slalom
{
    border-bottom: 10px solid #2e2e2e;
}
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/black-anywidth-centered.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#container
{
    padding: 20px 0 0 0;
    background: #444;
    border-bottom: 6px solid #333;
    width: 800px;
}
#menu
{
    height: 66px;
    background: url(../images/menu/backoff.gif) repeat-x;
    border-top: 1px solid #afbfc9; /* LINE ACROSS TOP */
    border-bottom: 1px solid #afbfc9; /* LINE ACROSS BOTTOM */
    text-align: center;
}
#menu table
{
    border-collapse: collapse;
    width: 0;
    height: 0;
    margin: -1px;
}
#menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    text-align: left;
    position: relative;
}
#menu ul
{
    display: inline-block;
}
#menu ul.level1
{
    padding-right: 2px;
    background: url(../images/menu/divide.gif) no-repeat right top;
}
#menu li
{
    float: left;
}
#menu ul div
{
    position: absolute;
    left: -9999px;
    top: -32000px;
}

#menu a
{
    display: block;
    font: normal 14px/39px arial,sans-serif;
    color: #777;
    height: 39px;
    text-decoration: none;
    padding: 0 14px;
    text-align: center;
}
#menu ul.level1 li.level1-li a.level1-a
{
    float: left;
    background: url(../images/menu/divide.gif) no-repeat left top;
}
#menu ul.level1 li.level1-li a.level1-a:hover
{
    background: url(../images/menu/hover-nosub.gif) no-repeat left top;
    border: 0;
    color: #fff;
    position: relative;
    z-index:2;
}
#menu ul.level1 li.level1-li a.level1-a.drop:hover
{
    background: url(../images/menu/hover.gif) no-repeat left top;
}
#menu ul.level1 li.level1-li:hover
{
    position: relative;
    z-index:2;
}
#menu ul.level1 li.level1-li:hover > a
{
    background: url(../images/menu/hover.gif) no-repeat left top;
    color: #fff;
    z-index:2;
}

#menu ul.level1 li.level1-li a.level1-a:hover b
{
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: 38px;
    background: #111;
    z-index:2;
}
#menu ul.level1 li.level1-li:hover > a b
{
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: 38px;
    background: #111;
    z-index:2;
}

#menu ul :hover div
{
    left: 0;
    top: 39px;
    background: #111;
    border: 1px solid #111;
    border-width: 0 1px 1px 1px;
    z-index:2;
}
#menu ul :hover div ul
{
    border: 1px solid #444;
    border-width: 0 1px 1px 1px;
    padding-bottom: 5px;
    z-index:2;
}
#menu ul :hover div ul li
{
    float: none;
    height: 25px;
    z-index:2;
}
#menu ul :hover div ul li a
{
    display: block;
    height: 25px;
    text-align: left;
    font: normal 13px/25px arial,sans-serif;
    z-index:2;
}
#menu ul :hover div ul li a:hover
{
    color: #fff;
    z-index:2;
}
