html {height:100%;}
body {height:95%; font-family: Arial,'Times New Roman',sans-serif; background-color: #FFA500;}
a {color: #0000FF;}
a:active {color: #FFD700;}
a:hover {color: #ffffff; background-color: #0000FF;}
#navcontainer {background: #f0e7d7; width: 30%; margin: 0 auto; padding: 1em 0; font-family: georgia, serif; font-size: 13px; text-align: center; text-transform: lowercase;}
ul#navlist {text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 70%;}
ul#navlist li {display: block; margin: 0; padding: 0;}
ul#navlist li a {display: block; width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea;}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a {background: #f0e7d7; color: #800000;}
ul#navlist li a:hover, ul#navlist li#active a:hover {color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc;}