body {
	background: #3c2401;
	color: #fff;
	text-align: center;
	min-width: 820px;
}

#maincontainer {
	margin:0 auto;
	text-align: left;
        display: block;
        width: 820px;
        height: 650px;
        background: #000;
}

#titlebar {
        border: solid #fff 1px;
        padding: 5px;
        height: 10%;
        overflow: hidden;
        background-image: url('titlebar.gif');
}

#nav {
        display: block;
        border-left: solid #fff 1px;
        border-bottom: solid #fff 1px;
        border-right: solid #fff 1px;
        width: 170px;
        text-align: left;
        height: 90%;
        background: #131313;
        overflow: hidden;
        float: left;
}

#content {
        display: block;
        padding: 10px;
        text-align: left;
        border-bottom: solid #fff 1px;
        border-right: solid #fff 1px;
        padding: 3px;
        width: 640px;
        height: 89%;
        background: #000;
        overflow: auto;
        background-image: url('hemlock.gif');
}

ul,li {
	list-style-type: none;
}

li {
	margin-left: -30px;
	padding-top: 20px;
	padding-left: 25px;
	font-family: arial black, san-serif;
	font-size: 12pt;
	background: url('checkerdot.gif') 0% 80% no-repeat;
}

li:hover {
		background: url('checkerdot-on.gif') 0% 80% no-repeat;
}
a {
	text-decoration: none;
	color: c99;
}
a.nav {
	text-decoration: none;
	color: #fbb;
}
	
a.nav:hover {
	text-decoration: none;
	color: #fdd;
}