/* http://www.cssplay.co.uk/menus/dd_valid.html */

/* common styling */
/*.menu {font-family: arial, sans-serif; width:750px; height:100px; position:relative; font-size:11px; z-index:100;}*/
.menu {margin-top: 20px; width: 520px; position: absolute; top: 102px; right: 0px; text-align: right; z-index: 100;}

/*
.menu ul li a,
.menu ul li a:visited {
    display:block;
    text-decoration:none;
    color:#000; width:104px; height:20px; text-align:center;
    background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
*/
.menu ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;

    display: block;
    overflow: hidden;

    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 18px;
    margin-left: 16px;
}
.menu a:hover,
.menu a.active {
    color: #d9ed4e;
}

.menu ul {padding:0 0 0 90px; margin:0; list-style: none; background: none; /*border: 1px solid red;*/}
.menu li {list-style: none; background: none; margin: 0; padding: 0 0 0 0;}
.menu ul li {float:left; position:relative; height: 26px; padding: 5px 0 5px 0;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fff; background:#36f;}*/
/*.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}*/
.menu ul li:hover ul {
    margin: 0; padding: 0;
    display:block; position:absolute; top:35px; left:0;
    background: #f7f7b4;
    width: 179px;
    border: 1px solid #30600d;
}

/*
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
*/
/*.menu ul li:hover ul li ul {display: none;}*/
/*.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}*/
.menu ul li ul li {width: 179px; height: 24px; margin: 0; padding: 0; /*border: 1px solid red;*/}
.menu ul li:hover ul li a {
    background: none;
    display: block;
    width: 160px; height: 23px;
    text-align: left;
    text-transform: lowercase;
    font: bold 12px/23px Arial;
    color: #253611;
    border-bottom: 1px solid #9cb860;
    margin: 0 10px 0 10px; padding: 0;
    white-space: nowrap;
}
.menu ul li:hover ul li a:hover {color: #253611;}

/*
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
*/
.menu ul li:hover ul li:hover,
.menu ul li:hover ul li.active {
    background: url('../images/site/li_li_bg.jpg') no-repeat top left;
    width: 179px; height: 24px;
}
.menu ul li:hover ul li.last a {border: none;}

/*
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
*/

/* there are a few menu corrections in ie6.css */