.header-wrap {
  overflow: hidden;
  position: relative;
}

.header-bg {
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.header-content {
  position: relative;
}


* {
  box-sizing: border-box;
}
ul.rankings {margin:0 0 0 15px;padding:0;list-style-type:none;margin-bottom:10px;font-weight:normal;}
ul.rankings a {color:#000066;}
ul.rankings a:hover {color:#aa0000;}
.congratswinner {border:2px #1E3A8B solid;margin:10px 0;background-color: #ffffff; /* For browsers that do not support gradients */ background-image: linear-gradient(#dce2f7, #ffffff);padding:10px 20px;font-weight:bold;font-family:sans-serif;font-size:11pt;}
.congratswinner h2 {font-size:16px;margin:0;padding:0;text-align:left;}
.congratswinner ol {margin-left:12px;padding-left:12px;margin-top:0;}
.congratswinner table {background-color:transparent;border:none;}
.congratswinner tr {background-color:transparent;border:none;}
.congratswinnerp1 {text-align:center;}
.congratswinnerp1 img {border:2px #1E3A8B solid;margin:3px 0;padding:3px 6px;}
.congratswinnerp1 h2 {font-size:18px;margin:0;padding:0;text-align:center;}
.photocred {font-size:7pt;font-family: sans-serif;margin-bottom:3px;text-align:right;margin-top:0;}
.photocaption {font-size:11pt;font-family: serif;text-align:center;font-style:italic;}
.sponsors {font:14px verdana,sans-serif;color:#203b8a;text-align:center;padding-bottom:15px;}
.hosts {font:14px verdana,sans-serif;text-align:center;}
.launch {font:12px  verdana,sans-serif;margin-bottom:15px;text-align:center;}
.leftp {border:2px solid black;background-color:#dce2f7;font:15px/4px arial, sans-serif;}
.leftp a{font-weight:bold;}
.leftp h3 {background-color:black;text-align:center;color:white;font:bold 13px arial, sans-serif;margin:0 0 4px 0;}
.leftp h5 {text-align:left;color:#1E3A8B;font:bold 13px arial, sans-serif;margin:0 0 0 5px;}
.leftp p {padding:4px;margin:0;}
.hotdate {color:#1E3A8B;font-weight:bold;font-family:verdana,sans-serif;font-size:1.25em;padding-top:7px;margin-left:13%;}
.hotdate a {color:#1E3A8B;font-weight:bold;font-family:verdana,sans-serif;font-size:1.25em;margin-top:0;padding-top:0;text-decoration:none;}
.hotdate a:visited {color:#1E3A8B;}
.writetous {text-align:center;font-size:14px;margin-bottom:5px;}
.footer {text-align:center;font-size:10px;margin-bottom:40px;}
.footer2 {font-size:9px;}
.mainstandings {border:2px solid black;background-color:#dce2f7;}
.mainstandings h3 {background-color:black;text-align:center;color:white;font:bold 13px arial, sans-serif;margin:0 0 4px 0;}
.main .key {border:1px black solid;font-size:8pt; font-family:sans-serif;padding-bottom:10px;}
.main .key h3 {margin:0;padding:2px;background-color:#1E3A8B;text-align:center;font-size:11pt;font-weight:bold;color:white;margin-bottom:8px;}
.main .key ol {margin-top:2px; margin-bottom:2px; font-weight:bold;}
.main .unfill {color:#red;}
.main a {color:#000099; text-decoration:none;}
.main a:hover {background:#FFE710;text-decoration:underline;}
.main a:visited {color:#003399;}
.main a:active {color:#0099FF;}




.menu {
  float: left;
  width: 12%;
  text-align: left;
  margin-top: 7px;
}

.menu a {
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  color: color:#203b8a;
}



.main {
  float: left;
  width: 73%;
  padding: 0 20px;
}

.right {
  background-color: #ffffff;
  float: left;
  width: 15%;
  padding: 15px;
  margin-top: 7px;
  text-align: center;
  border-style: solid;
  border-color: #203b8a;
}

.right h3 {font:bold 16px arial,sans-serif;color:#203b8a;text-align:center;margin:4px 0 4px;}

.lbox {margin-top:15px;text-align:center;background:#eeeeee;border:2px #203b8a solid;}
.lbox h3 {font:bold 16px arial,sans-serif;color:#203b8a;text-align:center;margin:4px 0 4px;}
.lbox p {margin:12px auto;text-align:center;}


table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 620px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

.congratswinner table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;
    text-align: left;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

@media only screen and (min-width: 621px) {
  /* For mobile phones: */
  .mainstandings {display:none;}
}


@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
  .leftstandings {display:none;}
}