#navcontainer{background:#f0e7d7;margin:0 auto;padding:0 0 0 0;font-family:georgia,serif;width:360px}#navcontainer:after{content:"";display:block;line-height:1px;font-size:1px;clear:both}ul#navlist{list-style:none;padding:0;margin:0 auto;width:360px;font-size:18px}ul#navlist li{display:block;float:left;width:180px;margin:0;padding:0}ul#navlist li a{display:block;width:100%;padding:5px 10px 5px 10px;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{font-size:18px;background:#f0e7d7;color:#be005d;background:transparent;border-color:#aaab9c #fff #fff #ccc}ul#navlist li a:hover,ul#navlist li#active a:hover{color:#9d37ff;background:transparent;border-color:#aaab9c #fff #fff #ccc}#navcontainer2{background:#f0e7d7;margin:0 auto;padding:0 0 0 0;font-family:georgia,serif;width:280px}#navcontainer2:after{content:"";display:block;line-height:1px;font-size:1px;clear:both}ul#navlist2{list-style:none;padding:0;margin:0 auto;width:280px;font-size:18px}ul#navlist2 li{display:block;float:left;width:140px;margin:0;padding:0}ul#navlist2 li a{display:block;width:100%;padding:5px 10px 5px 10px;border-width:1px;border-color:#ffe #aaab9c #ccc #fff;border-style:solid;color:#777;text-decoration:none;background:#f7f2ea}#navcontainer2>ul#navlist2 li a{width:auto}ul#navlist2 li#active a{font-size:18px;background:#f0e7d7;color:#be005d;background:transparent;border-color:#aaab9c #fff #fff #ccc}ul#navlist2 li a:hover,ul#navlist2 li#active a:hover{color:#9d37ff;background:transparent;border-color:#aaab9c #fff #fff #ccc}