body {
background-color: #000000;
padding: 0;
margin: 0 auto;
text-align: center;
overflow-x: hidden;
}

#main {
width: 1000px;
height: 700px;
position: absolute;
left: 50%;
top: 40%;
margin-left: -500px;
margin-top: -250px;
text-align: left;
background-image: url('mainbg.jpg');
}

#logo {
position: absolute;
left: 180px;
}

#content {
position: absolute;
top: 100px;
right: 0px;
width: 600px;
height: 500px;
#background-color: #202020;
background-image: url('content.png');
color: #ffffff;
font-family: verdana, helvetica, sans-serif;
overflow: auto;
}

#content h1 {
font-size: 24px;
border-bottom: 1px solid #ffffff;
width: 400px;
margin-left: 180px;
}

#content p {
width: 370px;
margin-left: 200px;
}

#content p a {
color: #e0e0e0;
text-decoration: underline;
}

#content p a:hover {
color: #ffffff;
text-decoration: none;
background-color: #000000;
}

#header {
position: absolute;
top: 45px;
left: 613px;
width: 700px;
height: 47px;
color: #ffffff;
font-family: verdana, helvetica, sans-serif;
font-weight: bolder;
font-size: 66px;
z-index: 4;
}

#menu {
#background-color: #202020;
background-image: url('menubg.png');
position: absolute;
top: 125px;
height: 264px;
width: 380px;
left: 20px;
}

#menu a {
display: block;
width: 370px;
margin-left: 0px;
padding-left: 5px;
height: 60px;
text-align: left;
font-size: 1.5em;
color: #c0c0c0;
font-family: verdana, helvetica, sans-serif;
font-weight: bolder;
text-decoration: none;
border-bottom: 1px solid #000000;
padding-top: 5px;
}

#menu a:hover {
#background-color: #000000;
background-image: url('black.png');
color: #ffffff;
}

#copyright {
position: absolute;
right: 20px;
bottom: -10px;
color: #202020;
font-family: verdana, helvetica, sans-serif;
font-size: 0.8em;
}

#copyright a {
color: #202020;
text-decoration: underline;
}

#copyright a:hover {
color: #ffffff;
}