#navcontainer
{
margin: 10px 0 0 20px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a {
background: #ffffff;
width: 78px;
height: 18px;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 0;
margin: 0 0 10px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a.largaextrema {
width: 100px;
border-right: 1px solid #666666;
}

#navcontainer ul li a.extrema {
border-right: 1px solid #666666;
}

#navcontainer ul li a:hover
{
color: #930;
background: #cccccc;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer a.largaextrema:active
{
background: #ffffff;
color: #000000;
}

#navcontainer li#active a
{
background: #cc0000;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
color: #fff;
}

#navcontainer li#active a.largaextrema
{
background: #cc0000;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
color: #fff;
border-right: 1px solid #666666;

}

/* ------------------------------------------------------------------------------------ */

#submenu
{
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

#submenu ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#submenu ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#submenu ul li a {
background: #ffffff;
height: 18px;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 0;
margin: 0 0 10px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#submenu ul li a.extrema
{
border-right: 1px solid #666666;
}

#submenu ul li a:hover
{
color: #930;
background: #cccccc;
}

#submenu a:subactive
{
background: #c60;
color: #fff;
}

#submenu li#subactive a
{
background: #cc0000;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
color: #fff;
}

#submenu li#subactive a.extrema
{
border-right: 1px solid #666666;
}