body { background: black url(img/bg2.jpg) 0 0 repeat fixed;
       position: relative; margin: 0; padding: 0;
}

/* Link div implements menu on the left side */
div#links {
	position: fixed;	/* notice that IE6 CANNOT handle this */
	margin-top: 32px; margin-left: 10px; 
	width: 130px; height: 700px; 
}
div#links a {
	color: #AFA;
	background-color: #422;
	display: block; text-align: center; 
	font: bold 1em sans-serif;
	padding: 5px 10px; margin: 0 0 2px; border-width: 0;
	text-decoration: none;
}
div#links a:hover {
	background-color: #604040; 
	text-decoration: underline;
	font-weight: bold;
	color: #4F4;
}
img#logo {
	margin-top: 5px;
	margin-left: 5px;
}

/* Note on the bottom left */
div#note {
	position: fixed;	/* notice that IE6 CANNOT handle this */
	color: #EEF;
	background-color: #888;
	margin-top: 50%; margin-left: 10px; 
	width: 120px; height: 40px; 
	font-size: smaller;
}
div#note a {
	color: #AFA;
	background: transparent;
	display: block; text-align: left; 
	padding: 5px 10px; margin: 0 0 2px; border-width: 0;
	text-decoration: underline;
}

/* the content */
div#content { 
	background: transparent; 
	color: #EEF;	/* color of the main content */
}
div#content {
	position: absolute;
	top: 32px; left: 161px; right: 25px;
	border: solid #FC9;
}
div#content a {
	color: #AFA;
	text-decoration: underline;
	font-weight: bold;
}
div#content a:hover {
	color: #4F4;
}

/* style for paragraph and tags */
div#content > p {
	margin-left: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-style: italic;
	color: white;
	margin-top: 0.5em;
	margin-left: 1em;
}

p#note {
	font-size: small;
	text-align: right;
	margin-right: 5px;
	margin-top: -2em;
	margin-bottom: -0.5em;
}