/************************
GENERAL
************************/

body {
  font-family: 'Lato', sans-serif;
}

#main-bg {
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  background-color: #434343;
}

#wrapper {
  max-width: 95%;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 95%;
  background-color: #434343;
}

a {
  text-decoration: none;
  color: #434343;
}

img {
  max-width: 100%;
}

h3 {
  margin: 0 0 1em 0;
}

/************************
HEADING
************************/

header {
  float: left;
  margin: 0 0 15px 0;
  width: 100%;
}

#logo {
  float: center;
  text-align: center;
  margin: 0;
}

.logo-img {
  display: block;
  max-width: 250px;
  margin: -50px auto;
}

h1 {
  font-family: 'Lato', sans-serif;
  margin: -75px 0 15px 0;
  font-size: 1.75em;
  font-weight: bold;
  line-height: 0.8em;
}

h2 {
  font-size: 0.75em;
  margin: -5px 0 0;
  font-weight: normal;
}

/************************
NAVIGATION
************************/

nav {
  text-align: center;
  padding: 10px 0;
  margin: 20px 0 0;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
  display: inline-block;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}


/************************
TABLE
************************/

tbody tr
{
    font-family: 'Lato', sans-serif;
    font-weight: normal;
	font-size: 18px;
    color: #FFF;
    background: #252526;
}


tbody tr.odd
{
    font-family: 'Lato', sans-serif;
    font-weight: normal;
	font-size: 18px;
    color: #FFF;
    background: #404040;
}

tbody tr.retired
{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	font-size: 18px;
    color: #FFF;
    background: #999;
}

tbody tr:hover {
  background-color: #007ACC;
}


table { 
  width: 100%; 
  border-collapse: collapse;
  color: #fff;
  margin: 0 0 15px 0;  
}

th { 
  background: #222; 
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: bold; 
  font-size: 20px;
}

td, th { 
  padding: 2px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/************************
FOOTER
************************/

footer {
  font-size: 1.0em;
  text-align: center;
  clear: both;
  padding-top: 50px;
  padding-bottom: 15px;
  color: #434343;
  background-color: #ffa500;
  max-width: 100%;
  width: 100%;
}

footer a {
	color: #434343;
	font-weight: bold;
}

footer a:hover {
	color: #fff;
	font-weight: bold;
}


.social-icon {
  width: 50px;
  height: 50px;
  margin: 0 5px;
}

/************************
COLORS
************************/

/* dark grey header */
header {
  background: #434343;
  /*border-color: #FFA500;*/
}

h1, h2 {
  color: #fff;
}

/* blue background */
nav {
  background: #007ACC;  
}
/* nav link */
nav a, nav a:visited {
  color: #fff;
}

/* selected nav link */
nav a.selected, nav a:hover {
  color: #007ACC;
}

/* site body */

body {
  background-color: #fff;
  color: #999;
}