#navcontainertop
     { font-family: verdana, serif; background: #aeb9be; text-align: right; text-transform: uppercase; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0 0 0 220px; width: auto; height: 26px }

/* to stretch the container div to contain floated list */
#navcontainertop:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlisttop
   { font-size: 0.8em; list-style-type: none; list-style-image: none; margin: 0; padding: 0; width: 100% }

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

ul#navlisttop li a
      { color: #777; text-decoration: none; background: #c2cfd4; display: block; margin: 0; padding: 5px 18px 5px 17px; border-style: solid; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff }

#navcontainertop>ul#navlisttop li a { width: auto; }

ul#navlisttop li#activetop a
 { color: #fff; background: #9aa7ac }

ul#navlisttop li a:hover, ul#navlisttop li#active a:hover
 { color: #e4eef2; background: transparent; border-color: #aaab9c #fff #fff #ccc }