/* Default CSS */
body {
     font-family: arial, verdana, sans-serif;
     padding: 0;      
     width: 99.8%;
     font-size: 100%;
     margin: 0;
     background-color: #d8eafe;
     }
.header {
     width: 100%;
     border: solid 1px #2173c9;
     background-color: #fff;         
     height: 220px;
     clear: both;
     border-radius: 10px;
     box-shadow: 6px 6px 5px #333;
     }
img {
     border: none; 
     }    
p.p-logo {        
     text-align: left;
     width: 20%;
     margin-left: 1em;
     margin-top: 28px;
     margin-bottom: 5px;     
     }
img.logo {
     width: 500px;
     height: 156px;
     }
p.img-highlight {
     position: absolute;
     top: .5%;
     right: 1%;     
     margin-top: 0;
     margin-bottom: 5px;     
     }
img.highlight {
     width: 466px;
     height: 210px; 
     }
p.header-text {
     position: absolute;
     top: 2%;
     left: 42%;
     width: 17%;
     font-size: 1.50em;
     font-weight: bold;
     font-style: italic;
     text-align: center;     
     padding-left: 10px;
     padding-right: 10px;
     color: #fa8617;
     background-color: inherit;     
     padding-top: 10px;
     margin-top: 0;      
     }
span.address {
     font-size: .7em;
     font-weight: bold;
     color: #fa8617;
     line-height: 10px;         
     }
.announce {
    
      }
marquee {
     color: red;
     background-color: #fff;
     font-size: 1em;
     font-weight: bold;     
     padding: 2px;
     vertical-align: bottom;
     text-align: center;
     width: 98%;
     }
.status-light {
     position: relative;
     left: 1px; 
     top: -3px; 
     width: 55px;
     margin-bottom: 5px;     
     vertical-align: top;
     z-index: 100;
     }
.nav {
     background: #2173c9;
     color: #fff;
     padding: 5px 5px 5px 1px;
     margin-top: 5px;
     border-radius: 10px;
     box-shadow: 6px 6px 5px #333;       
     }
.nav ul {
     margin-top: 8px;
     }
.nav ul li {
     display: inline-block;
     /*border: solid 1px #fb7400;*/     
     list-style-type: none;
     border-radius: 10px;
     /*padding: 3px;*/
     /*box-shadow: 3px 3px 5px #333;*/ 
     box-shadow: 3px 3px 5px #f7d3b9;
     width: 13%;       
     }                     
 .nav ul li.img {
     border: none;
     border-radius: 0;
     padding: 0;
     box-shadow: none;
     background-color: #2173c9;          
     }
.nav ul li.img img {
     margin-bottom: -17px;
     margin-top: -3px;     
     }
.nav > ul > li.img:hover, .nav > ul > li.img:focus {
     box-shadow: none; 
     }
.nav ul ul li {
     display: none;     
     }
.nav > ul > li > a {
     text-decoration: none;
     font-weight: bold;
     font-size: .9em;
     color: #fa8617;
     background-color: #000;
     display: block;
     /*padding: 5px;*/
     padding: 8px;
     border-radius: 10px;
     }
.nav ul li a:visited {
     color: #fa8617;
      }
.nav > ul > li:hover, .nav > ul > li:focus {
     /*box-shadow: 3px 3px 5px #666;*/
     box-shadow: 3px 3px 5px #fff; 
     }
.nav > ul > li:hover > a, .nav > ul > li:focus > a, .nav > ul > li:active > a {
     background-color: #000;
     color: #fff;/*#ffff03;*/     
     }
.nav > ul > li > div, .nav > ul > li > div > ul > li > div {
     display: none;
     margin: 0;
     opacity: 0;
     border: none;
     position: absolute;     
     width: 200px;
     visibility: hidden;
     z-index: 200;
     }
.nav > ul > li:hover > div, .nav > ul > li:hover > div > ul > li:hover > div {
     display: block;
     opacity: 1;
     visibility: visible;
     margin-top: -6px;
     }
