
/*title: "Calumet Region Striders Style Sheet"*/
/* W3C CSS Validated: 1/11/07 */
/* W3C CSS Validated: 9/19/06 */
body             {
                     color: black;
                     background-color: #85bbd9;    /* Strider Blue */
                     font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
                     font-size: smaller; /* font-size: 10pt; */ 
                     font-style: normal;
                     position: relative;
                     width: 768px;
                     margin:0px auto;
                     border-collapse: collapse;
                     border-spacing: 0px;
                     padding: 0px;
                 }

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

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

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;
} 

img.sponsors {

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

a.webmaster:focus  { outline: thin dashed #ff0000; }

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

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.transparent:link {
        background-color: transparent; 
         }

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



div.primary_display {
                     position: relative;
                     width: 100%;
                     color: #3366CC;
                     background-color: white;
                     border:4px solid #3366CC;
                     border-collapse: collapse;
                     border-spacing: 0px;
                     margin: 0px;
                     padding: 0px;
                    }

table.primary_table {
                     position: relative;
                     width: 100%;
                     color: #3366CC;
                     background-color: white;
                     border: 0px;
                     border-collapse: collapse;
                     border-spacing: 0px;
                     margin: 0px;
                     padding: 0px;
                     }

td.p20c             {
                     border: 0px;
                     text-align: center;
                     width: 20%;
                     height: 50px;
                     border-spacing: 0px;
                     margin: 0px;
                     padding: 0px;
                      } 

td.center_20       {
                     border: 0px;
                     text-align: center;
                     width: 20%;
                     border-spacing: 0px;
                     margin: 0px;
                     padding: 0px;
                      }

.comic           {
                     font-family: "Comic Sans MS";
                  }

.padding3px      {
                     padding: 3px;
                  }

.padding4px      {
                     padding: 4px;
                  }

.padding5px      {
                     padding: 5px;
                  }

.spacing5px      {
                     border-spacing: 5px;
                  }

.spacing10px      {
                     border-spacing: 10px;
                  }

.spacing15px      {
                     border-spacing: 15px;
                  }

.collapse         {
                     border-collapse: collapse;
                  }

.nocollapse      {
                     border-collapse: separate;
                  }


.border1px       {
                     border: 1px solid blue;
                  }

.border2px       {
                     border: 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;
                  }


.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;
                  }


.automargins      {
                     margin: auto;
                   }
.margin20px      {
                     margin: 20px;
                   }

.left             {
                     text-align: left;
                      } 

.center           {
                     text-align: center;
                      } 

.right           {
                     text-align: right;
                      } 

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

.bottom          {
                     vertical-align: bottom;
                      } 

.wide            {
                     width: 100%;
                     }

.wide-10          {
                     width: 90%;
                     }

.fivesixth         {             
                     width: 83%;
                   }

.full              {             
                     width: 100%;
                   }

.threequarters    {             
                     width: 75%;
                   }

.half              {             
                     width: 50%;
                   }

.fortyfive       {           
                     width: 45%;
                   }

.onethird         {             
                     width: 33%;
                   }

.onethird-3       {           
                     width: 30%;
                   }


.quarter          {             
                     width: 25%;
                   }

.onefifth         {             
                     width: 20%;
                   }

.onesixth         {             
                     width: 17%;
                   }

.b                {
                     font-weight: bold;
                      } 

.i                {
                      font-style: italic;
                      }

.u                {
                      text-decoration: underline;
                      }

.blink               {
                      text-decoration: blink;
                      }

.black             {
                     color: black;
                     }

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

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

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

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

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

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

.darkstriderblue     {
                     color: #3366CC;
                     } 

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

.deeppink     {
                     color: #FF1493;
                     } 

.firebrick     {
                     color: #B22222;
                     } 

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

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


.goldenrod        {
                     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: #eeeeee; /* light gray */
                     }


.lsb-green             {
                     color: #313031;
                     }

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


.lsb-yellow        {
                     color: #FFCF00;
                     }


.maroon           {
                     color: #800000;
                     } 

.navy              {
                     color: #000080;
                     } 

.orange              {
                     color: #FFA500;
                     } 

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

.red              {
                     color: red;
                     } 

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

.striderblue     {
                     color: #85BBD9;
                     } 

.striderdarkblue     {
                     color: #3366DC;
                     } 


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

.transparent       {
                      background-color: transparent;
                    }

.white              {
                     color:white;
                     } 

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


.yellow              {
                     color:yellow;
                     } 

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

 
.big           {
                     font-size: large;
                     }

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

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

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

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



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

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

span.center           {
                     text-align: center;
                      } 

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

span.small_urgent          {
                      color: red;
                      background-color: white;
                      font-size: xx-small;
                      font-weight: bold;
                      font-style: italic;
                      }

span.bi              {
                      font-weight: bold;
                      font-style: italic;
                      }

span.b_blue        {
                      color: blue;
                      font-weight: bold;
                      }


span.bi_blue        {
                      color: blue;
                      font-weight: bold;
                      font-style: italic; 
                      }

span.biu_blue        {
                      text-decoration: underline;
                      color: blue;
                      font-weight: bold;
                      font-style: italic; 
                      }

span.bi_red    {
                      color: red;
                      font-weight: bold;
                      font-style: italic; 
                      }

span.big_bi         {
                      font-weight: bold;
                      font-style: italic;
                      font-size: large;
                      }

span.big_bi_red    {
                      color: red;
                      font-weight: bold;
                      font-style: italic; 
                      font-size: large;
                      }

span.big_blue         {
                      color: blue;
                      font-size: large;
                      }

span.big_bi_green    {
                      color: green;
                      font-weight: bold;
                      font-style: italic; 
                      font-size: large;
                      }

span.big_bi_blue    {
                      color: blue;
                      font-weight: bold;
                      font-style: italic; 
                      font-size: large;
                      }

span.big_bi_gold    {
                      color: #ffd700; /* gold */
                      font-weight: bold;
                      font-style: italic; 
                      font-size: large;
                      }

span.big_bi_goldenrod    {
                      color: #b8860b; /* Dark Goldenrod */
                      font-weight: bold;
                      font-style: italic; 
                      font-size: large;
                      }

span.bigger_bi_blue    {
                      color: blue;
                      font-weight: bold;
                      font-style: italic; 
                      font-size: x-large;
                      }

span.green    {
                      color: green;
                      }


span.b               {
                      font-weight: bold;
                      }

span.b_green        {
                      font-weight: bold;
                      color: green;
                      }

span.small_b               {
                      font-weight: bold;
                      font-size: xx-small;
                      }

span.small_bi               {
                      font-weight: bold;
                      font-size: xx-small;
                      font-style: italic;
                      }

span.i               {
                      font-style: italic;
                      }

span.u               {
                      text-decoration: underline;
                      }

span.bu               {
                      font-weight: bold;
                      text-decoration: underline;
                      }
span.bui               {
                      font-weight: bold;
                      text-decoration: underline;
                      font-style: italic;
                      }





table.terminator  {
                     text-align: center;
                     width: 768px;
                     border-spacing: 0px;
                     margin: auto;
                     padding: 0px;
                     }

td.terminator-left {
                     text-align: left;
                     vertical-align: middle;
                     width: 15%;
                     color: #0000ff; /* Blue */
                     background-color: transparent;
                    }

td.terminator-right {
                     text-align: right;
                     width: 15%;
                     color: #0000ff; /* Blue */
                     background-color: transparent;
                    }

td.terminator-center {
                     text-align: center;
                     width: 70%;
                     color: #ffffff; /* white */
                     background-color: transparent;
                     font-size: xx-small;
                    }

td.sender {
                     text-align: center;
                     height: 15px;
                     color: #ffffff; /* white */
                     background-color: transparent;
                     font-size: xx-small;

                    }

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

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;
                      height: 75px;
                      text-align: center;
                      vertical-align: middle; 
                      color: #3366CC;
                      background-color: #ffffff; /* White */
                      border: 0px;
                      border-spacing: 0px;
                      margin: 0px;
                      padding: 0px;    
                   }

