/*title: "Calumet Region Striders Home Page Style Sheet"*/
/* W3C CSS 3 Validated: 12/22/20 */
/* W3C CSS Validated: 1/22/16 All Table references removed */
/* W3C CSS Validated: 7/10/15 */  /* Adding RWD */
/* W3C CSS Validated: 3/24/10 */
/* W3C CSS Validated: 1/08/09 */
/* W3C CSS Validated: 1/11/07 */
/* W3C CSS Validated: 9/19/06 */
* {
    box-sizing: border-box;
}

.large-logo {display: inline;
             max-width: 20rem; 
             height:auto;
            }

a.death:link {
        color: #003399;  /* variant of darkblue */
        background-color: #D3D3D3;
         }
a.death:visited {
         color: white;
         background-color: #D3D3D3;
         }
a.death:hover {

         color: #FF0000;  /* red */
         background-color: #D3D3D3;
         border-color: #FF0000; 
         border-bottom: dotted; 
         border-width: 1px;
	  }

a:link.Slides {
        	color: #003399;  /* variant of darkblue */
        	background-color: #eeeeee;    /* light gray */
         	}

img.slide           {
                     border: 6px solid blue; 
                     border-radius: 50px;
                     text-align: center;
                      }

#SlideShow      {
                     position: relative;
                     text-align: center;
                      } 
                      
.club_slides-height   {

                     min-height: 28rem;
        }                       
                      
#club_slide-holder     {  text-align: center;
                     color:black;
                     background-color: #eeeeee;
                     border: .25rem outset #9400D3;
                     border-radius:1.0rem;
                     border-collapse:separate;
                     margin:.15rem;
                     padding:.5rem;
                     max-width: 99.5%;
                    }
      
#slide-holder     {  text-align: center;
                     color:black;
                     background-color: #eeeeee;
                     border: .25rem outset #9400D3;
                     border-radius:1.0rem;
                     border-collapse:separate;
                     margin:.15rem;
                     padding:.5rem;
                     max-width: 99.5%;
                    }

#slides            {
                      text-align: center;
                      min-height: 20rem;
                      vertical-align: top;
                      border: 1px solid blue;
                      border-radius:1.0rem;
                      border-collapse:separate;
                      margin: 1px;
                      padding:1px;
                      width:100%;
                      max-height:20rem;
                     } 
                     
.slide-title        {
                      color: green;
                      font-style:italic;
                      font-weight:bold;
                    }       

img.buttons           {

                     border: 1px solid black;
                     border-spacing: 0px;
                      }

img.logo           {
                     border: 0px;
                     text-align: center;
                     vertical-align: middle;
                      }

object.RRCA         {
                     text-align: center;
                     vertical-align: middle;
                     border: 1px solid black;
                     height: 20px;
                     width: 300px;
                      }

.main-border-top   {
                      border-top: 2px solid #3366CC; 
                     /* border-collapse: collapse; */
                     /* border-spacing: 0px; */
			}
      
.main-border-bottom   {
                      /*border-bottom: 4px double #3366CC; */
                      border-bottom: 2px solid #3366CC;
                      /* border-collapse: collapse; */
                      /*border-spacing: 0px;*/
			}      

.main-border-left   {
                      border-left: 0px solid #3366CC;
                      border-collapse: collapse;
                      /*border-spacing: 0px; */
			}

.main-border-right   {
                      border-right: 0px solid #3366CC;
                      /*border-right: 4px double white;*/
                      border-collapse: collapse;
                      /*border-spacing: 0px; */
			}


.splash_0     {
                     text-align: center;
                     width: 100%;
                     color: navy;
                     background-color: white;
                     border: 4px double navy;
                     }

.splash_1     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                    }
                  
.splash_2     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border-top: 2px solid gray;
                     }                    

.splash_21     {
                     text-align: center;
                     vertical-align: top;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border-top: 2px solid gray;
                     }

.splash_21-title  {
                     text-align: center;
                     vertical-align: middle;
                     width: 100%;
                     color: #3366CC;
                     background-color: white;
                     font-size: large;
                     font-weight: bold;
                   } 

.splash_21_left        {
                     text-align: center;
                     vertical-align: middle;
                     width: 75%;
                     color: #3366CC;
                     background-color: white;
                    }    
                    
.splash_21_right        {
                     text-align: center;
                     vertical-align: middle;
                     width: 25%;
                     color: #3366CC;
                     background-color: white;
                    }                             

