/*title: "Calumet Region Striders Style Sheet"*/
/* W3C CSS 3 Validated: 01/22/22 */
/* W3C CSS 3 Validated: 12/22/20 */
/* 11/09/16 Begin Mobile Menu implementation */
/* W3C CSS Validated: 1/22/16 All Table references removed */
/* W3C CSS Validated: 11/06/15 */
/* W3C CSS Validated: 3/24/10 */
/* W3C CSS Validated: 1/11/07 */
/* W3C CSS Validated: 9/19/06 */
* {
    box-sizing: border-box;
}

body             {
                     color: black;
                     background-image: url("../../images/photo_background.jpg");
                     background-repeat: repeat;
                     background-color: #85bbd9;    /* Strider Blue */
                     font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
                     font-style: normal;
                     position: relative;
                     width: 100%;
		                 margin-top: 0px;
                     margin-right: auto;
                     margin-left: auto;
                     border-collapse: collapse;
                     border-spacing: 0px;
                     padding: 0px;
                 }
                 
div.large-screen {
          display: flex;          
          flex-direction: row;
          flex-wrap: wrap;     
          justify-content: center;
          align-content: space-around; 
          align-items: flex-start; 
    } 
    
div.mobile-screen {
          display: flex;          
          flex-direction: row;
          flex-wrap: wrap;     
          justify-content: center;
          align-content: space-around; 
          align-items: flex-start; 
    }  
                               
.flex   {
          display: flex !important; 
          flex-direction: column;
          justify-content: flex-start;
          flex-wrap: wrap;
          align-items: center; 
      }
      
.stretch   {
          display: flex !important; 
          flex-direction: column;
          justify-content: center;
          flex-wrap: wrap;
          align-items: stretch; 
      }      
                  
.row  { 
          display: flex;          
          flex-direction: row;
          flex-wrap: wrap;     
          justify-content: center;
          align-content: space-around; 
          align-items: flex-start; 
    }
    
.header-row  { 
          display: flex;  
          flex-direction: row;
    } 

.header-row-flow  { 
          display: flex;  
          flex-direction: row;
    } 
    
.center-bottom-column  {
                    display: flex !important; 
                    flex-direction: column;    
    }                
    
.column-bottom  { 
          display: flex;  
          flex-direction: column;
          justify-content: flex-end;
          align-items: center;
    } 
    
    
.column-middle  { 
          display: flex;  
          flex-direction: column;
          justify-content: center;
          align-items: center;
    }    
    
.header-center-column  {  width: 50%;
                    margin: 0 auto; 
                    border-spacing: 0px;
                    border-collapse: collapse;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: center;
                    flex-wrap: wrap;
                    align-items: center; 
    }
               
.sponsor-column  {  max-width: 20%;
                    margin: 0 auto; 
                    border-spacing: 0px;
                    border-collapse: collapse;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: center;
                    flex-wrap: wrap;
                    align-items: center; 

                    flex: 1;
    }
    
.centered-column  { 
                    margin: 0 auto; 
                    border-spacing: 0px;
                    border-collapse: collapse;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: center;
                    flex-wrap: wrap;
                    align-items: center; 
                    
                    flex: 1;
    }    


          
.row-margins-15 {margin: 1rem 0rem;}
          
.row-margins-10 {margin: .667rem 0rem;}

.row-margins-5 {margin: .167rem 0rem;}

.column-margin-5  {margin: 0rem .33rem;}

.leftof-6columns,
.leftleftcenterof-6columns,
.leftcenterof-6columns,
.rightcenterof-6columns,
.rightrightcenterof-6columns,
.rightof-6columns { width: 16.667%;
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box; 

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    } 
        
.leftof-5columns,
.leftcenterof-5columns,
.centerof-5columns,
.rightcenterof-5columns,
.rightof-5columns { width: 20%;
	                  position: relative;
                    margin: 0 auto; 
                    text-align: center;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    } 

.leftof-4columns,
.leftcenterof-4columns,
.rightcenterof-4columns,
.rightof-4columns { width: 25%;
	                  position: relative;
                    margin: 0 auto; 
                    text-align: center;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    } 

.leftof-3columns,
.centerof-3columns,
.rightof-3columns { width: 33.3333%; 
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    } 
    
.right2of-3columns { width: 66.6666%; 
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    } 

.leftof-2columns,
.rightof-2columns { width: 50%;
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important;  
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    }   

.centerof-1columns {width: 100%;
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    align-items: center; 
    } 
    
.a-column {        /* No width or alignment specified */
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    flex-direction: column;
                    justify-content: flex-start;
                    flex-wrap: wrap; 
    }  
    
.a-column-centered {        /* No width specified */
	                  position: relative;
                    margin: 0 auto;
                    border-spacing: 0px;
                    border-collapse: collapse;
                    text-align: center;
                    box-sizing: border-box;

                    display: flex !important; 
                    justify-content: center;
                    align-items: center;
    }          

