@font-face {
    font-family: 'ILR';
    src: url('ilr.ttf');
}

body {
  background: #333333; /* url(/img/logo.gif) center top/contain no-repeat fixed; */
  background-size: 150px 150px;
  font-family: ILR;
}

.footer {
  position: relative;
  margin-top: 20px;
  width: 250px;
}

a {
  text-decoration: none;
  color: #cccccc;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 1s ease;
}

a:hover {
  text-decoration: underline;
  color: #ffffff;
  filter: grayscale(0%);
  filter: gray;
  -webkit-filter: grayscale(0%);
  filter: none;
  transition: 1s ease;
}

a img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 1s ease;
}

a img:hover {
  filter: grayscale(0%);
  filter: gray;
  -webkit-filter: grayscale(0%);
  filter: none;
  transition: 1s ease;
}

.club {
  position: relative;
  width: 280px;
  margin-top: -20px;
  padding: 10px;
  color: #ffffff;
  font-family: ILR;
  font-size: 15px;
  border-top: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
}

.presented {
  position: relative;
  width: 250px;
  margin-top: 0px;
  padding: 10px;
  font-family: ILR;
  font-size: 12px;
/*  font-style: italic; */
  color: #cccccc;
/*  border-top: #cccccc 1px solid; */
}