.splash_3     {
                     text-align: center;
                     vertical-align: top;
                     width: 100%;
                     color: #3366CC;
                     background-color: white;
                     border: 4px double red;
                    }

.splash_3-title  {
                     text-align: center;
                     width: 100%;
                     color: #3366CC;
                     background-color: white;
                     font-size: large;
                     font-style: italic;
                     font-weight: bold;
                   } 


.splash_4     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                    }

.splash_5     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                    }

.splash_7     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                     margin: auto;
                     }

.splash_8     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                     }

.splash_9     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                     }

.splash_12     {
                     text-align: center;
                     width: 100%;
                     color: blue;
                     background-color: white;
                     border: 4px double red;
                     }

.splash_D     {
                     text-align: center;
                     width: 100%;
                     color: black;
                     background-color: #d3d3d3;
                     border: 4px solid black;
                     }

.splash_M     {
                     text-align: center;
                     width: 100%;
                     color: navy;
                     background-color: white;
                     border: 4px double navy;
                     }

.splash_SP     {
                     text-align: center;
                     width: 100%;
                     color: black;
                     background-color: #DCDCDC; /* Gainsboro  */
                     border: 4px double #A9A9A9; /*darkgray*/
                     }

.line-detail      { margin-top: .2rem;
                    text-align: center;
                  }

img.pixel         {
                     width: 1px;
                     height: 5px;
                   }

img.dot         {
                     width: 7px;
                     height: 7px;
                     vertical-align: middle;
                   }
                   
hr.topline          {display: none;
                    }

hr.raceinfo-racing         {
			width: 100%;
			border: 4px solid #CC9900; 
                  }
                  
hr.raceinfo-crs_history {
			width: 100%;
			border: 4px solid #85bbd9;    /* Strider Blue */
                  }
                  
hr.raceinfo-goldcup_history {
			width: 100%;
			border: 2px double blue;    /* Strider Blue */
                  }                 
                  
hr.raceinfo-elite_history {
			width: 100%;
			border: 2px double blue;    /* Strider Blue */
                  }                 
                  
hr.raceinfo-area        {
			width: 100%;
			border: 3px solid navy; 
                  }                  
                  
hr.raceinfo-elite {
			width: 100%;
			border: 4px solid black;
                  }
                  
hr.raceinfo-elite-series {
			width: 100%;
			border: 3px solid black;
                  }
                  
hr.elite-series         {
			width: 100%;
			border: 4px solid black;
                  }                  
                  
div.nextEliteSeries  {
      margin-top: 1rem;
      margin-bottom: 1rem;
                     }       
                  
a.nextEliteSeries:link {
      color: black;
      background-color: transparent;
      font-weight: bold;
         	} 
          
hr.nextEliteSeries         {
			width: 100%;
			border: 2px solid black; 
                  }
                  
hr.raceinfo-other {
			width: 100%;
			border: 3px solid navy;
                  }

hr.raceinfo-sponsored         {
			width: 100%;
			border: 3px solid green;
                  }

hr.raceinfo-sponsored_history         {
			width: 100%;
			border: 2px solid green;
                  }                  
                  
hr.raceinfo-information         {
			width: 100%;
			border: 4px solid navy;
                  }

hr.racing         {
			width: 100%;
			border: 4px solid #CC9900;
                  }
                  
hr.EliteSeriesraces         {
			width: 100%;
			border: 2px solid navy;
                  }                  

hr.other         {
			width: 100%;
			border: 3px solid green;
                  }                  

hr.information         {
			width: 100%;
			border: 4px solid navy;
                  }

hr.races         {
			width: 100%;
			border: 2px solid #CC9900;
                  }

hr.gold_cup         {
			width: 100%;
			border: 2px solid #CC9900;
                  }

hr.sponsored         {
			width: 100%;
			border: 2px solid green;
                  }

hr.GoldCupraces         {
			width: 100%;
			border: 2px solid #CC9900;
                  }

hr.Sponsoredraces         {
			width: 100%;
			border: 2px solid green;
                  }

hr.Otherraces         {
			width: 100%;
			border: 2px solid green;
                  }
                  
hr.Arearaces         {
			width: 100%;
			border: 2px solid navy;
                  }

hr.events-adult         {
			width: 100%;
			border: 4px solid #800080; /* Purple  */
                  }

hr.events-youth         {
			width: 100%;
			border: 4px solid navy;
                  }

