body, p, div, th, td, li {
		font-family: Verdana, Helvetica, Sans-serif;
		font-size: 12px;
	}
	p {
		padding: 2px;
	}
	
	body {
		padding: 0;
		margin: 0;
		background-color: #DCDB81;
		color: black;
	}
	
	a {
		color: #42211E;
	}
	a:hover {
		color: #63211E;
	}

	a.menu {
		color: #FFC;
	}
	td.menu, th.menu, a.menu:hover {
		color: white;
	}

	a.menuhere {
		text-decoration: none; 
		color: #FC6;
	}
	a.menuhere:hover {
		color: white;
	}
	
	.yourmove {
		font-size: 14px;
		color: #600;
	}
	
	p.msg {
		font-size: 16px;
		font-style: italic;
		color: brown;
	}

	#ads_bottom {
		position: relative;
		width: 730px;
		clear: both;
		left: 50%;
		margin-left: -428px;
	}
	
	#adspace {
		position: absolute;
		color: inherit;
		width: 150px;
		left: 50%;
		margin-left: 300px;
		float: right;
 	}
	
	#pagecontainer {
		position: relative;
		width: 720px;
/*
		height: 380px; I'm hoping this means minimum, and
						will expand bigger when needed.
*/
		left: 50%;
		margin-left: -375px;
		background-color: #F5F5DC; /* beige */
		color: black;
/* 
		border-top: solid #EE9A49 2px;
		border-left: solid #EE9A49 1px;
		border-right: solid #300 1px;
		border-bottom: solid #300 2px;
*/
		padding: 0px;
		margin-top: 8px;
		margin-bottom: 4px;
	}

	#menu {
 		background-color: #ac714b;
 		border: solid 1px #333;
		padding: 3px;
		border-bottom: solid #444 1px; /*#EE9A49 tan */
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#content {
		margin: 0px;
		padding: 4px;
/*
		height: 280px;
*/
		border: solid #ac714b 1px; /* #EE9A49 tan */
		border-top: solid #EE9A49 1px;
		background-color: #F5F5DC; /* beige */
		color: black;
	}