body {
    background-image: url("../background.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover; 
}

table tr th{
    text-align: left;
    background-color: purple;
    color: #FFFF00;
}

table tr.active-canes{
    font-weight: bold;
}

#container {
    text-align: center;
}

h3 {
    text-align: center;
}

footer {
  text-align:center;
}
  
h1 {
    color: #FFFF00;
    font-size:60px;
    text-shadow:-2px -2px purple,-2px -2px purple, -2px -2px purple, -2px -2px purple;
    text-align:center;
}

h4 {
    text-align: center;
}

p.note {
    font-style:italic;
}

#index_body{
    padding-left:20px;
}

#content_area{
    margin: 60px 25px 25px 60px;
}

aside {
    float:left;
    padding-left:20px;
    padding-right:30px;
    padding-top:47px;
}

*{
  margin:0px;
  padding:0px;
}

#navbar:active {
  background-color:#FFFF00;
  color:purple;
}
  
#navbar{
  list-style:none;
  padding-left:315px;
}
  
#navbar{  
  text-align:center;
  background-color:purple;
  width:100px;
  border: 1px solid white;
  height:40px;
  line-height:40px;
  float:left;
  color:#FFFF00;
  font-size:16px;
  position:relative;
  text-decoration:none;
}
  
#navbar{  
  text-align:center;
  background-color:purple;
  width:100px;
  border: 1px solid white;
  height:40px;
  line-height:40px;
  float:left;
  color:#FFFF00;
  font-size:16px;
  position:relative;
  font-weight:bold;
}
  
#navbar:hover {
  background-color:#FFFF00;
  color:purple;  
}
 
#navbar ul li a:active {
  background-color:#FFFF00;
  color:purple;  
}

#navbar ul ul {
  display:none;
}
  
#navbar ul li:hover > ul {
  display:block; 
}
  
#navbar ul ul ul {
  margin-left:150px;
  top:0px;
  position:absolute;
}

#coaches_table{
    margin-left:100px;
}

/* scrolling marquee for ads/sponsors */
.marquee:hover {
    animation-play-state:paused;
}

.marquee {
  animation: scroll-down-up 20s linear infinite;
}

@keyframes scroll-down-up {
    from {
        transform: translateY(400px);
    }
    to {
        transform: translateY(-10px);
    }
}