img.framework_logo {
                      margin-top: 5px;
                      border: 1px dashed #3366CC; /* */
                      text-align: center;
                      vertical-align: middle; 
                      background-color: #ffffff; /* White */
                    }

td.framework_menu  {
                      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;
                      }

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

td.sponsors       {
                      width: 18%; /* body width (768px) - this = content width */
                      text-align: center;
                      vertical-align: top;
                   }

table.sponsors       {
                      width: 17%;
                      text-align: center;
                      vertical-align: top;
                   }

td.sponsors_title  {
                      width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: #3366CC;
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                   }

td.sponsors_platinum  {
                      width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      background-color: #F0F0F0; /* platinum? */
                      border:solid 2px #0000FF; /* blue */
                      color: #0000FF; /* blue */
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                   }

td.sponsors_gold   {
                      width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      background-color: #FFD700; /* gold */
                      border:solid 2px #008000; /* green */
                      color: #008000; /* green */
                      font-style: italic;
                      font-weight: bold;
                      font-size: large;
                   }

td.sponsors_silver   {
                      width: 100%;
                      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;
                   }

td.sponsors_bronze   {
                      width: 100%;
                      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;
                   }

td.sponsors_webhost   {
                      width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      border: 2px solid #0000FF; /* blue */
                      color: #0000FF; /* blue */
                      font-size: xx-small;
                   }

td.content       {
                      width: 82%;
                      text-align: left;
                      vertical-align: top;
                   }

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

table.photo_album  {
                      width: 100%;
                      text-align: center;
                      vertical-align: middle;
                      color: black;
                      background-color: #85bbd9;  /* Strider Blue */
                      border: 10px outset #808080; /* gray */
                   }
