ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
/* float: left; */
/* width: 100%; */
width: 25em;
color: #000;
background-color: #9BAB7A;
/* background-color: #ED7660; */
}

ul#navlist li 
{ 
width: 33.3%;
display: inline; 
}

ul#navlist li a
{
float: left;
width: 33.3%;
color: #000;
background-color: #ED7660;
padding: .5em 0;
text-align: center;
text-decoration: none;
font-size: 11px;
}

ul#navlist li a:hover
{
width: 33.3%;
background-color: #ACBFC5;
color: #000;
}

#navlist li a.active, #navlist li a:active
{
  width: 33.3%;
  color: #000; 
  background-color: #F1F093;
}

#navlist li a:hover.active, #navlist li a:hover.active
{
  width: 33.3%;
  color: #000; 
  background-color: #ACBFC5;
}

/* SUB NAVLIST */

ul#info_navlist
{
padding: 0;
margin: 0;
list-style-type: none;
/* float: left; */
/* width: 100%; */
width: 33.2em;
color: #fff;
background-color: #9BAB7A;
}

ul#info_navlist li { width: 33.2%; display: inline; }

ul#info_navlist li a
{
float: left;
width: 33.2%;
color: #fff;
background-color: #2A2F69;
padding-top: .5em;
padding-bottom: .5em;
text-align: center;
text-decoration: none;
font-size: 11px;
}

ul#info_navlist li a:hover { width: 33.2%; background-color: #ACBFC5; color: #fff; }

#info_navlist li a.infoactive { width: 33.3%; color: #fff; background-color: #686CB3; }
#info_navlist li a:hover.infoactive { width: 33.3%; color: #000; background-color: #ACBFC5; }