.nav > ul > li > div > ul > li {
     display: block;
     padding: 3px;
     background-color: #000;
     margin-left: -31px;
     width: 150px;
     }
 .nav > ul > li > div > ul > li > div > ul > li {
     display: block;
     padding: 3px;
     background-color: #202020;
     margin-left: 1px;
     width: 150px;
     }    
.nav > ul > li > div ul > li > a {
     color:  #fb7400;
     font-size: .9em;
     display: block;
     padding: 7px;
     text-decoration: none;     
     }
.nav > ul > li > div ul > li:hover > a, .nav > ul > li > div ul > li:focus > a {
     background-color: #000;
     color: #fff;
     }
.nav > ul > li > div ul > li > div > ul > li:hover > a, .nav > ul > li > div ul > li > div > ul > li:focus > a {
     background-color: #202020;
     color: #fff;
     }     
p.advert, p.advert2, p.advert-img, p.advert-img-white, p.advert-img-black {
	width: 98%;	
	margin: 1px auto 1px auto;
	padding: 1px;    
	}
p.advert, p.advert-img-white, p.advert-img-black {	
	color: #000;	
	font-weight: bold;
	}
p.advert {
	background-color: #999;
    padding: 8px 0 8px 0;
    box-shadow: 3px 3px 5px #333;	
	}
p.advert-img-white {	
	background-color: #fff;
	text-align: center;   
	}
p.advert-img-black {
	background-color: #000;
	text-align: center;
	}
p.advert-img {
	text-align: center;
	}	
p.advert2 {
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #000; 	
	}
p.advert3 {
	width: 97%;	
	margin: 10px auto 10px auto;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-color: #000000;	
	}
.sponsor-img {    
    float: left;
    text-align: center; 
    width: 165px;
    height: 110px;
    clear: right;  
    }
.sponsor-img > img, p.sponsor-img > a {
    padding: 0 0 5px 5px;
    border: none;
    }
.sponsor-img > a > img {
    border: none;
    }
.content-sponsors {
     background-color: #363435;
     clear: both; 
     }
.imgwrap {
     text-align: center;
     margin-left: 10%; 
     margin-right: 10%;
     clear: both;
      }
.imgwrap > img, .imgwrap > a > img {
     border: 1px solid #000080;
     }
.main-content {
     width: 57%;
     float: left;
     background-color: #fff;
     padding-left: 1em;
     padding-right: 1em;
     min-height: 1412px;
     margin-left: 4%;
     }
h2.content, h2.content-center, h3.content, h4.content, h2.content-40, h3.content-red {
	font-family: times, "times new roman", serif;
	color: #000080;
    font-weight: bold;
	background-color: #fff;
	margin-top: .20em;
	margin-bottom: .20em;	
	padding: .1em;
    border-bottom: 2px dotted #000080;
	}
h1.content {
    font-family: times, "times new roman", serif;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    padding: 5px;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 0px;
    border-top: solid 2px #363435;
    text-align: center;
    }
p.links {
	font-size: .8em;
    line-height: 1.5em;
    margin-top: -8px;
	}
p.results { 
    font-size: .8em;
	color: #000;
	background-color: #ffffff;	
	font-weight: bold;
    }
p.results-line2 { 
    color: #000080;
    background-color: #fff;
    font-size: .8em;
	font-weight: bold;
    margin-left: 3%;
    margin-top: -10px; 
    }
.recap-author {
	font-weight: bold;
	color: #808080;
	background-color: #fff;
	}
.brown1, .brown2, .brown2a, .brown2center, .brown2center2, .brown3, .brown2b  {
	color: #f87308;
	background-color: #ffffff;	
	}
.brown1, .brown2, .brown2a, .brown2center, .brown2center2, .brown2b {
	font-weight: bold;
	}
.brown1 {
	font-size: 1.1em;
	margin-bottom: 1px;
	}
.brown2 {
	font-size: 1em;	
	}
.brown2a {
	font-size: 1em;
	margin-left: .25em;
	}
.brown2b {
	font-size: 1em;
	margin-left: 1.25em;
	}
.brown2center {
	font-size: 1em;
	text-align: center;
	margin-bottom: 1px;
	}
.brown2center2 {
	font-size: 3em;
	text-align: center;
	margin-bottom: 5px;
	}
