body{
    font-size:14px;
    font-family:Arial,sans-serif;
    background:#f5f5f5;
    text-align:center;
}

* {
    box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
    padding: 2px;
}

/* Left and right column */
.column.side {
    width: 32.5%;
}

/* Middle column */
.column.middle {
    width: 35%;
    border: 1px solid #cccccc;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column.side, .column.middle {
        width: 100%;
    }
}

/* Style the header */
.header {
    background-color: #FFFFFF;
}

.header img{
    max-width: 100%;
    height: auto;
    filter: grayscale(100%);
}

.green-row{
    background: #00AC72;
    color: #FFFFFF;
    font-size: 15px;
    padding: 4px;
    margin-bottom: 8px;
}

.blue-row{
    background: #014B9E;
    color: #FFFFFF;
    font-size: 16px;
    padding: 2px;
}

.blue-row a{
    color: #FFFFFF;
    font-size: 16px;
    padding: 2px;
}

.gameinfo{
    margin: 15px 0px;
}

/* Style the top navigation bar */
#topnav {
    width: 100%;
    text-align: center;
}

/* Clear floats after the columns */
.topnav:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the menu links */
.btn {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 2px;
    display: inline-block;
    margin: 0 auto;
}

/* Change color on hover */
.btn:hover {
    color: #ff3300;
}

/* Style the active class, and buttons on mouse-over */
.active {
    background-color: #666;
    color: white;
}

.container {
    position: relative;
    text-align: center
}

.white-row{
    margin: 8px 0px;
    background-color: #fff;
    padding: 5px;
}

.white-row a{
    color: #990000;
    margin-bottom: 5px;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: black;
}

a:hover{
    color: #ff3300;
}

#event{
    padding: 6px 4px;
    text-align: left;
    background-color: #FFFFFF;
}

#event:nth-child(even){
    background-color: #F1F1F1;
}

#event:hover {
    background-color: #ddd;
}

.index_link {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
    padding: 4px 5px;
    font-size: 16px;
    text-align: left;
    margin-left: 10px;
}

.index_link:nth-child(even) {
    background-color: #F1F1F1;
}

.index_link a{
    color:#00a36d;
}

.index_link a:hover{
    color: #ff3300;
}


.color-white{
    color:#fff;
    text-transform: uppercase;
}

.color-red{
    color:red;
    text-transform: uppercase;
}

.color-red-no-transform{
    color:red;
}

.color-red-bold{
    color:red;
    font-weight: bold;
    text-transform: capitalize;
}

.color-green{
    color:#00a36d;
    text-transform: uppercase;
}
.color-blue{
    color:#014b9e;
    text-transform: uppercase;
}
.color-gray{
    color:#808080;
    text-transform: uppercase;
}

.capitalize{
    text-transform: capitalize;
}

.color-black{
    color:#1f2224;
    text-transform: uppercase;
}

.footer {
    background-color: #839390;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #fff;
    margin-top: 5px;
}

.footer a {
    color: #fff;
}

.footer a:hover{
    color: #ff3300;
}

.underline {
    text-decoration: underline;
}

p {
    margin: 5px;
}

.gray-bg {
    background-color: #9B9B9B;
    color: #fff;
    padding: 2px;
}

.red-bg {
    background-color: red;
    color: #fff;
    padding: 2px;
}

.red-bg a{
    color: #fff;
}

.red-bg a:hover{
    color: #000;
}

.white-bg {
    background-color: white;
    color: #990000;
    padding: 2px;
}

.uppercase {
    text-transform: uppercase;
}