hr.events-calendars         {
			width: 100%;
			border: 4px solid blue;
                  }
                  
hr.eventinfo-calendars         {
			width: 100%;
			border: 4px solid blue;
                  }

hr.eventinfo-adult         {
			width: 100%;
			border: 4px solid #800080; /* Purple  */
                  }                  
                  
hr.adult         {
			width: 100%;
			border: 4px solid #800080; /* Purple  */
                  }
                  
hr.eventinfo-youth         {
			width: 100%;
			border: 4px solid navy;
                  }                  

hr.youth         {
			width: 100%;
			border: 4px solid navy;
                  }

hr.calendars         {
			width: 100%;
			border: 4px solid blue;
                  }

hr.events         {
			width: 100%;
			border: 2px solid #D2691E; /* chocolate */
                  }

hr.memberinfo-spotlights         {
			width: 100%;
			border: 3px solid #3366CC; /* dark strider blue  */
                  }

hr.memberinfo-membership         {
			width: 100%;
			border: 4px solid #4B0082; /* Indigo  */
                  }
                  
hr.memberinfo-adult         {
			width: 100%;
			border: 4px solid #800080; /* Purple  */
                  } 

hr.spotlights         {
			width: 100%;
			border: 2px solid #3366CC; /* dark strider blue  */
                  }

hr.membership         {
			width: 100%;
			border: 4px solid #4B0082; /* Indigo  */
                  }

hr.members         {
			width: 100%;
			border: 2px solid blue;
                  }

hr.boardinfo-governance         {
			width: 100%;
			border: 4px solid #0000CD; /* MediumBlue  */
                  }

hr.board-governance         {
			width: 100%;
			border: 4px solid #0000CD; /* MediumBlue  */
                  }
                  
hr.governance         {
			width: 100%;
			border: 4px solid #0000CD; /* MediumBlue  */
                  }                  

hr.board         {
			width: 100%;
			border: 5px solid black;
                  }

img.topic-image   {
                      width: 90%;
                      height:auto;
                      max-width: 21.875rem;
                      max-height: 2.5rem;
                      }                    
                    
img.schedule-image   {
                      display:block;
                      height: auto !important; 
                      max-height: 5rem;
                      max-width: 100%  !important; 
                      margin: auto;
                      }
                      
img.announcement-image-lg   {
                      display:block;
                      height: auto !important; 
                      max-width: 50rem;
                      }
                      
img.announcement-image-sm   {
                      display:block;
                      height: auto !important; 
                      max-width: 40rem;
                      }                      
                      
img.reminder-image-lg   {
                      display:block;
                      height: auto !important; 
                      max-width: 50rem;
                      }  
                      
img.reminder-image-sm   {
                      display:block;
                      height: auto !important; 
                      max-width: 40rem;
                      }                                                                  

img.social-image   {
                      max-width: 4.5rem; 
                      height:auto;
                      } 
                                           
img.umbrella-image   {
                      max-width: 10rem; 
                      height:auto;
                      }                       
                      
img.sponsor-image   {
                      max-width: 250px; 
                      height:auto;
                      }  
                      
div.nextPostPoned-rightleft  {
                     color: red;
                     font-style:italic;
                     font-weight:bold;
                     border-left: 2px dashed red !important;   
                     border-right: 2px dashed red !important;
                     background-color:  #00FF00; /* Lime   */
                     min-height: 5rem;
                     }  
                                              
div.nextPostPoned-middle  {
                     color: red;
                     font-style:italic;
                     font-weight:bold;
                     border-left: 2px dashed red !important;   
                     border-right: 2px dashed red !important;   
                     background-color:  #00FF00; /* Lime   */
                     min-height: 5rem;
                     }  
                      
div.nextPostPoned  {
                     color: red;
                     font-style:italic;
                     font-weight:bold;
                     border: 4px dashed red !important;   
                     background-color:  #00FF00; /* Lime   */
                     }                      
                     
div.nextCancelled-rightleft  {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     border-left: 2px double black !important;   
                     border-right: 2px double black !important;
                     border-bottom: 4px double black !important;
                     background-color:  #C0C0C0; /* Silver   */
                     min-height: 5rem;
                     }  
                                              
div.nextCancelled-middle  {
                     color: black;
                     font-style:italic;
                     font-weight:bold;
                     border-left: 2px double black !important;   
                     border-right: 2px double black !important; 
                     border-bottom: 4px double black !important;
                     background-color:  #C0C0C0; /* Silver   */
                     min-height: 5rem;
                     }  
                      