.brown3 {
	font-size: .8em;
	font-weight: normal;	
	}
.img-rt2a { /* Use with <p> above another <p> or more than one with releated text */
	float: right;
	width: 300px;
	color: #000;
	background-color: #fff;
	font-size: .8em;
	font-style: italic;
	margin: 3px 0 3px 3px;
	padding: 2px;
	}
.img-rgt-pullout, .img-rgt-pullout2, .img-rgt-pullout2a, .img-rgt-pullout3 { 
	float: right;
	border: 1px solid #0048a5;	
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 4px;
	font-size: .8em;		
	color: #008;
	background-color: #efebec; 
	text-align: center;
    box-shadow: 3px 3px 5px #666;
	}
.img-rgt-pullout3 {
	width: 98%;	
background-color: #d8eafe;
	}
.img-rgt-pullout {
	width: 80%;	
	}
.img-rgt-pullout2 {
	width: 65%;	
	}
.img-rgt-pullout2a {
	width: 300px;	
	}
.img-lft-pullout, .img-lft-pullout2 {	
	float: left;
	border: 1px solid #0048a5;	
	margin-right: 2.5em;
	margin-bottom: .1em;
	margin-top: .1em;
	padding: 4px;
	font-size: .8em;
	color: #008;
	background-color: #d8eafe; 
	text-align: center;
    box-shadow: 3px 3px 5px #666;
	}
.img-lft-pullout {
	width: 295px;
	}
.img-lft-pullout2 {
	width: 65%;
	}
p.flexImages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;       
 }
 img.flexImagesItem {
    margin: 10px;
    flex-basis: 200px;
    flex-grow: 1;
    flex-shrink: 1;
  }
.hlight {
    color: red;
    background-color: inherit;
    }	
.red2, .red3, .red3a, .red3announce {
	color: red;
	background-color: #eef7ff; 
	font-weight: bold;	
	margin-bottom: .3em;
	border: 1px solid #0973e1;	
	padding: .2em;	
	}
.red3announce {
   background-color: #eef7ff;
   border: 1px solid #0973e1;
   margin-bottom: .35em;
   padding: .36em;
 }
.red2 {
	font-size: 1.2em;
	width: 98%;
	text-align: center;
	}
.red3, .red3a, .red3announce  {
	font-size: 1em;
	}
.red3 {
	width: 48%;
    height: 100px;
    text-align: center;   
	}
.red3a {	
	width: 95%;    
	}
.red3announce {
    margin-left: 60px;
    margin-top: -108px;
    font-weight: normal;
    width: 89.5%; 
    padding-left: 10px;       	    
    }
table.premium {
	width: 100%;
	border-collapse: collapse;
	}
table.premium th, td {
	border: 1px solid #000;
	}
table.premium th {
	color: #fff;
	background-color: #2173c9;
	font-weight: bold;
	}
table.premium th.one {
	width:45%;	
	}
table.premium th.two {
	width: 38%;
	}
table.premium th.three {
	width: 15%;
	}
table.premium td {
	text-align: center;
	}
table.premium td.leftalign {
	text-align: left;
	padding: 2px;
	}
table caption {
	font-weight: bold;
	font-size: 1.1em;
	color: #fa8617;
	background-color: #000;
	width: 100%;
	margin: auto;
	}
table.points {
	width: 100%;
	border-collapse: collapse;	
	}
table.points th, td {
	border: 1px solid #999;
	}
table.points th {
	color: #fff;
	background-color: #2173c9;
	font-weight: bold;
	}
table.points th.one {
	width: 25%;	
	}
table.points th.two {
	width: 25%;
	}
table.points th.three {
	width: 25%;
	}
table.points th.four {
	width: 25%;
	}
legend {
	color: #fff; 
	background-color:#000;
	border: 4px groove #000;
	font-weight: bold;
	}
fieldset {
	border: 4px groove #000;
	margin-bottom: 5px;	
	padding: 5px;
    width: 97%;
	}
input, textarea, option, select {
	color: #000;
	background-color: #d8eafe;
	}
a.content {
	color: #066db2; 
	background-color: #e6dede;
	text-decoration: none;        
	}
