.logo{           color: #008200;
                            font-family: comic sans ms;
                            font-size: 24pt;
                }
.heading{
          overflow: hidden;
            position: fixed;
            top: 0;
            background: #CCCCCC;
            text-align: center;
            width: 100%;

        }
.bodyinsert{
         margin-top:140px;  
         margin-left: 30px;
        }        
    body    {     margin: 10px; 
                  color: #666666; 
                  background: #CCCCCC; 
                  font-family:  verdana, geneva, arial, sans-serif; 
                  font-size: 10pt;  }
    
    input.text{
                  background:#CCCCCC;
                  color: #000000;
                  font-family:  verdana, geneva, arial, sans-serif; 
                  font-size: 10pt;
                }
    select.text{  
                    background:#CCCCCC;
                    color: #000000;
                    font-family:  verdana, geneva, arial, sans-serif; 
                    font-size: 10pt;
               }
    table.styledMain {
                      border-width:10px;
                      border-color:#003366;
                      border-style: ridge;
                      
                      }
    table.styledNav {
                      border-width:5px;
                      border-color:#003366;
                      border-style: ridge;
                      }
    table.styledInput{
                      border-width:5px;
                      border-color:#003366;
                      border-style: ridge;
                      font-size: 9pt;
                      }
    table.styledInput input { font-size: 9pt; }
    table.styledData{
                      border-width:4px;
                      border-color:#003366;
                      border-style: ridge;
                      }
    table.blueBorder{ border-width: 6px;
                      border-color: #0000FF;
                      border-style: solid;
                    }
    table.greenBorder{ border-width: 6px;
                       border-color: green;
                       border-style: solid;
                    } 
    table.blackBorder{ border-width:3px;
                       border-color: #000000;
                       border-style: solid;
                    } 
    table.champResults{
                       border-width:4px;
                       border-color:#003366;
                       border-style: ridge;
                       font-size: 12pt;
                       color:#003366;
                    }

/* ============================================
   Utility Classes
   ============================================ */

/* --- Text Alignment --- */
.text-center { text-align: center; }
.text-right  { text-align: right; }
.text-left   { text-align: left; }

/* --- Text Decoration --- */
.text-underline { text-decoration: underline; }
.text-overline  { text-decoration: overline; }
.text-bold      { font-weight: bold; }
.text-14pt      { font-size: 14pt; }
.text-16pt      { font-size: 16pt; }
.text-20px      { font-size: 20px; }

/* --- Text Colors --- */
.text-error   { color: red; }
.text-success { color: green; }
.text-green   { color: green; }
.text-blue    { color: blue; }
.text-black   { color: black; }
.text-navy    { color: #003366; }

/* --- Message Styles --- */
.error   { color: red; font-weight: bold; }
.success { color: green; font-weight: bold; }

/* --- Margins --- */
.no-margins       { margin-top: 0; margin-bottom: 0; }
.margin-top-0     { margin-top: 0; }
.margin-bottom-0  { margin-bottom: 0; }

/* --- Vertical Alignment --- */
.valign-top { vertical-align: top; }

/* --- Width --- */
.w-100 { width: 100%; }

/* --- Float Layout --- */
.float-left         { float: left; }
.float-left-indent  { float: left; margin-left: 20px; }
.clear-both         { clear: both; }

/* --- Display --- */
.inline-center { display: inline; text-align: center; }

/* --- Image Size Constraints --- */
.img-xs  { max-height: 200px; max-width: 200px; }
.img-sm  { max-height: 300px; max-width: 300px; }
.img-md  { max-height: 400px; max-width: 400px; }
.img-lg  { max-height: 500px; max-width: 500px; }
.img-xl  { max-height: 700px; max-width: 700px; }
.img-xxl { max-height: 900px; max-width: 900px; }

/* --- Stats Tables --- */
.stats-table {
    width: 600px;
    border-collapse: collapse;
    table-layout: fixed;
}
.stats-table th {
    background-color: #003366;
    color: white;
    padding: 4px 8px;
    font-size: 10pt;
}
.stats-table td {
    padding: 4px 8px;
    font-size: 10pt;
    border-bottom: 1px solid #999999;
}

/* --- Open Signup Slot Backgrounds --- */
.open-slot-mixed { background: brown; color: white; }
.open-slot-blue  { background: blue; color: white; }
.open-slot-green { background: green; color: white; }

/* --- Play Date Table --- */
.playdate-table       { color: #333333; }
.playdate-row-odd     { font-size: 10pt; background-color: #E8E9F7; }
.playdate-row-even    { font-size: 10pt; background-color: #C8CAEA; }

/* --- Word Content Wrapper --- */
.word-content     { all: initial; display: block; }
.word-content *   { font-family: inherit; }

/* --- Table Heading (common combined style) --- */
.table-heading {
    text-align: center;
    font-size: 12pt;
    color: black;
    text-decoration: underline;
}