HTML {
width: 89.5%;
}

BODY {background: #000000;
color: #EEEEEE;
margin: 30px 0px 0px 40px;
font-family: helvetica, sans-serif;
}

img {
width: 100%;
}

#title {
position: absolute;
top: 30px;
left: 4%;
width:400px;
height:235px;
font-size: medium;
}

#links {
padding: 5% 10% 2% 500px;
}
#reversetitle {
position: absolute;
top: 30px;
right: 0%;
width:320px;
height:240px;

}
#main {
position: absolute;
top: 280px;
padding: 2% 0% 0% 8%;font: 120% nimbus, helvetica, sans-serif;
}
#endpiece {
margin: 8% 1% 3% 425px;
font: bold 90% helvetica, sans-serif;

}

a:link {text-decoration: none;
color: #9900FF;}
a:active {text-decoration: none}


a:hover {
	font-weight:bold;
	background-color:#ffcc00;
}


a:visited {
	color: #999999;
text-decoration: none;
}

h3 {text-align: center;
margin: 5% 0% 3% -10%;}


.pagetitle {
font: bold 300% garamond, serif;
margin: 7% 12% 10% 50%;
}



ul, li {
margin: 0;
padding-left: 0;
}

ul {list-style: disc outside;
padding-top: 19px;

}

li {
padding-bottom: 12px;
}