a.content:visited {
	color: #066db2;
	background-color: #e6dede; 
	text-decoration: none;
	}
a.content:hover {
	color: #fa8617;
	background-color: #000; 
	text-decoration: none;
	}
a.content:active {
	color: #fa8617;
	background-color: #000; 
	text-decoration: none;
	}
.skip-nav {
    font-size:8px; 
    margin-top: -3px; 
    margin-bottom: -3px; 
    margin-left: 5px;
    }
.right-column {
     margin-right: 0;
     width: 32%;
     float: left;
     background-color: #d8eafe;
     text-align: center;    
     }
.right-column img {
     padding-top: 5px; 
     }
.footer {
     clear: both;
     text-align: center;
     background-color: #000;
     color: #fff;
     padding-top: 5px;
     padding-bottom: 5px;
     }
 .button-link{
     margin-top: 2px;
     margin-bottom: 2px;
     width: 250px;
     background-color: #000;
     border-radius: 10px;
     padding: 15px 20px 15px 20px; 
  }
 .button-link:hover {
     border: 2px solid #fa8617;
     padding: 13px 18px 13px 18px;
  } 
a.button {
     padding: 13px 18px 13px 18px;
     background-color: #000;
     color: #fff;
     text-decoration: none;     
     }
a.button:hover {
	color: #fa8617; 
    }
   .sponserLargeLogo {
   max-width: 225px;
     }  
@media screen and (max-width: 1288px){
    p.header-text {
      font-size: 1.20em;
      width: 15%
      left: 40%;
      }
    img.logo {
     width: 475px;
     height: 148px;
     }
    }
@media screen and (max-width: 1195px){
   .red3announce {
     width: 89%;           	    
    }   
       }
@media screen and (max-width: 1165px){
    .red3announce {
      width: 88.5%;           	    
    } 
    img.logo {
     width: 450px;
     height: 140px;
     }
    img.highlight {
     width: 450px;
     height: 203px;
     }
   .header {
     height: 215px;
     }
   p.header-text {
     font-size: 1.15em;
     left: 40.5%;
     width: 13%;
      } 
       }
@media screen and (max-width: 1120px){
    img.logo {
     width: 425px;
     height: 133px;
     }
    img.highlight {
     width: 425px;
     height: 191px;
     }
   .header {
     height: 203px;
     }
   p.header-text {
     font-size: 1.10em;
     left: 40%;
     width: 12%;
      } 
       }
@media screen and (max-width: 1090px){
    .red3announce {
      width: 88%;           	    
     }     
   p.header-text {
     left: 41%;
      } 
       }
@media screen and (max-width: 1075px){
     .nav ul {       
       margin-left: -10px;
       margin-right: 50px;
       }
     img.logo {
      width: 400px;
      height: 125px;
      }
     img.highlight {
      width: 400px;
      height: 180px;
      }
     .header {
      height: 192px;
     }       
       }
@media screen and (max-width: 1060px){
    .red3announce {
      width: 87.5%;           	    
     }
     }    
@media screen and (max-width: 1045px){
      img.logo {
      width: 375px;
      height: 117px;
      }
     img.highlight {
      width: 375px;
      height: 169px;
      }
     .header {
      height: 182px;
     }
       }
@media screen and (max-width: 1015px){
    .red3announce {
      width: 87%;           	    
     } 
    .nav ul {
     margin-left: auto;
     margin-right: auto;
     }       
   .nav ul li {
     width: 22%;
      }
      }          	    
@media screen and (max-width: 1000px){   
   .red3announce {
      width: 86.5%;           	    
     }
       }
@media screen and (max-width: 985px){   
     .right-column {     
     width: 31.50%;         
     }
    .main-content {
     width: 57.50%;     
     }
       }
@media screen and (max-width: 970px){
    .right-column {     
     width: 31%;         
     }
     .main-content {
     width: 58%;     
     }
   p.header-text {
     font-size: 1.15em;
     left: 41.5%;
     width: 13.5%;
      }   
       }
