*{margin :0;padding :0;text-align:center}
#main {overflow:auto;width:100%;height:1200px}
#instr {margin-left:20px; text-align :left;}
#flushinstr {margin-left:10px; text-align :left;}
#splittop {background:white;position:fixed;top:0;left:8;margin:0;width:100%;z-index:2;}
#splitmain {position:absolute;top:300px;z-index:1;overflow:auto;height:500px;width:800px;}
 h1 {color:white; background : #8080C0; text-align:center}
h3,h4 {color:red; text-align:center}
 p.clear{clear:left;}
.afterlinks{
   padding:15px 0 5px 5px;
   }
 .top-container {
  background-color:white;
  padding: 10px;
  text-align: center;
}
.contentzero {
  padding: 0px;
}


.content {
  padding: 10px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

  .header {
  padding: 0px 0px;
  background: white;

}
   #resmenu{
  position:absolute ;
  top:230px;
  left:100px;
  visibility: hidden;
  background-color:plum;
  width:650px;
 z-index:4;
  }


#regmenu {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    flex-wrap: wrap; /* Allows items to flow to new lines */
    gap: 10px; /* Creates spacing between items */
    justify-content: center; /* Centers links */
		z-index: 99;
}

/* Mobile Fullscreen Overlay */
@media screen and (max-width: 768px) {
	#regmenu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
    height: auto;
		background: rgba(0, 0, 0, 0.7);
		color: white;
		display: flex; /* Ensure flex layout when shown */
		align-items: center;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		max-height: 100dvh;
	}
	 
	.complink a {
		height: 25px !important;
		font-size: small !important;
		font-weight: bold;
		padding: 8px !important;
	}
	
	body.no-scroll { overflow: hidden; }
}

/* Desktop Pop-out */
@media screen and (min-width: 769px) {
	#regmenu {
        display: flex;
        position: absolute;
        justify-content: flex-start;
        width: 666px;
        top: 80px;
        background: plum;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
        padding: 10px;
        left: 50px;
	}
	
	.complink a { text-wrap-mode: nowrap; }
}

/* When active */
.menu-visible {
    visibility: visible !important;
    opacity: 1 !important;
}

	
  #yearmenu{
  position:absolute ;
  top:230px;
  left:100px;
  visibility: hidden;
  background-color:plum;
  width:650px;
 z-index:4;
  }
.minilink a{
display: block;
width: 60px; /*Width of top level menu link items was 90px*/
padding: 2px 2px 0 2px;
height:15px;
border: 1px solid #202020;
text-decoration: none;
background-color: lightgreen;
color:black;
font: bold 12px Tahoma;
margin-left:2px;
margin-top:2px;
text-align:center;
/*-moz-border-radius:50px; */
/*-webkit-border-radius :50px; */
border-radius:10px;

}


.minilink a:hover{
background-color:red;
}

 .tdleft{text-align:left;}
 .thsmall{font-size:10px;}
.mytable caption{background-color:wheat}
.mytable {border-collapse:collapse;}
.mytable tr td{border:1px black solid; font-size:14px;padding:3px}
.mytable th{background-color:lightgreen; text-align:center; border:1px black solid;padding:2px; }
.mytable a {text-decoration:none; color:#333;}
.mytable a:hover, active {text-decoration:underline; color:#333;background-color:red;}

.avtable {border-collapse: separate;border-spacing:0;border-top 1 px solid black;}
.avtable caption{background-color:salmon; }
.avtable td th{margin:0; border:1px black solid; white-space: nowrap;}
.avtable a {text-decoration:none; color:#333;}
.avtable a:hover, active {text-decoration:underline; color:#333;}

.avdiv {width:800px; overflow-x:scroll; margin-left:200px; overflow-y:visible;padding:0;}
.avheadcol {position:absolute; width:200px; left:0;top:auto;border:1px;margin-top:1px;}

.coltable caption{background-color:wheat;table-layout:fixed;}
.coltable {border-collapse:collapse;}
.coltable tr td{border:1px black solid; font-size:14px;padding:3px}
.coltable th{background-color:lightgreen; text-align:center; border:1px black solid;padding:2px; }
.coltable a {text-decoration:none; color:#333;}
.coltable a:hover, active {text-decoration:underline; color:#333;background-color:red;}

.teamtable 
{
	border-collapse:collapse; 
	max-width:1024px;
	margin: 6px;
}
.teamtable caption{background-color:wheat}
.teamtable tr td{border:1px black solid; font-size:14px;padding:3px}
.teamtable th{background-color:lightgreen; text-align:center; border:1px black solid;padding:2px; }
.teamtable a {text-decoration:none; color:#333;}



 .complink a{
display: block;
width: 150px; /*Width of top level menu link items was 90px*/
padding: 2px 2px 0 2px;
height:20px;
border: 1px solid #202020;
text-decoration: none;
background-color: lightgreen;
color:black;
font: bold 12px Tahoma;
margin-left:2px;
margin-top:2px;
text-align:center;
/*-moz-border-radius:50px; */
/*-webkit-border-radius :50px; */
border-radius:10px;

}

.complink a:hover{
background-color:red;
color:black;
text-decoration: none;
}

.horizontalcssmenu ul li a{
	display: flex;
	align-items: center;
  justify-content: center;
	width: 150px; /*Width of top level menu link items was 90px*/
	padding: 2px 8px 0 8px;
	height:50px;
	border: 1px solid #202020;
	text-decoration: none;
	background-color: lightgreen;
	color:black;
	font-weight:bold;
	font-size:1em;
	font-family:Ariel;
	margin:10px;
	text-align:center;
	vertical-align: middle;
	border-radius:10px;
}

fs}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left:-200;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;

z-index: 100;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
text-align:center;

}


/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;

}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 250px; /*width of sub menu levels*/
height:20px;
font-weight:bold;
padding: 2px 5px;
background-color: lightgreen;
color:Black;
margin-top:0px;
border-width: 0 1px 1px 1px;
position:-100px;
}

.horizontalcssmenu ul li a:hover{
background-color:red;
}

.horizontalcssmenu ul li ul li a:hover{
background-color:red;
}

img.mbicon 
{
	width: 140px;
	height: 100px;
}