/* this is the main body text */
body {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	font-size: .9em;}

/* not sure why I put this here. Adjust to find out why */	
p {
	font-size: 1em;
	text-align: left;
	line-height: 1em;}

/* This is a yellow H1 headline, bold and left aligned */
h1 {
	color: #F9BD05;
	font-size: 1.5em;
	text-align: left;
	font-style: bold;}

/* This is a white centred H2 headline */
h2 {
	font-size: 1.1em;
	color: #F9BD05;
	font-weight: bold;
	text-align: center;}

/* This is a white bold left-aligned H3 headline */
h3 {
	font-size:1em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;}

table {
		font-size:1em;}
	
/* this is the centred bold footer same colour as the H1 headline */
p.footer {
	color: #F9BD05;
	font-size: .8em;
	text-align: center;
	font-weight: bold;}

/* This is the link style, same yellow colour, bold but not underlined */
a:link {
	color: #F9BD05;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;}

/* the visited link is the same as the standard link */
a:visited {
	color: #F9BD05;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;}

/* The colour becomes slightly bighter when hovering on a link */
a:hover {
	color: #f9d905; text-decoration: none;}

/* this head shows the Marple Junior Rugby logo on the page, centred and just once */
#header {
	background-image: url(images/header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 75px;}

#footer {
	background-image: url(images/footer.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 60px;}

/* The fixtures id are used for the fixtures table only */
#fixtures{
width:100%;
border-collapse:collapse;
color:#ffffff;
text-align:center;
font-size:1em;}

#fixtures td, #fixtures th{
border:1px solid #888888;
padding:3px 3px 3px 3px;}

#fixtures th{
font-size:1.1em;
padding:4px 4px 4px 4px;
background-color:#414141;}

#fixtures tr td.hosting{
background-color:#414141;}