@media screen and (max-width: 955px){
   .right-column {     
     width: 30.5%;
     border-left: 1px solid #666;         
     }
   .main-content {
     width: 58.5%;
     border-right: 1px solid #666;     
     }   
   .red3announce {
      width: 86%;           	    
     }
      img.logo {
      width: 350px;
      height: 109px;
      }
      img.highlight {
      width: 400px;
      height: 180px;
      }
   .header {
      height: 195px;
     }
   p.header-text {
     font-size: 1em;
     left: 1%;
     width: 40%;
     top: 122px;
     text-align: left;
      } 
 p.p-logo {        
     width: 20%;
     margin-left: 1em;
     margin-top: 10px;
     margin-bottom: 1px;     
     }              
       }
 @media screen and (max-width: 940px){
   .right-column {     
     width: 30%;         
     }
     .main-content {
     width: 59%;     
     }   
           }
 @media screen and (max-width: 925px){
   .right-column {     
     width: 29.5%;         
     }
   .main-content {
     width: 59.5%;     
     }                            
     }
@media screen and (max-width: 910px){
   .right-column {     
     width: 29%;         
     }
     .main-content {
     width: 60%;     
     }
     }
@media screen and (max-width: 895px){
   .right-column {     
     width: 28.5%;         
     }
     .main-content {
     width: 60.5%;     
     } 
       }
@media screen and (max-width: 880px){
   .right-column {     
     width: 28%;         
     }
     .main-content {
     width: 61%;     
     }    
   .red3announce {
      width: 85.75%;           	    
     }
      }
@media screen and (max-width: 865px){
   .right-column {     
     width: 27.5%;         
     }
   .main-content {
     width: 61.5%;     
     }
     }          
@media screen and (max-width: 850px){
   .right-column {     
     width: 27%;         
     }
     .main-content {
     width: 62%;     
     }
       }                                                                                                                                                                     
@media screen and (max-width: 835px){
   .right-column {     
     width: 26.50%;         
     }
     .main-content {
     width: 62.5%;     
     }    
   .red3announce {
      width: 85.25%;           	    
     }    
       }
@media screen and (max-width: 820px){
   .right-column {     
     width: 26%;         
     }
     .main-content {
     width: 63%;     
     }
       }
@media screen and (max-width: 805px){
   .right-column {     
     width: 25.5%;
     margin-right: 3%;         
     }
   .main-content {
     width: 63.5%;
     margin-left: 3%;     
     }
      img.logo {
      width: 325px;
      height: 101px;
      }
      img.highlight {
      width: 350px;
      height: 158px;
      }
   .header {
      height: 175px;
     }
   p.header-text {
     font-size: .9em;
     left: 1%;
     width: 40%;
     top: 112px;
     text-align: left;
      }                  
    .nav ul {
     margin-left: auto;
     margin-right: auto;
     }
   .red3announce {
    width: 84.50%;           	    
     }
            }
@media screen and (max-width: 750px){
   .right-column {     
     width: 25%;
     margin-right: 2.75%;         
     }
   .main-content {
     width: 64%;
     margin-left: 2.75%;     
     }      
   .red3announce {
    width: 84%;           	    
     }
      img.logo {
      width: 300px;
      height: 94px;
      }
      img.highlight {
      width: 325px;
      height: 146px;
      }
   .header {
      height: 162px;
     }
   p.header-text {
     font-size: .8em;
     left: 1%;
     width: 40%;
     top: 105px;
     text-align: left;
      }
       }
@media screen and (max-width: 700px){
   .right-column {     
     width: 24.25%;
     margin-right: 2.50%;         
     }
   .main-content {
     width: 64.5%;
     margin-left: 2.50%;     
     }      
   .red3announce {
    width: 82.5%;           	    
     }
    img.logo {
     width: 275px;
     height: 86px;
     }
    img.highlight {
     width: 300px;
     height: 135px;
     }
   p.header-text {
     font-size: .8em;
     left: 1%;
     width: 45%;
     top: 100px;
     text-align: left;
      }
    .header {
      height: 150px;
     }
   .nav ul li {
     width: 32%;
     margin-top: 4px;
      }                      
       }
