@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.nl {
	border: 1px solid white;
	border-collapse:collapse;
	width: 75%;
}

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

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

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

td.datatableheader2 {
	background-color: #3498db;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

tr.datatablerow1 {
	background-color: #424242;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

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

tr.datatablerow1_prom {
	background-color: #2ecc71;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

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

tr.datatablerow1_rel {
	background-color: #e74c3c;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

tr.datatablerow2_rel {
	background-color: #c0392b;
	color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

tr.datatablerow1_high {
	background-color: #ffff00;
	color: black;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

tr.datatablerow2_high {
	background-color: #ffff00;
	color: black;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
}

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

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

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

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

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

td.td90 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 90px;
	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.td400 {
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	width: 400px;
}

td.tdl {
	text-align: left;
}

td.tdc {
	text-align: center;
}

td.tdr {
	text-align: right;
}

#topnav {
	background-color: #424242;
	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: #27ae60;
	}

ul.subnav li {
	display: inline;
}

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

ul.subnav li.navitem a {
	text-decoration: none;
 	padding: 10px 0; 
	padding-left: 20px;
	padding-right: 20px;
 	background: #27ae60;
 	color: #fff;
 	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: #bdc3c7;
  	color: #fff
}

ul.subnav li.navitem a.current {
  	background: #2ecc71;
  	color: #fff
}

ul.subnav li.navitem a.current {
  	background: #2ecc71;
  	color: #FFFFFF
}

a.playprof{
  	background: #777777;
  	color: white;
}

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;
}