.side-by-side     {
	                  position: relative;
                    margin: 0 auto;

                    display: flex;          
                    flex-direction: row;
                    flex-wrap: nowrap;     
                    justify-content: center;
                    align-content: space-around; 
                    align-items: center; 
}

.club-TEXT-color {
                     color: #3366CC; /* dark strider blue  */
			}

div.primary_display {
                     position: relative;
                     text-align: center;
                     /*width: 100%; */
                     max-width: 64rem;
                     color: #3366CC;
                     background-color: white;
                     border:4px solid #3366CC;
                     border-collapse: collapse;
                     border-spacing: 0px;
                     margin: 0px auto;
                     padding: 0px;
                    }
                    
div.primary_table {
                     position: relative;
                     text-align: center;
                     width: 100%;
                     color: #3366CC;
                     background-color: white;
                     border: 0px;
                     border-collapse: collapse;
                     border-spacing: 0px;
                     margin: 0px auto;
                     padding: 0px;
                     }
                     
 
div.framework    { 
                      width: 100%;                     
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px auto;
                      padding: 0px;

                    }                    
                   
div.framework_logo  {
                      min-width: 30%;
                      text-align: left;
                      vertical-align: middle; 
                      color: #3366CC; /* dark strider blue  */
                      background-color: #ffffff; /* White */
                      border-spacing: 0px;
                      margin: 0px auto;
                      padding: 0px;  
                      
	                  position: relative;
                    margin: 0 auto;
/*                    
                    display: -webkit-box !important; 
                    -webkit-box-orient: vertical; 
                    -webkit-box-direction: normal; 
                    
                    display: -webkit-flex !important; 
                    -webkit-flex-direction: column;
                    -webkit-flex-wrap: wrap;
                    
                    display: -ms-flexbox !important; 
                    -ms-flex-direction: column;
                    -ms-flex-wrap: wrap;
                    
                    display: flex !important; 
                    flex-direction: column;
                    flex-wrap: wrap; 
                                */
                   }                   
                   
img.framework_logo {
                      max-width: 100%;
                      height: auto;
                      margin-top: 5px;
                      border: 1px dashed #3366CC; /* */
                      text-align: left;
                      vertical-align: middle; 
                      background-color: #ffffff; /* White */
                    }  
                    
                                            
                  
div.framework_menu  {
                      max-width: 70%;
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      text-align: center;
                      margin: 0px auto;
                      margin-top: 5px;
                      padding: 0px;  
 /*                     
	                  position: relative;
                    margin: 0 auto;
                    
                    display: -webkit-box !important; 
                    -webkit-box-orient: vertical; 
                    -webkit-box-direction: normal; 
                    
                    display: -webkit-flex !important; 
                    -webkit-flex-direction: column;
                    -webkit-flex-wrap: wrap;
                    
                    display: -ms-flexbox !important; 
                    -ms-flex-direction: column;
                    -ms-flex-wrap: wrap;
                    
                    display: flex !important; 
                    flex-direction: column;
                    flex-wrap: wrap; 
                              */
                   }                   

div.framework_menu_title  {
                      width: 100%;
                      text-align: center;
                      background-color: #ffffff; /* White */
                      font-size: x-large;
                      font-weight: bold;
                      }

div.framework_menu_lines  {
                      width: 100%;
                      text-align: center;
                      background-color: #ffffff; /* White */
                      font-size: small;
                      font-weight: bold;
                      
                      }

