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: 0% 30% 2% 0%;
text-align:right;
}
#reversetitle {
position: absolute;
top: 30px;
right: 4%;
width:320px;
height:240px;
filter:alpha(opacity=25);
opacity: 0.25;
}
#main {
position: absolute;
top: 280px;
padding: 2% 0% 0% 8%;font: 120% nimbus, helvetica, sans-serif;
}
#endpiece {
margin: 5% 1% 3% 3%;
font: bold 60% 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 {margin: 5% 0% 3% -10%;}

h4 {margin: 5% 0% 3% -10%;}

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



ul {list-style: disc outside;
padding-top: 19px;
margin: 0;
padding-left: 0;
}

ul li {
padding-bottom: 12px;
}

ul li ul li {
padding-left: 24px;
padding-bottom: 6px;
}