body {
	color: white;
	font-family: Georgia, serif;
	font-weight: normal;
	background-color: #111;
	background-image: url(graphics/bg_line.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#page {
	width: 780px;
	margin: 0 auto;
	background-color: black;
	overflow: auto;
	padding-bottom: 0; 
}

header {
	display: block;
	text-align: center;
	margin: 4em auto;
}

ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

li {
	float: left;
	width: 400px;
	display: block;
	list-style: none;
	color: black;
	padding: 0.2em;
	padding-right: 2em;
	margin-top: 2em;
	text-align: right;
	background-color: #000;
	background-repeat: repeat-x;
/*	height: 40px;*/
/*	border: 1px solid #234E00;*/
}

li.even {
	padding-right: 0.2em;
	padding-left: 2em;
	float: right;
	width: 400px;
	text-align: left;

}

li.tree {
	background-image: url(graphics/leaves_bg.jpg);
}

li.wood {
	background-image: url(graphics/bark_bg.jpg);
}

li.other {
	text-align: center;
	width: 100%;
	padding: 0.2em 0;
}

li.other a {color: #777; text-decoration: none}
li.tree a {color: #9C6; text-decoration: none}
li.wood a {color: #C96; text-decoration: none}


a:hover {text-decoration: underline}
a:active {color: #47E4E4}
/*a:visited {color: #B0FFFF; text-decoration: none}*/

footer {
	float: left;
	margin: 5em 0 0 0;
	font-family: Verdana, sans-serif;
	color: #513b27;
}

footer p {
	margin: 0 0 0.5em 0.5em;
	font-size: x-small;
}

footer a {
	color: #b57237;
/*	background-color: #013; */
	text-decoration: none;
	border: none;

}

footer a:hover {
	text-decoration: none;
	border: 1px dotted #513b27;
	border-width: 0 0 1px 0;
}