.framework_menu_racing {color: #b8860b; /* Dark Goldenrod */}
.framework_menu_elite {color: navy;}
.framework_menu_other {color: #3366CC; /* dark strider blue  */}
.framework_menu_information {color: #85bbd9;    /* Strider Blue */}
.framework_menu_adult {color: #85bbd9;    /* Strider Blue */}
.framework_menu_youth {color: #85bbd9;    /* Strider Blue */}
.framework_menu_calendars {color: #85bbd9;    /* Strider Blue */}
.framework_menu_spotlights {color: #85bbd9;    /* Strider Blue */}
.framework_menu_membership {color: #85bbd9;    /* Strider Blue */}
.framework_menu_governance {color: #85bbd9;    /* Strider Blue */}
.framework_menu_cart {color: green;}
.framework_menu_reservation {color: green;}

/* a.framework_links:link {
        color: blue !important; 
        background-color: transparent !important;
        text-decoration: underline !important;
         }
a.framework_links:visited {
        color: black !important;
        background-color: transparent !important;
	  }   */
    
a.framework_links_racing:link {color: #b8860b !important; /* Dark Goldenrod */}
a.framework_links_racing:visited {color: #b8860b !important; /* Dark Goldenrod */} 
a.framework_links_elite:link {color: navy !important;}
a.framework_links_elite:visited {color: navy !important;}
a.framework_links_other:link {color: #3366CC !important; /* dark strider blue  */}
a.framework_links_other:visited {color: #3366CC !important; /* dark strider blue  */}

   

a.framework_links:hover {
        color: #ff0000 !important;  /* red */
        background-color: transparent !important;
        text-decoration: none !important;
	  }
    
a.framework_links:active {
        color: #85bbd9 !important;  /* Strider Blue */
        background-color: transparent !important;
}                          

hr.blueline        {
                     position: relative;
                     color: #3366CC;
                     }

table.framework    { 
                      width: 100%;    
                      text-align: center;                 
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px auto;
                      padding: 0px;
                    }
                    
table.crs_framework    { 
                      width: 100%;    
                      text-align: center;                 
                      color: #2868aa; /* steel blue */ 
                      background-color: #ffffff; /* White */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px auto;
                      padding: 5px;
                    }                    

table.framework-goldcup_detail    {
                      text-align: right;
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px;
                      padding: 0px;
                    }

td.framework_logo  {
                      /* width: 218px; */
                      width: 25%;
                      /* height: 75px; */
                      text-align: center;
                      vertical-align: middle; 
                      color: #3366CC; /* dark strider blue  */
                      background-color: #ffffff; /* White */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px;
                      padding: 0px;    
                   }
                   
td.crs_framework_logo  {
                      /* width: 218px; */
                      width: 100%;
                      /* height: 75px; */
                      text-align: center;
                      vertical-align: middle; 
                      /*color: #ffffff; White */
                      /* background-color: #4682B4;  steel blue */ /*#3366CC;  dark strider blue  */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px auto;
                      padding: 5px;    
                   }                                

td.framework_menu  {
                      width: 75%;
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      height: 75px;
                      text-align: right;
                      vertical-align: middle;
                      border: 0px;
                      margin-top: 5px;
                      padding: 0px;    
                   }

span.framework_menu_title  {
                      position: relative;
                      width: 100%;
                      text-align: right;
                      vertical-align: middle;
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      font-size: large;
                      font-weight: bold;
                      }

span.framework_menu_lines  {
                      position: relative;
                      width: 100%;
                      text-align: right;
                      vertical-align: middle;
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      font-size: xx-small;
                      font-weight: bold;
                      }


.header-image    {  /* image used of multiple types of page */
                 max-width: 100%;
}                     

/*

rwd sponsor display css

*/
                     
img.sponsors {

  border-top: 1px outset black;
  border-right: 1px outset black;
  border-bottom: 1px outset black;
  border-left: 1px outset black;
}

                     
.sponsor-image      {
                      max-width: 13rem; 
                   }  
                   
.sponsor-image-h      {
                      max-height: 9.5rem;
                   } 
                   
.sponsor-image-t      {
                      max-height: 9.5rem;
                      border: 1px outset black;
                   }                    
                                                         
.sponsor-image-b      {
                      max-height: 8rem;
                      max-width: 100%;
                      border: 1px outset black;
                   } 
                   
.sponsors-box  {      width: 100%;
                      min-height: 10rem;
                      text-align: center;
                      vertical-align: middle;
                      background-color: #F0F0F0; /* platinum? */
                      color: black; 
                      margin: 0px auto;
                      border-top: 2px solid #808080; /* dark gray */
                      border-bottom: 2px solid #808080; /* dark gray */
                   } 
                   
.platinum-sponsors-box  {
                      min-height: 10rem;
                      text-align: center;
                      vertical-align: middle;
                      color: black; 
                      background-color: #F0F0F0; /* platinum? */
                      border-top: 2px solid #808080; /* dark gray */
                      border-bottom: 2px solid #808080; /* dark gray */
                      margin: 0px auto;
                   }                                        
                   
.gold-sponsors-box  {
                      min-height: 10rem;
                      text-align: center;
                      vertical-align: middle;
                      color: #008000; /* green */
                      background-color: #FFD700; /* gold */
                      border-top: 2px solid #008000; /* green */
                      border-bottom: 2px solid #008000; /* green */
                      margin: 0px auto;
                   } 
                   
.silver-sponsors-box  {
                      min-height: 10rem;
                      text-align: center;
                      vertical-align: middle;
                      color: blue; 
                      background-color: #C0C0C0; /* silver */
                      border-top: 2px solid blue; 
                      border-bottom: 2px solid blue;
                      margin: 0px auto;
                   }                                                          
                   
.sponsors_silver   {
                      width:  90%;
                      text-align: center;
                      vertical-align: middle;
                      background-color: #C0C0C0; /* silver */
                      border:solid 2px #0000FF; /* blue */
                      color: #0000FF; /* blue */
                      /*font-style: italic; */
                      font-weight: bold;
                      font-size: large;
                      margin: auto;
                   } 
                   
.sponsors_bronze   {
                      width:  90%;
                      text-align: center;
                      vertical-align: middle;
                      background-color: #B8860B; /* DarkGoldenRod  */
                      border:solid 2px #0000FF; /* blue */
                      color: #008000; /* green */
                      /*font-style: italic; */
                      font-weight: bold;
                      font-size: large;
                      margin: auto;
                   }  
                   
.sponsors_webhost   {
                      width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      border: 2px solid #0000FF; /* blue */
                      color: #0000FF; /* blue */
                      font-size: xx-small;
                   }
                                      
div.sponsors_title  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: #3366CC;
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                      margin: 0 auto;
                   } 
                   
div.platinum-sponsors-title  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                    /*  color: black;  */
                      color: #808080; /* dark gray */
                      background-color: #F0F0F0; /* platinum? */
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                      margin: 0 auto;
                   } 
                   
div.platinum-sponsors  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: black; 
                      background-color: #F0F0F0; /* platinum? */
                      margin: 0 auto;
                      /*border-bottom: 2px solid #808080; */ /* dark gray */
                   }                    
                   
div.gold-sponsors-title  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: #B8860B; /* DarkGoldenRod  */
                      background-color: #FFD700; /* gold */
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                      margin: 0 auto;
                   } 
                   
div.gold-sponsors  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: black;
                      background-color: #FFD700; /* gold */
                      margin: 0 auto;
                   }                                                                            

div.silver-sponsors-title  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: blue;
                      background-color: #C0C0C0; /* silver */
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                      margin: 0 auto;
                   } 
                   
div.silver-sponsors  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: blue;
                      background-color: #C0C0C0; /* silver */
                      margin: 0 auto;
                   }
                   
.mobile-sponsors-box{ width: 100%;
                      min-height: 5rem;
                      text-align: center;
                      vertical-align: middle;
                      background-color: #F0F0F0; /* platinum? */
                      color: black; 
                      margin: 0px auto;
                      margin-top: 3rem;
                      border-top: 1px solid #808080; /* dark gray */
                      border-bottom: 1px solid #808080; /* dark gray */    
                   } 

.mobile-sponsors-title  {
                      max-width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: blue;
                      background-color: #F0F0F0; /* platinum? */
                      font-style: italic;
                      font-weight: bold;
                      font-size: larger;
                      margin: 0 auto;
                   } 

img.members {

  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
  margin-left: 10px;
  border-top: 2px outset black;
  border-right: 2px outset black;
  border-bottom: 2px outset black;
  border-left: 2px outset black;
} 

a:link {
        color: blue; 
        background-color: transparent;
        text-decoration: underline;
         }
a:visited {
        color: black;
        background-color: transparent;
	  }

a:hover {
        color: #ff0000;  /* red */
        background-color: transparent;
        text-decoration: none;
	  }
    
a:active {
        color: #85bbd9;  /* Strider Blue */
        background-color: transparent;
}    

a.webmaster:link {
        color: #ffffff;  /* white */
        background-color: #85bbd9;  /* Strider Blue */
         }
a.webmaster:visited {
        color: #ffff00;  /* red */
        background-color: #85BBD9;  /* Strider Blue */
	  }
a.webmaster:hover {
         color: #ff0000;  /* blue */
         background-color: #85BBD9;  /* Strider Blue */
	  }

a.webmaster:active  { outline: medium solid blue; }

a.transparent:link {
        background-color: transparent; 
         }

a.banquet:link {
        color: red;  /* red */
        background-color: transparent;
         }
a.banquet:visited {
        color: red;  /* red */
        background-color: transparent;
	  }
a.banquet:hover {
        color: red;  /* red */
        background-color: #85BBD9;  /* Strider Blue */
	  }

a.banquet:active  { 
        outline: medium solid blue; 
        color: red;  /* red */
        background-color: transparent;
        }

a.transparent:hover {
        background-color: transparent; 
         }
/*                            */         
/*     font names                       */
/*                            */
.andale           {
                     font-family: "Andale Mono";
                  }                       
                     
.antiqua           {
                     font-family: "Book Antiqua";
                  }  
                                      
.bookman           {
                     font-family: "Bookman Old Style";
                  }  
                  
.comic           {
                     font-family: "Comic Sans MS";
                  }
                  
.georgia           {
                     font-family: "Georgia";
                  } 

.lucida           {
                     font-family: "Lucida Grande", "Lucida Console";
                  } 
                  
.papyrus           {
                     font-family: "Papyrus";
                  }                                      

.verdana           {
                     font-family: "Verdana";
                  }
                  
/*                            */         
/*     padding sizes                       */
/*                            */                  
                                                                     
.padding3px      {
                     padding: 3px;
                  }

.padding4px      {
                     padding: 4px;
                  }

.padding5px      {
                     padding: 5px; 
                  }

.padding10px      {
                     padding: .5rem; 
                  }
                  
.padding1rem      {
                     padding: 1rem; 
                  }
/*                            */         
/*     indents                       */
/*                            */

.indented-50	 {
   		   padding-left: 50px;
   		   padding-right: 50px;
                   }

.indented-25	 {
   		   padding-left: 25px;
   		   padding-right: 25px;
                   }

.minus-25	 {
                     position: relative;
                     left: -30px;
                   }

.indent-25	 {
   		   text-indent: 25px;
                   }

.indent-50	 {
   		   text-indent: 50px;
                   }

/*                            */         
/*     border spacing                       */
/*                            */
                      
.spacing5px      {
                     border-spacing: 5px;
                  }

.spacing10px      {
                     border-spacing: 10px;
                  }

.spacing15px      {
                     border-spacing: 15px;
                  }

.collapse         {
                     border-collapse: collapse;
                  }

.nocollapse      {
                     border-collapse: separate;
                  }
/*                            */         
/*     border style names                       */
/*                            */

.solid               {
                       border-style: solid;
                      }

.border-top-1rem {
                     border-top: .15rem solid blue;
                      } 
                      
.border-top-dotted-1rem {
                     border-top: .10rem dotted #808080;
                      }                                             
                      
.border-bottom-1rem {
                     border-bottom: .15rem solid blue;
                      } 
                      
.border-bottom-gold-1rem {
                     border-bottom: .15rem solid #b8860b; /* Dark Goldenrod */
                      }                                            
                      
.border1px       {
                     border: 1px solid blue;
                  }
                  
.border1pxnavy       {
                     border: 1px solid navy;
                  }                  

.border2px       {
                     border: 2px solid blue;
                  }
                  
.border2px-sides-top       {
                     border-left: 2px solid blue;
                     border-top: 2px solid blue;
                     border-right: 2px solid blue;
                  }                  
                  
.borderleftright2pxblue       {
                     border-left: 2px solid blue;
                     border-right: 2px solid blue;
                  }                  

.border2pxgreenoutset       {
                     border: 2px outset green;
                  }


.border3px       {
                     border: 3px solid blue;
                  }

.border5px       {
                     border: 5px solid blue;
                  }

.outline      {
                     outline: 2px solid blue;
                  }

.nospace       {
                     border-spacing: 0px;
                  }

.border-top-2pxsoliddarkstriderblue {border-top: 2px solid #3366CC;
                                }

.border-top-4pxsoliddarkstriderblue {border-top: 4px solid #3366CC;
                                }

.border-left-4pxsoliddarkstriderblue {border-left: 4px solid #3366CC;
                                }

.border-right-4pxsoliddarkstriderblue {border-right: 4px solid #3366CC;
                                }
.border2pxsolidgold       {
                     border: 2px solid #ffd700; /* gold */
                     border-spacing: 2px;
                     padding: 2px;
                  }

.border4pxsolidblue       {
                     border: 4px solid blue;
                     border-spacing: 0px;
                     border-collapse: collapse;
                  }

.border4pxsolidred       {
                     border: 4px solid red;
                     border-spacing: 0px;
                     border-collapse: collapse;
                  }

.border4pxsolidgreen       {
                     border: 4px solid green;
                     border-spacing: 0px;
                     border-collapse: collapse;
                  }

.border4pxoutsetblue {
                     border: 4px outset blue;
                     border-spacing: 0px;
                     border-collapse: collapse;
                  }

.border4pxdoubleblue {
                     border: 4px double blue;
                     border-spacing: 2px;
                     padding: 2px;
                  }

.border4pxdoublegold {
                     border: 4px double #ffd700;
                     border-spacing: 0px;
                     border-collapse: collapse;
                  }

.border4pxdoublegray {
                     border: 4px double #808080;
                     border-spacing: 2px;
                     padding: 2px;
                  }

.border4pxsolidgray {
                     border: 4px solid #808080;
                     border-spacing: 2px;
                     padding: 2px;
                     margin: 2px;
                  }


.no-collapse      {
                     border-collapse: separate;
                  }

/*                            */         
/*     margins                       */
/*                            */

.automargins      {
                     margin: auto;
                   }
                   
.margin1px      {
                     margin: 1px;
                   }
                   
.margin20px      {
                     margin: 20px;
                   } 
                   
.margin-1rem      {
                     margin: 1rem;
                   } 
                   
.margin-5rem      {
                     margin: 5rem;
                   }                                      
                   
.margin-left-15rem  {
                     margin-left: 15rem;
                   }
                   
.margin-left-right-1rem  {
                     margin-left: 0rem;
                     margin-right: 0rem;
                   } 
                   
.margin-left-right-10rem  {
                     margin-left: 10rem;
                     margin-right: 10rem;
                   }                                      
                   
.margin-top-bottom-1rem  {
                     margin-top: .1rem;
                     margin-bottom: .1rem;
                     margin-left: auto;
                     margin-right: auto;                     
                   }                                                                                             

.li-spacing       {
                    margin-left: 0;
                    margin-right: 10%;
                    margin-top: .5em;
                    margin-bottom: .5em;
                   }

ul.dood           {list-style-image: url("../../images/Dood.png");
                  }
                  
li.dood           {list-style-image: url("../../images/Dood.png");}
                   
/*                            */         
/*     display alignments                       */
/*                            */                    
.display-block    {
                    display: block;
            } 
            
.display-inline    {
                    display: inline;
            }   
            
.display-inline-block    {
                    display: inline-block;
            }
            
.display-table-cell    {
                    display: table-cell;
            } 
            
.display-none {
                    display: none;
            }
             
.display-flex {
                    display: flex;
            }
                   
/*                            */         
/*     text alignments                       */
/*                            */                   

.left             {
                     text-align: left;
                      } 

.center           {
                     text-align: center;
                      } 

.right           {
                     text-align: right;
                      } 

.top             {
                     vertical-align: top;
                      } 
.middle          {
                     vertical-align: middle;
                      } 

.bottom          {
                     vertical-align: bottom;
                      } 
                      
/*                            */         
/*     width style names                       */
/*                            */                      

.wide            {
                     width: 100%;
                     }
                     
.max-wide            {
                     max-width: 100%;
                     }                     
 
.wide-1            {
                     width: 99%;
                     }
                     
.wide-2            {
                     width: 98%;
                     }                                         
                     
.full              {             
                     width: 100%;
                   }                     

.wide-10          {
                     width: 90%;
                     }
                     
.ninety          {
                     width: 90%;
                     }

.seveneighths      {
                     width: 87.5%;
                     }                                                

.fivesixth         {             
                     width: 83.33%;
                   }

.fourfifths        {             
                     width: 80%;
                   } 
                   
.eighty        {             
                     width: 80%;
                   }                                      

.threequarters    {             
                     width: 75%;
                   }

.twothirds         {             
                     width: 66.667%;
                   }
                   
.fiveeighths      {
                     width: 62.5%;
                     }                        
                   
.threefifths        {             
                     width: 60%;
                   }                   

.fortyfive       {           
                     width: 45%;
                   }
                   
.half              {             
                     width: 50%;
                   }  
                   
.forty           {           
                     width: 40%;  
                   } 
                   
.twofifths       {           
                     width: 40%;  
                   }  
                                                                        
.threeeighths, 
.threeeights       {           
                     width: 37.5%;
                   }
                   
.onethird-3       {           
                     width: 30%;
                   }

.onethird         {             
                     width: 33.333%;
                   }
                   
.onethird-max      {             
                     max-width: 33.333%;
                   }

.quarter          {             
                     width: 25%;
                   }
                                  
.onefifth         {             
                     width: 20%;
                   }

.onesixth         {             
                     width: 16.67%;
                   }
                   
.sixteen       {           
                     width: 16%;
                   }                    

.fifteen       {           
                     width: 15%;
                   }
                   
.oneseventh         {             
                     width: 14.28%;
                   }                    
                   
.oneeighth         {             
                     width: 12.5%;
                   } 
                   
.onenineth         {             
                     width: 11.111%;
                   }                                      

.onetenth         {             
                     width: 10%;
                   }
                   
.onetenth-max     {             
                     max-width: 10%;
                   }                   

.onesixth-max     {             
                     max-width: 16.67%;
                   } 

.onetwelveth         {             
                     width: 8.33%;
                   }                   
                   
.seven         {             
                     width: 7.5%;
                   }  
                   
.onesixteenth         {             
                     width: 6.125%;
                   }
                   
 .onetwentyith    {             
                     width: 5%;
                   }                            

/*                            */         
/*     height style names                       */
/*                            */                   

.tall            {  height: 100%; 
                   }
                   
.min-tall            { min-height: 100%; 
                   }                   

.tall-half            {  height: 50%; 
                   }
                   
.results-2-rows     {min-height: 2.7rem;}  
                   
/*                            */         
/*     text style names                       */
/*                            */                   

.b                {
                     font-weight: bold;
                      } 

.i                {
                      font-style: italic;
                      }

.u                {
                      text-decoration: underline;
                      }

.big-digits          {font-family: "Courier New";
                      font-weight: bold;
                      font-size: 4em;
                      } 

.blink               {
                      text-decoration: blink;
                      }
                      
/*                            */         
/*     color and background color names                       */
/*                            */

.black             {
                     color: black;
                     }
                     
.black-bg          {
                     background-color: black;
                     }                     

.blue             {
                     color: #0000FF; /* blue */
                     }

.blue-bg             {
                     background-color: #0000FF; /* blue */
                     }

.brown             {
                     color: #A52A2A; /* brown */
                     }

.chocolate         {
                     color: #D2691E; /* chocolate */
                     }

.page-counter        {font-family: "Courier New";
                      font-weight: bold;
                      font-size: 4em;
                      } 

.crimson             {
                     color: #DC143C; /* crimson */
                     }

.crimson-bg        {
                     background-color: #DC143C; /* crimson */
                     }

.darkblue             {
                     color: #00008B; /* dark blue */
                     }

.darkgray             {
                     color: #A9A9A9; /* dark gray */
                     }

.darkgray-bg         {
                     background-color: #A9A9A9; /* dark gray */
                     }

.darkviolet         {
                     color: #9400D3; /* dark violet */
                     }

.darkstriderblue     {
                     color: #3366CC; /* dark strider blue  */
                     } 

.darkstriderblue-bg    {
                     background-color: #3366CC;
                     }

.deeppink     {
                     color: #FF1493;
                     } 

.dirtyred     {
                     color: #c1282b;
                     } 

.dodgerblue               {
                     color: #1E90FF;
                     }

.firebrick     {
                     color: #B22222;
                     } 

.fuchsia     {
                     color: #FF00FF;
                     } 

.gold             {
                     color: #ffd700; /* gold */
                     }

.gold-bg             {
                     background-color: #ffd700; /* gold */
                     }


.goldenrod        {
                     color: #b8860b; /* Dark Goldenrod */
                     }

.standings-summary-title {
                     color: #b8860b; /* Dark Goldenrod */
                     }

.goldenrod-bg        {
                     background-color: #b8860b; /* Dark Goldenrod */
                     }

.green            {
                     color: green;
                     }

.green-bg             {
                     background-color: green;
                     }

.lightblue         {
                     color: #ccffff; /* light blue */
                     }

.lightblue-bg       {
                     background-color: #ccffff; /* light blue */
                     }


.lightgray         {
                     color: #eeeeee; /* light gray */
                     }

.lightgray-bg       {
                     background-color: 	#B0C4DE; /* light gray */
                     }

.lime             {
                     color: #00FF00;
                     }

.limegreen             {
                     color: #32CD32;
                     }

.lsb-green             {
                     color: #313031;
                     }

.lsb-green-bg      {
                     background-color: #58AA3F;
                     }


.lsb-yellow        {
                     color: #FFCF00;
                     }


.maroon           {
                     color: #800000;
                     } 

.mediumpurple              {
                     color: #9370D8;
                     }

.navy              {
                     color: #000080;  /* navy */
                     } 

.orange              {
                     color: #FFA500;
                     } 

.orange-bg              {
                     background-color: #FFA500;
                     } 

.orange-red      {
                     color: #FF4500; /* orange red */
                      }

.pig-pink              {
                     color: #D87C94;
                     } 

.pink              {
                     color: #FFC0CB;
                     } 

.purple            {
                     color: #800080;
                     } 

.red              {
                     color: red;
                     } 

.red-bg             {
                     background-color: red;
                     }

.sandybrown         {
			color: 	#F4A460; /* sandy brown */ 
			}			

.striderblue     {
                     color: #85BBD9;    /* Strider Blue */
                     } 

.striderblue-bg    {
                     background-color: #85BBD9;
                     }

.transparent       {
                      background-color: transparent;
                    }
                    
.updated          {
                      color: black;
                      background-color: transparent;
                      font-size: xx-small;
                      font-style: italic;
                      }

.white              {
                     color:white;
                     } 

.white-bg           {
                     background-color: white;
                     } 


.yellow              {
                     color: yellow;
                     } 

.yellow-bg          {
                     background-color: yellow;
                     } 

/*                            */         
/*     font size names                       */
/*                            */
 
.big           {
                     font-size: large;
                     }

.bigger           {
                     font-size: x-large;
                     }

.large           {
                     font-size: large;
                     }
                     
.larger           {
                     font-size: larger;
                     }                     

.medium           {
                     font-size: medium;
                     }

.small           {
                      font-size: xx-small;
                     }

.smaller           {
                      font-size: smaller; /* font-size: 10pt; */ 
                     }
                     
.smaller-font-75  {
                      font-size: 70%; 
                     }
                     
.smaller-font-85  {
                      font-size: 80%; 
                     }

.x-large           {
                     font-size: x-large;
                     }

.xx-large           {
                     font-size: xx-large;
                     }

.x-small           {
                      font-size: x-small;
                     }

.xx-small           {
                      font-size: xx-small;
                     }

/*                            */         
/*     positioning style names                       */
/*                            */

.shift-left5      {
                     position: relative;
                     left: -5px;
}

.shift-left10      {
                     position: relative;
                     left: -10px;
}

.float-left      {
                     float: left;
                     padding: 5px;
                     margin: 0px;     
}

.float-right      {
                     float: right;
                     padding: 5px;
                     margin: 0px;     

}

/*                            */         
/*     heading style names                       */
/*                            */

h2.blue_center      {
                     text-align: center;
                     font-weight: bold;
                     color: blue;
                     } 

h3.blue            {
                     font-weight: bold;
                     color: blue;
                     } 

/*                            */         
/*     object style names                       */
/*                            */

object.tunes      {
                      width: 0px;
                      height: 0px;
                      vertical-align: middle;
                      text-align: center;
                      margin: auto;
                   }
                   
embed.tunes      {
                      width: 0px;
                      height: 0px;
                      vertical-align: middle;
                      text-align: center;
                      margin: auto;
                   }

/*                            */         
/*     page counter style names                       */
/*                            */

.page-counter        {font-family: "Courier New";
                      font-weight: bold;
                      font-size: .8rem;
                      background-color: #A9A9A9; /* dark gray */
                      border: 1px solid black; 
                      } 

.page-counter-text   {
                      font-weight: bold;
                      } 

.page-counter2        {font-family: "Courier New";
                      font-weight: bold;
                      font-size: 1em;
                      } 

.page-counter2-text   {
                      font-weight: bold;
                      } 

/*                            */         
/*     input boxes style names                       */
/*                            */
                   
.outline-input     {
                      color: navy;
		                  font-weight: bold;
		                  border: 1px solid #696969; /* DimGray */
                      background-color: #D3D3D3; /* LightGrey */
                      margin: 2px;
                      padding: 2px;
                     }
                     
.outline-login     {
                      color: navy;
		                  font-weight: bold;
		                  border: 1px solid #696969; /* DimGray */
                      background-color: #F5DEB3; /* Wheat */
                      margin: 2px;
                      padding: 2px;
                     }
                     
.outline-password     {
                      color: navy;
		                  font-weight: bold;
		                  border: 1px solid #696969; /* DimGray */
                      background-color: #FFF5EE; /* SeaShell */
                      margin: 2px;
                      padding: 2px;
                     }  
                     
.outline-message     {
                      color: #8A2BE2; /*  BlueViolet */
		                  font-weight: bold;
                      font-style: italic;
		                  border: 1px solid #696969; /* DimGray */
                      background-color: #FAEBD7; /* AntiqueWhite */
                      margin: 2px;
                      padding: 2px;
                      display: none;
                     }  
                     
.nobr                 {
                      white-space: nowrap;
                      }  
                      
/*                            */         
/*     page footer style names                       */
/*                            */
                      
#footer          {
                     position: relative;
                     max-width: 64rem;
                     background-color: transparent;
                     margin-right: auto;
                     margin-left: auto;
	                   /*display: inline-block;
                     box-sizing: border-box; */   
                  }                                       

.footer-text    {
                     color: #3366CC; /* dark strider blue  */
                     }
                     
#footer-left {
                     float: left;
                     text-align: left;
                     vertical-align: middle;
                     width: 15%;
                     margin: auto;
                     background-color: transparent;
	                   display: inline-block;
                    }

#footer-center   {
                     text-align: center;
                     vertical-align: middle;
                     min-width: 70%;
                     margin: auto;
                     background-color: transparent;
                     font-size: .7em;
	                   display: inline-block;
                    }

#footer-right {
                     float: right;
                     text-align: right;
                     vertical-align: middle;
                     width: 15%;
                     margin: auto;
                     background-color: transparent;
	                   display: inline-block;
                    }                                                                                 
                    
.footer-text-mobile    {
                     color: #8B4513;    /* SaddleBrown */
                     font-size: .7rem;
                     }
                    
#footer-mobile          {
                     position: relative;
                     text-align: center;
                     vertical-align: middle;                     
                     width: 100%;
                     background-color: transparent;
                     margin-right: auto;
                     margin-left: auto;
                  }                  
                    
#footer-center-mobile   {
                     text-align: center;
                     vertical-align: middle;
                     width: 100%;
                     margin: auto;
                     background-color: transparent;
                     font-size: .7rem;
	                   display: inline-block;
                    }  
                    
