/* ================================================================ 
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/doors_drop_line_two.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info {
    margin: 0px;
    padding: 0px;
}

/* for this demo only */
#nav {
    margin: 0px 0 30px 0;
    border: 0px solid green;
}

/* the styling */
#nav {
    float: left;
    padding-left: 10px;
    width: 740px;
    height: auto;
    background: #fff url("images/bottom_line.gif") repeat-x bottom;
    position: relative;
}

#nav .select, #nav .current {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#nav li {
    display: inline;
    margin: 0;
    padding: 0;
    height: auto;
}

#nav .select a, #nav .current a {
    display: block;
    height: 21px;
    float: left;
    background:url("images/left_both.gif") no-repeat left top;
    padding: 0 0 0 3px;
    border-bottom: 1px solid #000;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: normal;
    margin-left: 5px;
    font-family: helvetica;
}

* html #nav .select a, * html #nav .current a {
    width: 1px;
}

#nav .select a b, #nav .current a b {
    height: 100%;
    display: block;
    background: url("images/right_both.gif") no-repeat right top;
    padding: 0 9px 0 6px;
    color: #7a8085;
    font-weight: normal;
}

#nav .select a:hover, #nav .select li:hover a {
    background-position: 0 -75px;
    border-color: #f89121;
    cursor: pointer;
}

#nav .select a:hover b, #nav .select li:hover a b {
    background-position: 100% -75px;
    border-color: #f89121; 
    color: #fff;
}

#nav .sub {
    display: none;
}

/* for IE5.5 and IE6 only */
#nav table {
    position: absolute;
    border-collapse: collapse;
    left: 0; top:0;
    font-size: 11px;
}

#nav .current a { 
    background-position: 0 -75px;
    border-color: #f89121;
}

#nav .current a b {
    background-position: 100% -75px;
    color: #fff;
}

#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover {
    /*
    background: #f89121;
    */
    background: #f89121 url(images/sub_back_on.gif) top right no-repeat;
    color: #fff;
}

#nav .sub_active .current_sub a, #nav .sub_active a:hover {
    background: #f89121 url(images/sub_back_on.gif) top right no-repeat;
    color: #fff;
}

#nav .select li a:hover .sub, #nav .select li:hover .sub {
    display: block;
    position: absolute;
    width: 750px;
    top: 21px;
    left: 0;
    /* background: #f89121 url(images/sub_back.gif); */
    background: #1da8d6;
    margin-top: 1px;
    padding: 0 0 0px 0;
    z-index: 100;
    color: #000;
    border: 0px solid green;
}

#nav .sub, #nav .sub_active {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav .sub_active {
    display: block;
    position: absolute;
    width: 750px;
    top: 21px;
    left: 0;
    /* background: #f89121 url(images/sub_back.gif); */
    background: #1da8d6;
    margin-top: 1px;
    padding: 0 0 0px 0;
    z-index: 10;
    color: #000;
    border: 0px solid green;
}

* html #nav .sub_active, * html #nav .select a:hover .sub {
    z-index: -1;
    margin-top: 0;
    margin-t\op: 1px;
}

#nav .sub_active a {
    height: 21px;
    float: left;
    text-decoration: none;
    line-height: 20px;
    white-space: nowrap;
    font-weight: normal;
    font-family: helvetica;
}

#nav .sub_active a, #nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
    display:inline;
    /* background: #f89121 url(images/sub_back_off.gif) top right; */
    background: #1da8d6 url(images/sub_back_off.gif) top right;
    padding: 0 20px;
    margin: 0;
    font-size: 12px;
    letter-spacing: 1px;
    width: auto;
    white-space: nowrap;
    font-weight: normal;
    border: 0;
    color: #fff;
    font-family: helvetica;
}