*********************************************/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #F0F0F0;  /* gray */

}


a:link { 
    text-decoration: none; 
	font-size: 14px; 
	font-weight: normal; 
	color:#00539F;  /* royal blue */ 
}
a:visited { 
    text-decoration: none; 
	font-size: 14px; 
	font-weight: normal; 
	color:#00539F 
}
a:hover { 
    text-decoration: none; 
	font-size: 14px; 
	font-weight: normal; 
	color:#990000 
} 

 
.container {
  width: 1050px;
  background-color: #abb1b8;  /* gray */

}

.div_left_column {
  background-color: #fff;  /* white */
  width: 245px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  padding-top: 10px;
}

.div_left_column p {
  font-size: 12px;
  font-weight: 600;
}

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

.div_table_special {
  background-color: #FFFFCC;  /* pale yellow */
  margin-bottom: 10px;
  color: #000;
  font-size: 14px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: #808080 5px inset;
}

.div_table ul {
  list-style-type: square;
}

.div_table li {
  padding-top: 10px;
}


h1 {
 font: Verdana, Arial, Helvetica, sans-serif;
 color: #00539F;
 margin: 0px;
 padding: 0px;
}

h2 {
 font: Verdana, Arial, Helvetica, sans-serif;
 color: #00539F;  /* royal blue */
 margin: 0px;
 padding: 0px;
 font-size: 22px;
 font-weight: 700;
}

h3 {
 font: Verdana, Arial, Helvetica, sans-serif;
 color: #00539F;
 margin: 0px;
 padding: 0px;
 font-size: 18px;
 font-weight: 700;
}


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


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

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


/* ********************************************************************** */
/*   ----------- Styles for the navigation bar -----------   */ 
/* ********************************************************************** */
.sll_navbar {
      clear:both;
      width: 1025px;
      /* padding:5px;  */  /* top right bottom left */
      height: 50px;
      background-color:#c9292e;   /* red */
      }

#navbar {
      list-style:none;
      margin-bottom:10px;
      float:left;  /* Float parameters force elements to stay on a single line */
      width:1025px;
      padding:5px;
      background-color:#c9292e;   /* red */
      }

#navbar li {
      font-size:1.6rem;
      list-style-type:none;
      float:left;
      margin-right:10px;
      margin-left:5px;
      border-radius:5px;
      position:relative;
      }

#navbar a {
      display:block;
      padding:6px;
      color: #fff;
      font-weight: bold;
      text-shadow: 2px 1px 0 #000;
      background:#cc0000;
      text-decoration:none;
      }

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

/* Dropdown styling */

#navbar ul{
      list-style: none;
      position: absolute;
      background-color: #203E7C;   /* royal blue  */
      left: -9999px; /* Hide off-screen when not hovered over */
      z-index: 10 !important;
      } 

#navbar ul li{
      padding-top:5px; /* Between the li items for spacing */
      float:none;
      margin-left:-25px;
      }

#navbar ul a{
      white-space:nowrap; /* Stop text wrapping */
      }

/* Display the dropdown on hover */
#navbar li:hover ul{ 
      left:0; /* Bring back on-screen when needed */
      z-index: 99 !important;
      }

/* The top link display when a user hovers over sub-menu items */
#navbar li:hover a{ 
      text-decoration: none;
      background-color: #203E7C;   /* royal blue  */
      }

/* The hover state defined a global style for links even before they're hovered over. Here we undo these effects. */
#navbar li:hover ul a{ 
      text-decoration:none;
      }

/* Defines the most explicit hover states when a user hovers over an individual link. */
#navbar li:hover ul li a:hover{ 
      background-color:  #203E7C;   /* royal blue  */
      }

/* ********************************************************************** */
/*   ----------- Styles for the images -----------   */ 
/* Add spacing around images and create different image sizes */
/* ********************************************************************** */
img {
   margin:5px;
}

.smaller-img{
   padding: 5px;
   width: 80px;
}

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

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

.medium-img2{
   padding: 5px;
   width: 125px;
}

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

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

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

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

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

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

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

/* ********************************************************************** */
/* 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:1025px;
      background-color:#203e7c;   /* royal blue  */
      height:335px;
      margin-left: 0px;
      margin-top: -20px;
      margin-bottom: 0px;
      }

/* phone numbers will render as links on phones so style the potential link */

#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 0 30px;  /* top right bottom left */
   }

/*  media icons right justified */
#media_block {
      float: right;
      padding: 30px 10px 0 0;  /* top right bottom left */
      margin: 0 20px 0 0;  /* top right bottom left */
      }

/*  set height and spacing for media icons */
#media_block img {
      height: 25px;
      margin-right: 5px;
      }

.sponsor_hdr_link a {
   font-size: 2.1rem;
   color: #eee;
}

.sponsor_hdr_link a:hover { 
   text-decoration: underline;
   color: #ccc;
 
} 
/* ********************************************************************** */


.champ_block {
  margin-left: 75px;
  width: 950px;
  border: #808080 15px inset;
  background-color:#204d7c;   /* royal blue  */
  padding: 5px;
  line-height: 2.3;
}

.champ_block h3 {
  font-size: 2.5rem;
  font-weight: 600;
  padding-bottom:5px;
  color: #992600;  /* dark red */
}


.champ_block ul {
  list-style-type: square;
}

.champ_block li {
  font-size: 14px;
  color: #fff;  /# white #/
}


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

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

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

/* align text left */
.chg_align_left {
   text-align: left;
   padding: 1px;
}

/* turn text red */
.turn_red {
	color: #992600;
}

.history td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}


p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}


.p_sponsor {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: normal;
}


p.sub {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
}

form {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}


ul {
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}


li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}


.footer
 {
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; 
    background: #9FB0DE; /* light gray  */
    color:#000000;
    width: 100%;
}
a.footer:link { 
    text-decoration: none; 
	font-size: 12px; 
	font-weight: normal; 
	color:#00539F;
}
a.footer:visited { 
    text-decoration: none; 
	font-size: 12px; 
	font-weight: normal; 
	color:#00539F;
}
a.footer:hover { 
    text-decoration: none; 
	font-size: 12px; 
	font-weight: normal; 
	color:#F73F47;
}
 
.indent {
	margin-left:50px;
	line-height:1.5;
}


/* ********************************************************************** */
/* code for sponsor image carousel                                        */
/* ********************************************************************** */


.carousel{
    background: #fff; changed to light gray from #2f4357; */
    margin-top: 20px;
}

.carousel .item{
    min-height: 250px; /* Prevent carousel from being distorted if for some reason image doesn't load, changed from 280px */
}

.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}


#myCarousel1 {
  width: 245px;
  height: 250px;
}
#myCarousel2 {
  width: 245px;
  height: 250px;
}
#myCarousel3 {
  width: 245px;
  height: 250px;
}
#myCarousel4 {
  width: 245px;
  height: 250px;
}
#myCarousel5 {
  width: 245px;
  height: 250px;
}

#myCarousel1 img {
  max-width: 175px;
}
#myCarousel2 img {
  max-width: 175px;
}
#myCarousel3 img {
  max-width: 175px;
}
#myCarousel4 img {
  max-width: 175px;
}
#myCarousel5 img {
  max-width: 175px;
}

.center { 
    height: 275px;
    position: relative; 
}

.center img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sponsorimg {
    width: 225px;
    padding: 10px;
}

.sponsorimg_home {
    width: 225px;
    padding: 5px;
}
.sponsorlist {
    background-color:#c9292e; /* red*/
    color: #fff;
}