body {
	background-color:#000000; font-family: arial, geneva, sans; font-size: 9pt; color: #888888; text-align:center;
}

a:active {
	font-family: arial, geneva, sans; font-size: 9pt; color: #555555;
	text-decoration:none;
}
a:hover {
	font-family: arial, geneva, sans; font-size: 9pt; color: #555555;
	text-decoration:none;
}
a:visited {
	font-family: arial, geneva, sans; font-size: 9pt; color: #555555;
	text-decoration:none;
}
a:link {
	font-family: arial, geneva, sans; font-size: 9pt; color: #555555;
	text-decoration:none;
}



#content {
	width:780px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	border: 0px;
	position:relative; // relative to the html body, NB. see 'body' it centers everything, and set others absolute to this positioning context
}


div.transON {
	width: 100%; 
	border:1px solid black; 
}
div.transOFF {
	width: 100%; 
	border:1px solid black; 
	opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}