div.nextCancelled  {
                     color: red;
                     font-style:italic;
                     font-weight:bold;
                     border: 4px double black !important;   
                     background-color:  #C0C0C0; /* Silver   */
                     }  
                     
div.nextVirtual-rightleft  {
                     color: green;
                     font-style:italic;
                     font-weight:bold;
                     border-left: 2px dashed green !important;   
                     border-right: 2px dashed green !important;
                     background-color:  #FAFAD2; /* LightGoldenRodYellow   */
                     min-height: 5rem;
                     }  
                                              
div.nextVirtual-middle  {
                     color: green;
                     font-style:italic;
                     font-weight:bold;
                     border-left: 2px dashed green !important;   
                     border-right: 2px dashed green !important;
                     background-color:  #FAFAD2; /* LightGoldenRodYellow   */
                     min-height: 5rem;
                     }  
                      
div.nextVirtual  {
                     color: green;
                     font-style:italic;
                     font-weight:bold;
                     border: 4px dashed green !important;   
                     background-color:  #FAFAD2; /* LightGoldenRodYellow   */
                     }    
                                             
div.nextGoldCup  {
                     margin-top: 1rem;
                     margin-bottom: 1rem;
                     }                                                  

a.nextGoldCup:link {
        		color: #b8860b; /* Dark Goldenrod */
        		background-color: transparent;
            font-weight: bold;
         	} 

hr.nextGoldCup         {
			width: 100%;
			border: 2px solid #CC9900;
                  }

div.nextSponsored  {
                     margin-top: 1rem;
                     margin-bottom: 1rem;
                     }       

a.nextSponsored:link {
        		color: #008000; /* Green */
        		background-color: transparent;
            font-weight: bold;
         	}

hr.nextArea         {
			width: 100%;
			border: 2px solid navy;
                  }
                  
div.nextArea  {
                     margin-top: 1rem;
                     margin-bottom: 1rem;
                     }       

a.nextArea:link {
        		color: #008000; /* Green */
        		background-color: transparent;
            font-weight: bold;
         	}

hr.nextSponsored         {
			width: 100%;
			border: 2px solid green;
                  }
 
div.race_results  {
                     margin-top: .5rem;
                     /* margin-bottom: .5rem;   */
                     }       

table.race_results  {
                     text-align: center;
                     width: 100%;
                     color: #008000;
                     background-color: white;
                     }

hr.birthday         {
			               width: 100%;
			               border: 2px solid blue;
                  }

.birthday-banner-bg  {
                      background-color: #B0C4DE;/* lightsteelblue */
                     }

.birthday-banner-text {
                      color: #0000ff; /* Blue */
                     }

.scroller             {
                      position:relative;
                      margin:auto;
                      min-width: 30rem;
                      height: 1.25rem;
                      vertical-align: middle;
                      background-color:#B0C4DE;/* lightsteelblue */
                      overflow:hidden;
} 

@media screen and (min-width: 901px) and (max-width: 1023px) {
.scroller          {  min-width: 27rem; }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
.scroller          {  min-width: 23rem; }  
}

@media screen and (min-width: 681px) and (max-width: 768px) {
.scroller          {  min-width: 20rem; }  
}

@media screen and (min-width: 481px) and (max-width: 680px) {
.scroller          {  min-width: 25rem; }  
}

@media screen and (min-width: 321px) and (max-width: 480px) { 
.scroller          {  min-width: 18rem; }
}

@media screen and (max-width: 320px) { 
.scroller          {  min-width: 16rem; }
}

#scrollerTEXT       {
                      visibility:hidden;
                      position:absolute;
                      top:-100px;
                      left:-9000px;
}  

#iemarquee       {
                      position: absolute;
                      left:0px;
                      top:0px;
                      margin: auto;
                      width: 20rem;
                      height: 1.25rem;
                      color: #0000ff; /* Blue */
                      vertical-align: middle;
                      background-color:transparent;
}

#ns_marquee         {
                      position: absolute;
                      left:0px;
                      top:0px;
                      margin: auto;
                      width: 20rem;
                      height: 1.25rem;
                      color: #A0522D; /* sienna */
                      vertical-align: middle;
                      background-color:transparent;
                      /*background-color: #FFE4C4; bisque */
}

img {max-width: 100%;}