@font-face {
	font-family: SF_Collegiate-webfont; src: url('../fonts/SF_Collegiate-webfont.ttf');
}
@font-face{ 
    font-family: SF_Collegiate-webfont; src: url('../fonts/SF_Collegiate-webfont.eot'); 
	}
	
body {
	background-color: white;
	font-family:  Arial;
	font-size: 12px;
}

h1 {
	
}

h2 {
	color: black;
	font-size: 16px;
}

table.datatable {
	border: 1px solid white;
	border-collapse:collapse;
	width: 100%;
}

table.datatable_small {
	border: 1px solid white;
	border-collapse:collapse;
}

tr.datatableheaderrow {
	height: 20px;
	border: 1px solid white;
}

td.datatableheader {
	background-color: #27ae60;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

tr.datatablerow1 {
	background-color: #bdc3c7;
	color: white;
	font-weight: bold;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

tr.datatablerow2 {
	background-color: #95a5a6;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

td.td30 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 30px;
	text-align: right;
}

td.td50 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 50px;
	text-align: right;
}

td.td150 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 150px;
}

td.td200 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 250px;
}

td.td230 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 230px;
}

td.td300 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 300px;
}

td.tdl {
	text-align: left;
}

td.tdc {
	text-align: center;
}

td.tdr {
	text-align: right;
}

#topnav {
	background-color: #990033;
	height: 65px;
	margin-left: -20px;
	margin-right: 0px;
}

#toprightnav {
	padding-top: 10px;
}

#topleftnav {
	padding-top: 5px;
}

#visualbanner {
	height: 450px;
	color: white;
	text-align:center;
	padding-top: 100px;
	background-image: url(../img/background2.jpg);
	background-position-x: center;
	background-position-y: -20px;
}

#banner {
	height: 75px;
	background-image: url(../img/banner.gif);
	background-repeat: no-repeat;
	background-position-x: center;
}

#frontpagecontent {
	background: white;
	color: gray;
	padding: 20px 50px 50px 50px;
	text-align: center;
}

#content {
	background: white;
	color: gray;
	padding: 20px 50px 20px 50px;
}

#footer {
	background: #424242;
	color: white;
	padding: 20px 20px 20px 20px;
	text-align: right;
}

#content.rulesbox {
	margin-top: 20px;
	background-color: #777777;
	color: white;
	height: 100%;
}

#content.rulesbox2 {
	margin-top: 20px;
	background-color: #27ae60;
	color: white;
	height: 100%;
}

#content.rulesbox3 {
	margin-top: 20px;
	background-color: white;
	color: black;
	height: 100%;
}

#news_item {
	width: 100%;
}

.fcnav {
	color: white;
}

.tagline {
	color: white;
	font-size: 24px;
}

.textblock {
	background-color: white;
}

.largetext {
	font-family: Haettenschweiler;
	font-size: 64pt;
}

.fixed-footer {
	position: fixed;
    bottom: 0;
    width: 100%;
}

ul.subnav {
    width: 100%;
	height: 40px;
	margin: 0px;
	padding: 0;
	list-style: none;
	background: #fcf119;
	}

ul.subnav li {
	display: inline;
}

ul.subnav li.navhome a {
	text-decoration: none;
 	padding: 10px 0; 
	padding-left: 20px;
 	width: 100px;
 	background: #fcf119;
 	color: #990033;
 	float: left;
	cursor: default;
}

ul.subnav li.navitem a {
	text-decoration: none;
 	padding: 10px 0; 
	padding-left: 20px;
	padding-right: 20px;
 	background: #fcf119;
 	color: #000000;
 	float: left;
}

ul.subnav li.navhome a {
  	text-align: left;
	padding-left: 5px;
}

ul.subnav li.navitem a {
  	text-align: left;
	padding-left: 5px;
}

ul.subnav li.navitem a:hover {
  	background: #990033;
  	color: #fcf119;
}

ul.subnav li.navitem a.current {
  	background: #990033;
  	color: #fcf119;
}

a.newslink {
	text-decoration: none;
	color: #424242;
}

a.newslink:hover {
	text-decoration: underline;
	color: #424242;
}

.datacontent {
	background: white;
	color: gray;
	padding: 20px 20px 20px 20px;
}

.gameweek {
	font-size: 24px;
	color: #2ecc71;
}







.carousel-content-container{text-align:left;color:#fff;padding:.5rem 1rem}
.carousel-slide .carousel-content-container .carousel-headline{font-size:1.1rem}
.carousel-slide .carousel-content-container .carousel-bitesize{font-size:.9rem}
.carousel-slide .carousel-content-container .carousel-published{font-size:.7rem}@media print,screen and (min-width:45em){.carousel-slide .carousel-content-container{position:absolute;bottom:2rem;left:3rem;color:#fff;text-shadow:1px 1px #666;padding:inherit}.carousel-slide .carousel-content-container .carousel-headline{font-size:2rem}.carousel-slide .carousel-content-container .carousel-bitesize{font-size:1.2rem}.carousel-slide .carousel-content-container .carousel-published{font-size:1rem}