@charset "UTF-8";

h1 {
   font-size:1.5rem;
      color:black; /*I added a font color of black to our <h1> style.*/
   }  

h2 {
   font-size:2.1rem;
   font-weight: bold;
   }  

h3 {
   font-size:2.1rem;
   font-weight: 500;
   }  


h4 {
   font-size:1.8rem;
   }     

article {
   color:#000;  
   min-height:480px;
   padding:5px; 
   }

/* re-size images for mobile */

.small-img{
   padding: 5px;
   width: 60px;
}

.medium-img{
   padding: 5px;
   width: 150px;
}

.medium-img2{
   padding: 5px;
   width: 150px;
}
.medium-img-height{
   padding: 5px;
   height: 100px;
}

.medium-img-height2{
   padding: 5px;
   height: 100px;
}

.medium-img-height25{
   padding: 5px;
   height: 100px;
}

.medium-img-height3{
   padding: 5px;
   height: 35px;
}

.med_large-img{
   padding: 5px;
   width: 250px;
}

.large-img{
   padding: 5px;
   width: 270px;
}

.large-img-height{
   padding: 5px;
   height: 175px;
}

.larger-img{
   padding: 5px;
   width: 250px;
}

.large400-img{
   padding: 5px;
   width: 270px;
} 

.large500-img{
   padding: 5px;
   width: 280px;
} 

.large600-img{
   padding: 5px;
   width: 290px;
} 

.largest-img{
   padding: 5px;
   width: 300px;
}

/* align text right */
.chg_align_right {
   text-align: right;
   padding: 1px;
}

/* align text left */
.chg_align_left {
   text-align: left;
   padding: 1px;
}
.larger-img{
   padding-top: 5px;
   width: 400px;
}

.image_collapse{
   width: 95%;
}

/* center text */
.chg_align_center {
   text-align:center;
   padding: 1px;
}

/* justify text */
.chg_align_justify {
   text-align: justify;
   padding: 1px;
}



/* ********************************************************************** */
/* Styles for the top bar with contact information and social media links */ 
/* ********************************************************************** */

      /* style the black stripe on the top of the page */
      #sll-header {
      width:100%;
      height:285px;
      background-color:#203E7C;
      padding-top: 10px;
      margin: 0 auto;
      text-align: center;
      }

      #sll-header p {
      font-size:1.6rem;
      color:#fff;   
      text-shadow: 1px 1px 0 #000;
      line-height:1.7;
      font-weight: bold;
      padding: 30px 0 10px 0;  /* top right bottom left */
      margin: 0 0 0 -10px;  /* top right bottom left */
      }

      #media_block {
      width: 100%;
      margin-left:0px;
      }

      /*  maintain height and spacing for media icons */
      #media_block img {
      height: 30px;
      padding-right:5px;
      }



/* override bootstrap background width */
.chg_bg_width_1 {
   width: 100%;  
   padding-left: 10px; 
   margin-bottom:10px;
}

.container {
  width: 100%;
  background-color: #fff;  /* white */
  padding-left: 0px;
  padding-right: 0px;
}

.div_left_column {
  background-color: #fff;  /* white */
  text-align: center;
  color: #000;
  padding-left:0px;
}

.div_table {
  background-color: #F0F0F0;  /* gray */
  margin-bottom: 5px;
  font-size: 14px;
  padding-left: 10px;
}

.div_table, .div_left_column h2 {
  color: #00539F;  /* royal blue */
  font-weight: 900;
}

.mobile_hdr_div {
  background-color: #dcc;  /* gray */
}
.mobile_hdr_div h2 {
  color: #c9292e;  /* red */
}

 
/* change link styling to something ???  */
p, a {
   font-size:1.4rem;
   text-decoration:none; 
   font-weight: 400; 
}

p {
   color: #000;
}

.champ_block {
  margin-left: 0px;
  width: 100%;
  border: #808080 5px inset;
  background-color: #cccccc;
  padding: 2px;
  line-height: 1.5;
}
.champ_block li {
  font-size: 12px;
  color: #000;
}

