.navbar {
    overflow: hidden;
    background-color: #FFF;
	border-bottom: 1.5px solid black;
}

.navbar a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 4px 16px 4px;
    text-decoration: none;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	font-family: Franzo;
	font-size: 16pt;
}

.dropdown {
  float: left;
  overflow: hidden;
  font-family: Franzo;
  font-size: 16pt;
}

.dropdown .dropbtn {
  font-size: inherit; 
  border: none;
  outline: none;
  color: black;
  padding: 4px 16px 4px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #ddd;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14pt;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.allcontent {
	max-width: 960px;
	margin:auto;
	font-family: helvetica;
	padding-bottom: 100px;
}

table, th, td {
	border-collapse: collapse
}

table {
	margin: auto;
	padding: 0px;
}

th {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

th,td {
	padding: 5px;
	text-align: center;
}

.rankings th {
	background-color: #E0E0E0;
}

.headerbutton:hover {
	background-color: #b0b0b0;
	cursor: pointer;
}

.rankings tr:nth-child(even){
	background-color: #E0E0E0;
	color: #000;
}

.bodytext {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 40px;
	font-family: Franzo;
}

.indent {
	padding-left: 20px;
}

.headertext {
	padding-left: 13px;
	padding-bottom: 8px;
	font-family: Datalegreya;
	font-size: 36pt;
	border-bottom: 1.5px solid black;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	
	-webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-moz-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-ms-font-feature-settings: "kern" on, "liga" on, "calt" on;
	font-feature-settings: "kern" on, "liga" on, "calt" on;
	font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.headertext:hover {
	cursor: pointer;
}

.Legend, .Legend td, .Legend table {
	margin: auto;
	width: 150px;
	text-align: left;
}

.button {
	width: 150px;
	border-top: 1.5px solid black;
	border-bottom: 1.5px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: auto;
	font-weight: bold;
	text-align: center;
}

.button:hover, .Legend th:hover, .Legend td td:hover {
	background-color: #ddd;
}

.donatebutton {
	width: 200px;
	border-width: 1.5px 0px 1.5px 0px;
	border-style: solid;
	border-color: black;
	padding: 5px 0px 5px 0px;
	margin: 0 auto;
	font-family: Franzo;
	font-size: 14pt;
	background-color: white;
	display: block;
}

.donatebutton:hover {
	background-color: #ddd;
}

.donatebutton:focus {
	outline: 0;
}

.hidden {
	font-weight: normal !important;
	color: #a3a3a3 !important;
}

a.hyperlink:link {
	color: black;
	text-decoration: underline;
}

a.hyperlink:hover {
	color: black;
	text-decoration: none;
}

a.hyperlink:active {
	color: black;
	text-decoration: none;
}

a.hyperlink:visited {
	color: black;
	text-decoration: underline;
}

@font-face {
	font-family: Franzo;
	src: url(https://www.giddenssports.com/Fonts/franzo/Franzo-E4GA.ttf);
}

@font-face {
	font-family: Datalegreya;
	src: url(https://www.giddenssports.com/Fonts/datalegreya/datalegreya-master/font-files/Datalegreya-Dot.otf);
}

@font-face {
	font-family: Alegreya;
	src: url(https://www.giddenssports.com/Fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf);
}