/*------------------------------------Inicio del menu inferior--------------------------------------*/
#nav, #nav div {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 22px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px
    }
#nav div {
    background: #FFF;
    border: solid 1px #164e89;
    padding: 10px
    }
#nav a {
    display: block;
    padding: 0;
    color: #525252;
    text-decoration: none;
    text-transform: uppercase
    }
#nav a:hover {
    color: #FFF
    }
#nav li {
    float: left;
    position: relative
    }
#nav li ul li a {
    text-transform: none;
    text-decoration: none
    }
#nav div li {
    float: none
    }
#nav li ul li a:hover {
    color: #06C;
    text-decoration: underline
    }
#nav div {
    position: absolute;
    display: none;
    top: 43px;
    z-index: 9999999999
    }
#nav div table {
    text-align: left
    }
#nav div table td {
    padding: 0 30px 0 0
    }
#nav div h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    margin: 0
    }
#nav div h1.lila {
    border-bottom: 3px solid #968eb2;
    color: #968eb2
    }
#nav div h1.cafe {
    border-bottom: 3px solid #beaa32;
    color: #beaa32
    }
#nav div h1.verde {
    border-bottom: 3px solid #8BC072;
    color: #8BC072
    }
#nav div ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style-position: outside;
    list-style-image: url(../Images/icon01.jpg);
    list-style-type: none
    }
#nav div ul.uno {
    list-style-image: url(../Images/icon01.jpg)
    }
#nav div ul.dos {
    list-style-image: url(../Images/icon02.jpg)
    }
#nav div ul.tres {
    list-style-image: url(../Images/icon03.jpg)
    }
#nav div ul a {
    height: auto
    }
#nav li ul ul {
    left: 12em;
    margin: 0 0 0 10px
    }
#nav div ul li ul a {
    font-size: 11px;
    color: #6d6d6d;
    line-height: 14px
    }
#nav div ul li ul {
    /*display:none; ------- usar si se quiere que se expanda */
    list-style-position: outside;
    list-style-image: url(../Images/subicon.jpg);
    list-style-type: none
    }
/*#nav div ul li:hover ul {
	display:block;
}*/
a.Who {
    background: url(../Images/menu_who_whet.gif) top left no-repeat;
    height: 44px;
    width: 121px;
    text-indent: -99999em
    }
a.Read {
    background: url(../Images/menu_read_the_charter.gif) top left no-repeat;
    height: 44px;
    width: 119px;
    text-indent: -99999em
    }
a.Areas {
    background: url(../Images/menu_areas_work.gif) top left no-repeat;
    height: 44px;
    width: 121px;
    text-indent: -99999em
    }
a.Involved {
    background: url(../Images/menu_get_involved.gif) top left no-repeat;
    height: 44px;
    width: 120px;
    text-indent: -99999em
    }
a.Endorse {
    background: url(../Images/menu_endorse.gif) top left no-repeat;
    height: 44px;
    width: 120px;
    text-indent: -99999em
    }
a.Donate {
    background: url(../Images/menu_donate.gif) top left no-repeat;
    height: 44px;
    width: 121px;
    text-indent: -99999em
    }
a.Who:hover {
    background: url(../Images/menu_who_whet.gif) bottom left no-repeat
    }
a.Read:hover {
    background: url(../Images/menu_read_the_charter.gif) bottom left no-repeat
    }
a.Areas:hover {
    background: url(../Images/menu_areas_work.gif) bottom left no-repeat
    }
a.Involved:hover {
    background: url(../Images/menu_get_involved.gif) bottom left no-repeat
    }
a.Endorse:hover {
    background: url(../Images/menu_endorse.gif) bottom left no-repeat
    }
a.Donate:hover {
    background: url(../Images/menu_donate.gif) bottom left no-repeat
    }
a.hoverMenu {
    background-position: left bottom
    }
/*------------------------------------Fin del menu inferior--------------------------------------*/