body {
background: #503F33;
background-image: url(images/psy-bg2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-family: courier;
font-size: 8px;
text-align: center;
}

pre { 
font-family: monospace; 
font-size: 14px;
}

a, a:link, a:active, a:visited {
color: #C3B7AE;
font-family: courier;
font-size: 8px;
text-decoration: none;
}

a:hover {
color: #AF4D04;
}

#title {
position: absolute;
top: 30px;
left: 30px;
}

#subtitle {
position: absolute;
top: 110px;
left: 270px;
}

#menu-bg {
color: #000000;
background: #481E06;
text-align: left;
width: 200px;
position: absolute;
top: 185px;
left: 25px;
border: solid 1px #000000;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
z-index: 1;
}

#menu {
color: #000000;
text-align: left;
width: 200px;
position: absolute;
top: 190px;
left: 30px;
z-index: 2;
}

.menu a, .menu a:link, .menu a:visited, .menu a:active {
color: #000000;
font-family: courier;
font-size: 8px;
text-decoration: none;
}

.menu a:hover {
color: #ffffff;
}

#intro {
position: absolute;
top: 255px;
left: 294px;
}

#content-bg {
color: #000000;
background: #414141;
text-align: left;
width: 600px;
position: absolute;
top: 130px;
left: 270px;
border: solid 1px #000000;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
z-index: 1;
}

#content {
color: #ffffff;
text-align: left;
width: 590px;
position: absolute;
top: 135px;
left: 275px;
z-index: 2;
}

#content2-bg {
color: #000000;
background: #414141;
text-align: left;
width: 600px;
position: absolute;
top: 310px;
left: 270px;
border: solid 1px #000000;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
z-index: 1;
}

#content2 {
color: #ffffff;
text-align: left;
width: 590px;
position: absolute;
top: 315px;
left: 275px;
z-index: 2;
}