/* Below sets background colour */

body {
	background-color: 024387;
	font-family: arial, helvetica;
	margin: 0;
}

TABLE  {
	background-color: 024387;
	color: WHITE;
	text-align: center;
}

body.sponsors {
	background-color: light blue;
	font-family: arial, helvetica;
}

TABLE.sponsors  {
	background-color: light blue;
	color: WHITE;
	text-align: center;
}

/* Above sets background colour
-------------------------------------------------
 Below sets hyperlink colour and hover colour */

A  {
	color: ffb6c1;
	/* font-weight: bold; */
	text-decoration: none;
}

/* Below sets color while mouse hovers over link */

A:hover  {
	color: RED;
	font-weight: bold;
	text-decoration: underline;
}

/* 
Above sets hyperlink colour and hover colour
-------------------------------------------------
below sets scroll 
*/

.scrolling {
 height: 50px;	
 overflow: hidden;
 overflow-y: hidden;
 position: relative;
}
.scrolling h1 {
 font-weight: bold;
 color: white;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scrolling 35s linear infinite;
 -webkit-animation: scrolling 35s linear infinite;
 animation: scrolling 35s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrolling {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrolling {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrolling {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/*   
Above sets scroll 
-------------------------------------------------
below sets text based on resolution (width) of screen
*/

.small {

}

@media only screen and (min-width: 500px) {
    .small {
   display: none;
     }
}

.medium {

}

@media only screen and (min-width: 750px), (max-width: 499px) {
    .medium {
   display: none;
     }
}

.large {

}

@media only screen and (max-width: 749px) {
    .large {
   display: none;
     }
}

/* 
above sets text based on resolution (width) of screen
*/

/*   
-------------------------------------------------
below sets donate border
*/

table.radius {
  border: 1px solid white;
  border-radius: 20px;
}

tr.radius {
  border: 1px solid white;
  border-radius: 20px;
}

td.radius {
  border: 1px solid white;
  border-radius: 20px;
}

td.redradius {
  border: 1px solid red;
  border-radius: 20px;
}
/* 
above sets donate border
*/