/* 
Document   : menudropdown
Created on : 03-04-2009, 09:58:00 AM
Author     : Enrique
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* common styling 
.menu {
font-family: arial, sans-serif;
width:779px;
height:30px;
position:relative;
font-size:11px;
z-index:100;
background-color: #990099;
}*/
.menu ul li a, .menu ul li a:visited {    
    display:block;
    text-decoration:none;
    color:#000;
    /*width:109px;*/
    /**width:104px;*/
    height:18px;
    text-align:center;
    font-size:12px;
    overflow:hidden;
    background-color:#ffb400;
    margin-left: 5px!important;
    margin-right: 5px!important;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:0px;
}
.menu ul {
    padding:0;
    margin:0;
    list-style: none;
}
.menu ul li {
    float:right;
    position:relative;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000000;
    height: 12px;
    background-color: #ffb400;
}
.menu ul li ul {
    display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
    color:#ab1c00;
    background-color: #ffb400;
}
.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:18px;
    left:0;
    width:109px;
}
.menu ul li:hover ul li a.hide {
    background:#6a3;
    color:#ab1c00;
}
.menu ul li:hover ul li:hover a.hide {
    background-color: #ffb400;
    color:#ab1c00;
    
}
.menu ul li:hover ul li ul {
    display: none;
}
.menu ul li:hover ul li a {
    display:block;
    background-color: #ffb400;
    color:#000;
    text-align:left;
}
.menu ul li:hover ul li{
    background-color: #ffb400;
    float:left;
    height:18px;
    width:115px;
    text-align:left;
}
.menu ul li:hover ul li a:hover {
    background-color: #ffb400;
    color:#ab1c00;
}
.menu ul li:hover ul li:hover ul {
    display:block;
    position:absolute;
    left:106px;
    top:0;
}
.menu ul li:hover ul li:hover ul.left {
    left:-105px;
}