body
{
 background: #000000;
   
 font-size:97%;
 font-family: Verdana, Arial , sans-serif;
 color: #333; 
 line-height: 120%;
 margin-top: 10px;
 margin-bottom: 20px;
  
   
}

.container /*content container*/
{
 background:#fff;
}

.headerfootercontnr /* header and footer container backgrounds */
{
 background:#cff;
}


h1
{
 
 font-size:115%;
 font-weight:bold;
 
    
}


.slogan
{
 font-size: 60%;
 
}


.floatL
{
 float:left;

}


h2
{
 margin-top: 15px;
 margin-left: 45px;
 margin-bottom: 20px;
 font-size: 110%;
 font-weight:bold; 
 
  
}

h3
{
 margin-top: 20px;   
 margin-left: 45px;
 margin-bottom: 15px;
 font-size: 105%;
 font-weight:bold;
 
    
}

p
{
 font-size: 97%;
 margin: 5px 65px 10px 45px;
 
}

.ruleslistmargins
{
 margin: 5px 65px 10px 45px;   
}

.quickmenulist
{
 margin: 5px 65px 10px 45px;
}


.topmargin
{
 margin-top: 55px;
}

/* Image styling */

.border-shadow
{
 border: 1px solid #333;
 box-shadow: 1px 2px 3px #333;
}




/* General Link styling for content */
.contentL
{
 text-decoration: none;
 color: #03a;
}
.contentL:hover
{
 color:#911;
 text-decoration: none;   
}



.boldlink
{
 font-weight:bold;
}

/* logo: link styling and positioning */
.logo
{
 margin: 0 10px 0 20px;
}

.logo:hover
{
 opacity:0.8;
   
}

.logohome /* for home page header logo */
{
 margin: 0 10px 0 20px;
}





.center
{
 text-align: center;
}

/* menu styling */

.navbar-brand
{
 margin-top: 5px;
 
}

.navbar
{
background:#cff;
border-bottom: 3px solid #C03730;

}

.nav-link
{
background:transparent;
color:#000000;
font-size:97%;
padding: 0 2px;  
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;
font-weight: bold;
}


.nav-link:hover
{
background:transparent;
color:#911;
padding: 0 2px; 
font-weight: bold;
   
}

#current
{
 color: #030;  
 background: transparent;
 font-weight: bold;	

}

.nav-link:focus
{
 color: #639;  
 background: transparent;
 padding: 0 2px;
 font-weight: bold;	
 
    
}

.navbar-toggler
{
background:#C03730;
color:#fff;
border: 1px solid #fff;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 15px;
}

/* General footer menu styling */

nav.footernav
{
 
 padding-top: 5px;	
 
}

ul.footernav
{
 list-style: none;
 margin-left: -20px;
    
}

li.footernav
{
 display: inline-block;
 padding: 0 2px;
 margin-right: 6px;   
}




#footer
{
 
 padding: 10px;
 background:#cff;
 border-top: 3px solid #C03730;
 margin-bottom: 0;
}

#footer p
{
 color: #333;
 text-align: center;
 font-weight: bold;
 padding: 10px 0 0 30px;
 margin-left: 35px;
 font-size: 97%;
    
}


/* General (social media) icon menu list styling */

.floatR
{
 float:right;
}

.iconnav
{
 margin: 5px 25px 0 0;
}

.iconlink
{
 -webkit-border-radius: 25px;  
 -moz-border-radius: 25px;  
 -ms-border-radius: 25px;   
 -o-border-radius: 25px;    
 border-radius: 25px; 
 margin-left: 3px;
 margin-right: 5px;   
}

.iconlink:hover
{
 opacity: 0.8;
  
}


/*image links (Sponsors) and button styling */

.imglink
{
 margin-bottom:15px;
 
}

.imglink:hover
{
 opacity:0.8;
}



.btn
{
 color: #fff;
 padding: 10px;

 -webkit-border-radius: 10px;  
 -moz-border-radius: 10px;  
 -ms-border-radius: 10px;   
 -o-border-radius: 10px;   
    
 border-radius: 10px;    
}

.btn:link
{
 background: #C03730;  
 font-size:97%;
 text-decoration: none;   
 font-weight: bold;
 text-align: center;    
 box-shadow: 1px 2px 1px #911; 
}

.btn:hover 
{
 background: #cff;   
 box-shadow: none;   
 color: #093A9A; 
 font-weight: bold;
 border: 1px solid #093A9A;   
}

/* Table styling */


th
{
  
color: #cff;
text-align: left; 
font-size: 97%;

}

td
{
 font-size: 97%;
 
 border-bottom: 1px solid #03a;
 max-width:175px;
 
}



.zebra /* row striping in tables */
{
 background: #eee;
}



thead
{
 background: #03a;
 color: #fff;
 font-weight: bold;
 
}

table
{
 margin-left: 175px;
}



.extraspace
{
 margin: 15px 0;
}



/* quick link style/positioning */

.indexlink
{
 text-align: right;
}



/* For font sizing and spacing at smaller screen sizes */
/* Media Queries Section: xs, sm, and md layouts */

/* xs layout */

