/* ================================================================ 

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: 10px;

    letter-spacing: 1px;

    width: auto;

    white-space: nowrap;

    font-weight: normal;

    border: 0;

    color: #fff;

    font-family: helvetica;

}


