IMG {
	DISPLAY: block
}
.inline {
	DISPLAY: inline
}
STRONG {
	FONT-WEIGHT: bold
}
PRE {
	MARGIN-BOTTOM: 10px; FONT: 10px monaco, "andale mono", courier, "courier new", sans-serif; MARGIN-LEFT: 30px; COLOR: black; MARGIN-RIGHT: 30px; BACKGROUND-COLOR: #fff
}
P {
	MARGIN-TOP: 0px; FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
OL {
	MARGIN-TOP: 0px; FONT: 11px/18px georgia, palatino, serif
}
LI {
	MARGIN-TOP: 0px; FONT: 11px/18px georgia, palatino, serif
}
DL {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 15px
}
DT {
	FONT: 10px/15px geneva, verdana, sans-serif
}
DD {
	FONT: 10px/15px geneva, verdana, sans-serif
}
H4 {
	MARGIN-TOP: 1px; MARGIN-BOTTOM: 10px; FONT: bold 12px verdana, helvetica, sans-serif; MARGIN-LEFT: 30px; COLOR: #f60; BACKGROUND-COLOR: #fff
}
H2 {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 0px; FONT: bold 14px verdana, arial, helvetica, sans-serif; COLOR: #930; BACKGROUND-COLOR: #fff
}
H1 {
	MARGIN-TOP: 2px; MARGIN-BOTTOM: 0px; FONT: bold 22px verdana, helvetica, arial, sans-serif; COLOR: #990000; BACKGROUND-COLOR: fff5df
}
CODE {
	BACKGROUND: none transparent scroll repeat 0% 0%; FONT: 11px monospace; CURSOR: help; COLOR: #c60; BORDER-BOTTOM: #c60 1px dotted
}
BODY {
	BACKGROUND: 996633; MARGIN: 0px; COLOR: black
}
BLOCKQUOTE {
	MARGIN-BOTTOM: 10px; FONT: 11px/18px georgia, palatino, serif; MARGIN-LEFT: 15px; COLOR: #630; MARGIN-RIGHT: 15px; BACKGROUND-COLOR: #fff
}
B {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #999
}
ADDRESS {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; FONT: 9px geneva, verdana, sans-serif
}
A:link {
	FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A:visited {
	FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #f60; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A:active {
	FONT-WEIGHT: bold; TEXT-DECORATION: underline overline
}
.out {
	FONT: 12px georgia, palatino, serif
}
.mousetype {
	FONT: 0.8em georgia, palatino, serif
}
.main {
	MARGIN-BOTTOM: 10px; FONT: 11px/18px georgia, palatino, serif
}
.butt {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #f60; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px geneva, verdana, arial, sans-serif; COLOR: #fff; PADDING-TOP: 0px
}
.bestbits {
	MARGIN-BOTTOM: 10px; FONT: 10px/15px geneva, verdana, arial, sans-serif
}
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a></li>
</ul></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>

#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: #ECE9D8;
}