@media screen and (max-width: 650px){
 .right-column {     
     width: 27%;
     margin-right: 1%;         
     }
   .main-content {
     width: 61.25%;
     margin-left: 2%;     
     }
    .red3announce {
     width: 81%;           	    
     }
    img.logo {
     width: 250px;
     height: 78px;
     }
    img.highlight {
     width: 275px;
     height: 124px;
     }
   p.header-text {
     font-size: .8em;
     left: 1%;
     width: 50%;
     top: 90px;
     text-align: left;
      }
    .header {
      height: 140px;
     }
    .skip-nav {
     font-size:12px; 
     margin-top: 1px; 
     margin-bottom: 1px; 
     margin-left: 5px;     
    }
    .skip-nav a {
    color: #fff;
    padding: 5px;
    background: #000;
    border-radius: 10px;
    text-decoration: none;
     }                                           
      } 
 @media screen and (max-width: 600px), @media handheld {
    .right-column {     
     width: 99%;
     margin-left: 1%;         
     }
   .main-content {
     width: 92%;
     margin-left: .5%;
     margin-right: .5%; 
     min-height: auto;    
     }
    img.logo {
     width: 225px;
     height: 70px;
     }
    img.highlight {
     width: 250px;
     height: 113px;
     }
   p.header-text {
     font-size: .7em;
     left: 1%;
     width: 50%;
     top: 82px;
     text-align: left;
      }
    .header {
      height: 128px;
     }         
   .red3announce {
     width: 84%;           	    
     } 
   .nav ul li {
     width: 46%;
      }      
     }        
@media screen and (max-width: 575px), @media handheld { 
    img.logo {
     width: 200px;
     height: 62px;
     }
    img.highlight {
     width: 225px;
     height: 101px;
     }
   p.header-text {
     font-size: .7em;
     left: 1%;
     width: 50%;
     top: 75px;
     text-align: left;
      }
    .header {
      height: 120px;
     }
        }
@media screen and (max-width: 500px), @media handheld { 
    .right-column {     
     width: 95%;
     margin-left: 1%;
     }       
    .nav ul {
     margin-left: auto;
     margin-right: auto;
     }
    img.logo {
     width: 175px;
     height: 55px;
     }
    img.highlight {
     width: 200px;
     height: 90px;
     }
   p.header-text {
     font-size: .6em;
     left: 1%;
     width: 50%;
     top: 66px;
     text-align: left;
      }
    .header {
      height: 108px;
     } 
   .red3announce {
     width: 82%;           	    
     }
       }
@media screen and (max-width: 450px), @media handheld { 
    .nav ul {
     margin-left: auto;
     margin-right: auto;
     }
    img.logo {
     width: 150px;
     height: 47px;
     }
    img.highlight {
     width: 175px;
     height: 79px;
     }
    p.header-text {
     font-size: .5em;
     left: 1%;
     width: 50%;
     top: 58px;
     text-align: left;
      }
    .header {
      height: 96px;
     } 
   .red3announce {
     width: 81%;           	    
     }             
       }       
@media screen and (max-width: 400px), @media handheld {
   .red3announce {
     width: 79%;           	    
     }
    .right-column {     
     width: 95%;
     margin-left: 0;         
     }
   .main-content {
     width: 90%;
     margin-left: 0;
     margin-right: 0;     
     }
    img.logo {
     width: 125px;
     height: 39px;
     }
    img.highlight {
     width: 125px;
     height: 56px;
     }
    p.header-text {
     font-size: .5em;
     left: 1%;
     width: 50%;
     top: 50px;
     text-align: left;
      }
    .header {
      height: 86px;
     }
   .nav ul li {
     width: 90%;
     margin-top: 5px;
      }  
   .img-lft-pullout {
     width: 275px;
     }             
       }         
@media screen and (max-width: 320px), @media handheld {  
   .red3announce {
     width: 78%;           	    
     }
    img.logo {
     width: 100px;
     height: 31px;
     }
    img.highlight {
     width: 125px;
     height: 56px;
     }
     p.header-text {
     font-size: .5em;
     left: 1%;
     width: 50%;
     top: 42px;
     text-align: left;
      }
    .header {
      height: 80px;
     }
    .right-column {     
     width: 98%;
     margin-left: 0;         
     }     
      }