* { margin: 0; padding: 0; }
body { color: #000; font: 100% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; margin: 0; padding: 0; background: #fff; }
p { color: #000; font: 90% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; margin: 20px; }
h1 { color: #000; font: 120% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; margin: 20px; }
a { color: blue; text-decoration: none; }
.topbar { background-image: url(../images/bg-dkbrown.gif); background-repeat: repeat-x; background-position: left top; }
.banner { background-image: url(../images/bg-header.gif); background-repeat: repeat-x; background-position: left top; }


	#main ul {
		margin-bottom: 0.5em;
		}

	#main ul li {
		/* 13px / 22px */
		font-size: 0.9em;
		line-height: 1.6923;
		list-style: none;
		list-style-position: inside;
		margin-left: 300px;
		}

	#container {
		border:0px solid #000; 
		margin:20px 10px 0px 10px;
		}

	#main {
		border:4px solid #105402; 
		background:#fff;
		margin:0px 10px 10px 10px;
		width:800px;
		height:760px;
		}

	#insert {
		border:0px solid #105402; 
		background:#fff;
		margin:0px 10px 10px 10px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #leftcolumn {
		text-align: center;
		border-bottom:0px solid #000; 
		float:left;
		width:250px;
		height:760px;
		background:#0d3904;
		margin:0px 20px 0px 0px;
		}

	#main #leftcolumn A:link { color: #fff; text-decoration: none; }
	#main #leftcolumn A:visited { color: #fff; text-decoration: none; }
	#main #leftcolumn A:hover { color: #f4fd03; text-decoration: none; }
	#main #leftcolumn A:active { color: #fff; text-decoration: none; }

	p,h1,pre {
		margin:0px 10px 10px 10px;
		}