/* Below is the container css */

.navcontainer {
margin: 0 auto;
padding: 1em 0 0 0;
text-transform: uppercase;}

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

ul.navlist {
list-style-type: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 90%;
clear: left;}

ul.navlist li {
display: block;
float: left;
width: 76%;
margin: 0;
padding: 0;
border: outset;}

ul.navlist li a {
display: block;
width: 100%;
padding: 1.0em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #0000A0;
text-decoration: none;
background: #e7f6f5;}

.navcontainer>ul.navlist li a { width: auto; }

ul.navlist li.active a {
background: #1ae8f2;
color: #800000;}

ul.navlist li a:hover, ul.navlist a:hover {
color: #800000;
background: transparent;}

/* end of the container css */