body { 
	background-color:	#87CEFA;
	color:				#0000AA;
	}
img {
	border:				0;
	}
h1 {
	margin-top:			-26px; /* Less of a gap below the title image */
	}
a {
	color:				#151B8D;
	}

/* The Players Table */
.divInvitations {
	margin-top:			-16px; /* Less of a gap below the title image */

	/*	The wonderful FF doesn't apply a container's "text-align: center"
		to child tables and this is the proprietory workaround. Pfffft!! 
	*/
	text-align:			-moz-center;
	}
.tdTitle {
	font-size:			26pt;
	font-weight:		bold;
	text-align:			center;
	}
/* Borders to give the brick effect */
.tdLinks, .tdPlayer, .tdComment, .tdIndex {
	border-top:			1px solid #FFFFFF;
	border-bottom:		1px solid #202020;
	}
.tdLinks, .tdIndex  {
	border-left:		1px solid #FFFFFF;
	border-right:		1px solid #404040;
	}
.tdPlayer {
	border-left:		1px solid #FFFFFF;
	text-align:			center;
	}
.tdComment {
	border-right:		1px solid #606060;
	text-align:			left;
	}
/* Padding and fonts */
.tdLinks {
	padding-top:		1px;
	padding-bottom:		3px;
	text-align:			center;
	}
.tdPlayer, .tdComment {
	padding-top:		4px;
	padding-bottom:		6px;
	padding-left:		12px;
	font-size:			larger;
	font-weight:		bold;
	}
.tdIndex {
	width:				2em;
	padding-top:		1px;
	text-align:			center;
	}
.tdName {
	padding-top:		1px;
	padding-left:		12px;
	text-align:			center;
	}
.tdInvite {
	padding-top:		5px;
	padding-left:		12px;
	padding-right:		12px;
	}
/* The invitation forms */
.divInvitations form {
	margin:				0;
	margin-bottom:		5px;
	}
.txtComment {
	width:				320px;
	}
.btnInvite {
	margin-left:		10px;
	width:				54px;
	}
/* The colours */
.divInvitations {
	}
#tblInvitations {
	background-color:	#87CEFA; /* Page background */
	}
.tdLinks, .tdIndex, .tdPlayer, .tdComment {
	background-color:	#FF9020;
	color:				#B04010;
	}
.txtComment {
	background-color:	#FFD040;
	}
.btnInvite {
	background-color:	#FFC040;
	}

/* The link separators at the top of the Players Table */
.spnLinkSep {
	padding-left:		6px;
	padding-right:		6px;
	color:				#659AE6; /* Page color faded 75% */
	}

/* The Rules section below the Players Table */
#divRules {
	clear:				both;
	font-size:			larger;
	}
#divRules ul {
	padding-left:		80px;
	padding-right:		80px;
	}
#divRules li {
	margin-bottom:		24px;
	}
#divRules hr {
	width:				60%;
	}