/* create a class to hide elements */
.hide_me {
   display:none;
   }

/* create a class to hide elements */
.show_hide {
   display:none;
   }


/* create a class that hides the element in full size but shows it in mobile */
.hide_show {
   display:inline;
   }

/* create a class that hides the element in full size but shows it in mobile */
.show_hr {
   display:normal;
   }


/* ********************************************************************** */
/*                     Styles for the main page body                      */ 
/* ********************************************************************** */


/* Create style for links in main paragraphs */
.inline_link  {
   text-weight: bold;
   color: #203E7C;
   text-shadow: 1px 1px 0 #eee;
   }

.inline_link a {
   text-weight: bold;
   color: #203E7C;
   text-shadow: 1px 1px 0 #eee;
   font-size:1.65rem;
   }

.inline_link a:hover, a:active {
   text-weight: bold;
   color: red;
   text-shadow: 1px 1px 0 #eee;
   background-color: #fff;   /* white  */
} 
 
input {
  width: 275px; 
}



/* adding a little padding to mobile columns */
.row{
    padding: 0 10px 0 10px;  /* top right bottom left */
    }


/* format list & override bootstrap formatting  */
.normal_list li {
   font-size:1.7rem;
   color: #000;
   border: 0;
   padding: 10px 0 10px 0; /* top right bottom left */
   text-align: center;
   }

/* shrink video down to fit the screen better */
/* iframe {
 width:100%; */
 }

/* make sub-heading bigger for mobile */
.mobile_h2 { 
   font-size:1.8rem;
   color:purple;
   }

/* ********************************************************************** */
/*                      Styles for the navigation bar                     */ 
/* ********************************************************************** */


#navbar {
  background-color: #203E7C;   /* royal blue  */
  list-style:none;
  margin-bottom:20px;
  padding-top:5px;
  padding-bottom:25px;
}

#navbar li{
   position:relative;
   margin-left:-30px;
   margin-bottom:5px;
}

/*  hide drop down menus. */
#navbar ul li{
   display:none;
}

/* hide drop down caret image */
#navbar li a b.caret{
   display:none; 
}

#navbar  a {
   font-size:2.0rem;
   display: block;
   font-weight:bold;
   padding: 5px 10px 5px 10px;  /* top right bottom left */
   margin: 0px 0 -10px 0;  /* top right bottom left */
   width: 90%;
   color: #203E7C;
   background: white;
   text-shadow: 1px 1px 0 #ddd;
   border-radius: 5px 5px 5px 5px;
}

#navbar a:hover {
    color:#c9292e;   /* red */
    text-decoration:none;
}

#navbar a:active {
    color:#FFD700;  /* gold */
    text-decoration:none;
}




/* ********************************************************************** */
/*                          Styles for the footer                         */ 
/* ********************************************************************** */

footer {
   clear:both;
   width:100%;
   background-color: #203E7C;   /* royal blue  */
   text-align: center;
   margin: 0 auto;
   padding: 15px 5px 10px 5px; /* top right bottom left */
   }

footer a {
   font-size:1.4rem;
   color:#C0C0C0;   /* silver */
   text-shadow: 1px 1px 0 #000;
   line-height:2.0;
   font-weight: bold;
   }

footer a:hover {
   color:#000;
   }


footer table {
   margin: 5px 5px 20px 0px; /* top right bottom left */
   }

footer p {
   font-size:1.5rem;
   color:#C0C0C0;   /* silver */
   text-shadow: 1px 1px 0 #000;
   line-height:2.0;
   font-weight: bold;
   }

.footer-table {
   width:100%;
   }

.footer-table {
   width:100%;
   text-align:center;
   }

.footer-table td {
   width:33%;
   padding: 5px 5px 20px 0px; /* top right bottom left */
   vertical-align: top;
   }

.sponsorimg {
    width: 125px;
}