body {
  background-color: #000000;
  font-size:           x-small;
  color:          white;
  font-family:         Garamond, Times, serif;
  line-height:         1.3em;
}


h1, h2 {
  color:               #DAA520;
}


h1 {
  font-size:           150%;
}

h2 {
  font-size:           130%;
  }

* {
	margin:2;
	padding:0;
}

#rightcol {
	width: 300px;
	float: right;
	margin-top: -446px; 
}
}

#leftcol {
	width: 600px;
	float: left;
}

#nav-buttons {
	overflow:hidden; /* wrap floats */
	width:490px; /* trips haslayout, wraps floats in IE */
	background:url(images/btn-nav.jpg) 0 0 no-repeat;
}

#nav-buttons li {
	position:relative;
	float:left;
	width:120px; 
	height:45px;
	overflow:hidden;
	background:#073420;
}

#nav-buttons a {
	position:absolute;
	/*
		There's a bug where IE won't re-render position changes unless an
		items display state changes, so we set inline here, which gets
		overridden by the absolute positioning anyways. Then we change
		it to block in the hover state
	*/
	display:inline;
	top:0;
	left:0;
	width:120px;
	height:45px;
	overflow:hidden;
	text-indent:-999em;
	text-decoration:none;
	outline:none;
	background:url(images/btn-nav.jpg) 0 0 no-repeat;
}

#nav-buttons a:active,
#nav-buttons a:focus,
#nav-buttons a:hover {
	display:block; /* see "#matrixDemo a" for explanation */
	top:-45px;
}

/*#nav-buttons .selected a {
	top:-240px;*/
}

#chapter1 a {
	background-position:-120px 0;
}

#map a {
	background-position:-240px 0;
}

#forum a {
	background-position:-480px 0;
}

 






/*OLD Nav (trash?)

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("http://biphome.spray.se/karl10/images/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }

END OLD NAV*/


#footer {
  font-size:           50%;
  text-align:          center;
  line-height:         normal;
  margin-top:          30px;
  float:			   bottom;
}