.postponed        {
                     color: red;
                     font-style:italic;
                     font-weight:bold;
                     margin: 1px;
                     padding:1px;
                     background-color: transparent;
                    } 
             
.postponed-race    {
                     color: red;
                     font-style:italic;
                     font-weight:bold;
                     border: 4px dashed red;   
                     background-color:  #00FF00; /* Lime   */
                    }                      
                        
.cancelled        {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     margin: 1px;
                     padding:1px;
                     background-color: transparent;
                    } 
             
.cancelled-race    {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     border: 4px double black;   
                     background-color:  #C0C0C0; /* silver   */
                    }   
                    
.virtual        {
                     color: green;
                     font-style:italic;
                     font-weight:bold;
                     margin: 1px;
                     padding:1px;
                     background-color: transparent;
                    } 
             
.virtual-race    {
                     color: green;
                     font-style:italic;
                     font-weight:bold;
                     border: 4px double green;    
                     background-color:  #FAFAD2; /* LightGoldenRodYellow   */
                    }                       

.tobedetermined        {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     margin: 1px;
                     padding:1px;
                     background-color: transparent;
                    } 
             
.tobedetermined-race    {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     border: 2px dashed black;   
                     background-color: 	#B0C4DE !important; /* light gray */   
                     }                 

.timetobedetermined        {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     margin: 1px;
                     padding:1px;
                     background-color: transparent;
                    } 
                                       
.timetobedetermined-race    {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     border: 2px dashed black;   
                     background-color: 	#FAFAD2 !important; /* light goldenrod yellow */
                    }      
                    
a.timetobedetermined-race    {border: 0px dashed black;}