@media (max-width: 640px)
{ 
    
body
{
 font-size: 80%;
 
}  
    
 p
 {
  font-size:80%;
  margin:5px 30px 10px 15px;    
 }
    
 .ruleslistmargins
{
 margin:5px 30px 10px 15px; 
 font-size:80%;   
} 
    
 .quickmenulist
{
 margin:5px 30px 10px 15px; 
 font-size:80%;  
}   

  h1
 {
   font-size: 95%; 
   margin-left: -60px; 
   font-weight: bold;
 }
    
  .logo
{
 margin: 0 10px 0 45px;
 width: 90px;
}  
    
.logohome
{
 margin: 0 10px 0 45px;
 width: 90px;
}      
    
    
 h2
    {
     font-size: 90%;
     font-weight: bold;
     
    margin:5px 30px 10px 15px;     
    }
    
 h3
    {
     font-size: 85%;
     font-weight: bold; 
    
     margin:5px 30px 10px 15px;    
    }
    
   .slogan
 {
  font-size:60%;
  font-weight:normal;  
 } 

 
    
 #footer p
 {
  font-size: 80%;
  
 }
 
 .nav-link
    {
     font-size:80%;
     
    }
    
 .nav-link:hover
    {
     font-size:80%;  
       
    } 
    
  
  
  
    
 
    
   li.iconnav
    {
     padding-top: 10px;
     padding-right: 10px;
    }
    
    .iconlink
    {
     width:24px;
    }
    
  .btn
    {
     font-size:80%;
     padding: 4px;
     color: #fff;
    } 
    
   .btn:link
    {
     background: #911;
     box-shadow: 1px 2px 1px #700;   
    }
    
    .btn:hover
    {
     background:#cff;
     box-shadow: none;    
    }
    
   
    
   .topmargin
  {
   margin-top: 15px;
  } 
  
    
  th
  {
   font-size: 80%; 
   
  }
    
  td
  {
   font-size: 80%;
   
  }
 
  table
    {
     margin-left:0px;
    }
    
 .size
    {
     width: 110px;
    }
    
}

/* sm layout */

@media (min-width: 641px) and (max-width: 768px)

{
  body
{
 font-size: 85%;
}  
   
 
.logo
    {
     width: 105px;
     margin: 0 10px 0 40px;   
    }
       
  .logohome
   {
     width: 105px;
     margin: 0 10px 0 40px;  
    } 
    
    
 p
 {
  font-size:85%;
  margin:5px 45px 10px 25px;    
 }
    
 .ruleslistmargins
{
 margin:5px 45px 10px 25px; 
 font-size:85%;   
} 
    
   .quickmenulist
{
 margin:5px 45px 10px 25px; 
 font-size:85%; 
}   
 
  h1
 {
   font-size: 100%; 
   margin-left: -30px;
 }
    
 h2
    {
     font-size: 95%;
     font-weight: bold;
     margin-bottom: 10px;
     margin:5px 45px 10px 25px;   
    }  
    
  h3
    {
     font-size: 90%;
     font-weight: bold; 
     
     margin:10px 45px 10px 25px;   
    }
    
   .slogan
 {
  font-size: 60%;
  font-weight: bold;   
 }   
    
  #footer p
 {
  font-size: 85%;
 }
 
 .nav-link
    {
     font-size:85%;
     
    }
    
 .nav-link:hover
    {
     font-size:85%;   
    }   
   li.iconnav
    {
     padding-top: 5px;
     padding-right: 10px;
    }
    
     .iconlink
    {
     width:24px;
     margin: 10px 5px 0 0;   
    }
    
  .btn
    {
     font-size:85%;
     padding: 6px;
    }  
    
    .btn:link
    {
     background: #911;
     box-shadow: 1px 2px 1px #700;
    }
    
    
    
    .btn:hover
    {
     background:#cff;
     box-shadow: none;    
    }
    
   
    
  .topmargin
  {
   margin-top: 15px;
  } 
    
  th
  {
   font-size: 85%;  
   
   
  }
    
  td
  {
   font-size: 85%;
  }
    
  table
    {
     margin-left:5px;
    }
      
  
}


/* md layout */

@media (min-width: 769px) and (max-width: 960px)
    
{
    
  body
 {
  font-size: 94%;
 }  
    
 .logo
    {
     width: 120px;
    }
 .logohome
    {
     width: 120px;
    } 
    
  
 p
 {
  font-size:94%;
  margin:5px 55px 10px 25px;   
 } 
    
 .ruleslistmargins
{
 margin:5px 55px 10px 25px; 
 font-size:94%;   
}  
    
   .quickmenulist
{
 margin:5px 55px 10px 25px; 
 font-size:94%;   
}     
    
 h1
 {
   font-size: 110%;     
 } 
    
 h2
    {
     font-size: 105%;
     font-weight: bold;
  
     margin:5px 55px 10px 25px;    
    }     
    
  h3
    {
     font-size: 100%;
     font-weight: bold; 
     
     margin:10px 55px 10px 25px;    
    }  
    
    .slogan
 {
  font-size: 60%;
  font-weight: bold;   
 }   
    
  #footer p
 {
  font-size: 94%;
 } 
    
  .nav-link
    {
     font-size:94%;
    
    }
    
 .nav-link:hover
   {
    font-size:94%;   
   }   
    
   li.iconnav
    {
     padding-top: 5px;
     padding-right: 10px;
    }  
    
     .iconlink
    {
     width:26px;
    }
    
    .btn
    {
     font-size:94%;
     padding: 8px;
    } 
    
  
    
   .topmargin
  {
   margin-top: 15px;
  } 
    
  th
  {
   font-size: 94%;     
  }
    
  td
  {
   font-size: 94%;
  } 
    
  table
    {
     margin-left: 10px;
     
    }  
    
}