body    { color: black; font-size: 11px; font-family: Verdana, Arial, Geneva, "sans serif"; background-image: url(DCC_shirt.jpg); background-repeat: no-repeat; background-position: -150px 100px; margin: 4px 0 0; }
#container    { color: #e6eae9; background-color: #fff; border: solid 1px #808080; width: 900px; height: 100%; margin-right: auto; margin-left: auto; padding-top: 0; }
.clear { clear: both; }
#imgheader { color: #000; font-size: 14px; background-repeat: no-repeat; text-align: right; width: 900px; height: 200px; }
#imgheader p { color: #f5fafa; font-size: 14px; padding-top: 140px; }
#content { height: 100%; padding: 4px; }

h1   { color: black; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Geneva, "sans serif" }
h2 { color: black; font-size: 9px; font-family: verdana, Arial, Geneva, "sans serif"; font-weight: bold; margin: 0; padding: 0; }
table { width: 100%; height: 600px; }
td   { color: black; font-size: 10px; font-family: verdana, Arial, Geneva, "sans serif"; vertical-align: middle; padding: 4px 2px ; border: solid 0.05px #d2d2d2; white-space: nowrap; }
#submenu { border: solid 1px #666;  background: #9a9a9a; width: 100%; padding-top: 2em; }
#header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 796px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current { width: 70px; display: block; float: left; padding: 4px 0; margin: 1px 2px 0 0; text-align: center; font-size: 10px; text-decoration: none; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 12px; height: 22px; }

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover { color: #fff; background: #9a9a9a; padding-bottom: 6px; margin-top: 0; border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; border-bottom-style: none; border-bottom-width: medium; }

#header ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#header ul#secondary { position: absolute; margin: 0; padding: 0; bottom: -2em; left: 1px; width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#secondary li a,#header ul#secondary li span { background-color: #9a9a9a; width: auto; display: block; float: left; padding: 0 10px; margin: 0; border: none; }

#header ul#secondary li a {
	color: #fff;
	text-decoration: underline;
	border-style: none dotted none none; 
	border-width: medium 1px medium medium; border-right-color: #aaa;
}

#header ul#secondary li a:hover { color: #fff; background: transparent; padding: 0 10px; border-style: none dotted none none; border-width: medium 1px medium medium; border-right-color: #aaa; }

#header ul#secondary li a:active { color: #fff; }

#header ul#secondary li:last-child a { border: none; }

.home  /* colour for home fixtures */ { background-color: #e6ddbf; }
.away { background-color: #e6ffa8; }
.mobile { font-size: xx-small; font-family: "Courier New", Courier, Monaco, monospace; letter-spacing: normal; }
.top { font-family: "Courier New", Courier, Monaco, monospace; vertical-align: top; }
.WON { background-color: #f90; }