.br{
			clear: both;margin: 0;
			padding: 0;
			font-size: 1px;
}

#navcontainer
{
padding: 1em 0 0.5em 1.5em;
margin: 0 auto;
text-align: left;
width: 100%;
}

/* 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: none;
padding: 5px 2px 5px 2px;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 18%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
border-width: 1px;
border-color: #F1E8DA #aaab9c #AAAB9C #F1E8DA;
border-style: solid;
font-family: georgia, serif;
background: #F1E8DA;
 padding: 5px 2px 5px 2px;
 margin: 1px;

}

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

ul#navlist li#active a
{
background: #f0e7d7;
text-decoration: none;

}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
background: #F6F0E6;
border-color: #aaab9c #fff #fff #ccc;
text-decoration: none;

}
#navlist a:link{color: #282320;  text-decoration: none; }
#navlist a:visited{color: #282320;text-decoration: none;}
#navlist a:hover,#navlist a:active,#navlist a:focus
{color: #800000;  text-decoration: underline; }