body {
	color:#FFF;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	/* part 1 of 2 centering hack */
}

#content {
	background-color: #111;
	border: 5px solid #999;
	text-align: center; 
	width: 750px; 
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	/* part 2 of 2 centering hack */
	width: 750px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 720px;
}
html>body #content {
	width: 720px; /* ie5win fudge ends */
}

.title {
	font-size:36px;
	font-weight:900;
	text-align:center;
}

.nav {
	font-size: 22px;
	margin-top: 3px;
	width: 100%;
	height: 30px;
	color: #C33;
	background: #000 url('images/bar.jpg') repeat-x;
}


A { color:#CC3333; text-decoration:none; }

A:Hover { color: #FF3333; text-decoration:underline; }

A:Visited {	color:#CC0000;	}

A:Active {	color: #F39;	}

.content {
	position:relative;
	top:0px;
	width: 680px; 
	height: 550px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: transparent;
	border: 0px solid #ccc;
	text-align:left; 
	/* part 2 of 2 centering hack */
	width: 680px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 680px;
	}
html>body .content {
	width: 680px; /* ie5win fudge ends */
	}