* {
  margin:		0px;
  padding:		0px;
}

body {
  background:		#090909;
  font-family:		verdana, arial, sans-serif;
  font-size:		16px;
  color:		#fff;
}

a {
  text-decoration:	none;
}

.br {
  clear:		both;
}

.green {
  color:		#008000;
}

#container {
  width:		700px;
}

#logo {
  float:		left;
}

#logo h1 {
  margin-top:		30px;
  margin-left:		10px;
  font-size:		1.6em;
  letter-spacing:	-0.1em;
}

#logo h1 a:link, #logo h1 a:visited {
  color:		#fff;
}

#navlist {
  float:		left;
  width:		170px;
  margin-top:		30px;
  margin-left:		5px;
}

#navlist ul {
  list-style:		none;
}

#navlist li a {
  display:		block;
  height:		25px;
  width:		100px;
  padding:		9px;
  margin:		5px;
  background:		inherit;
  border-right:		4px solid #333;
  color:		#888;
  font-size:		0.9em;
}

#navlist li a:hover {
  color:		#f4f4f4;
  background:		#222;
  border-right:		4px solid #008000;
}

#navlist li .active {
  color:		#888;
  background:		#222;
  border-right:		4px solid #333;
}

#content {
  float:		right;
  width:		510px;
  margin-top:		30px;
  margin-left:		2px;
}

#content a {
  color:		#008000;
  font-weight:		bold;
}

#content a:hover {
  color:		#fff;
  background:		#008000;
  font-weight:		bold;
}

#content p {
  line-height:		1.4em;
  font-size:		0.7em;
  margin-bottom:	20px;
  color:		#f4f4f4;
  text-align:		justify;
}

#content h3 {
  text-indent:		20px;
  color:		#888;
  letter-spacing:	-0.1em;
  margin-bottom:	4px;
}

#content h3 a:hover {
  background:		#090909;
}

#content h4 {
  text-indent:		20px;
  color:		#888;
  letter-spacing:	-0.1em;
  margin-bottom:	4px;
}

#content ul {
  list-style-position:	inside;
  list-style-type:	circle;
}

#content ul li {
  line-height:		1.8em;
  font-size:		0.7em;
  color:		#f4f4f4;
}

#content img.book {
  float:		right;
  margin-left:		10px;
}

#footer {
  text-align:		center;
  color:		#555;
  margin-top:		30px;
  margin-bottom:	10px;
  font-size:		0.7em;
}

#footer p {
  color:		#555;
}

#footer a {
  color:		#555;
}

#footer a:hover {
  color:		#f4f4f4;
}