TD.myclass
{
  font-family:verdana;
  font-size: 8pt;
  color:#666666;
  font-weight:bold;
  text-align: Left;
  border: 0px solid #eeeeee;
  background-color: #DADADA;
  padding-left: 5;
  padding-right: 5
}

TH.myclass
{
 font-family:verdana;
 font-size: 8pt;
 color:#ffffff;
 font-weight:bold;
 text-align: Left;
 background-color: #800000;
 background-color: #008822;
 background-image:url('thbg1.jpg');
 border: 1px solid #DEEEAC;
 padding-left: 5;
 padding-right: 5;
}


TD.regmyclass
{
  font-family:verdana;
  font-size: 8pt;
  color:#666666;
  font-weight:bold;
  text-align: Left;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding-left: 5;
  padding-right: 5
}

TH.regmyclass
{
 font-family:verdana;
 font-size: 8pt;
 color:#00000;
 font-weight:bold;
 text-align: Left;
 background-color: #800000;
 background-color: #ffffff;
 
 border: 1px solid #ffffff;
 padding-left: 5;
 padding-right: 5;
}




	input.submitclass 
		{ 
			font-family: Verdana; font-size: 8pt; color: #444444; background-color:
               #FFFFFF; border: 1px solid #444444; 
		}
    input.resetclass 
		{ font-family: Verdana; font-size: 8pt; color: #444444; background-color:
               #FFFFFF; border: 1px solid #444444; 
	    }
	select.selectclass 
    { 
		font-family: Verdana; font-size: 8pt; color: #444444; z-index: -1;
		border: 1px solid #444444 
	}

	input.textclass 
		{ font-family: Verdana; font-size: 8pt;
               border: 1px solid #444444 
	    }

    textarea.textclass 
		{ 
			font-family: Verdana; font-size: 8pt;
			border: 1px solid #444444 
		}



A:link {color: #999999; font-family:verdana; font-weight:bold; text-decoration:none; font-size:8pt}
A:visited {color:#999999; font-family:verdana; font-weight: bold; text-decoration:none; font-size:8pt}
A:hover {color:#000080; font-family:verdana; font-weight: bold; text-decoration:none; font-size:8pt}


 .social-icons {
      display: flex;
      gap: 20px;
    }

    .social-icons a {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      text-decoration: none;
      color: white;
      font-size: 30px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .social-icons a:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    }

    /* Specific brand colors */
    .social-icons .facebook {
      background-color: #1877F2;
    }

    .social-icons .youtube {
      background-color: #FF0000;
    }

    .social-icons .instagram {
      background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
    }