<!--  dle  11/30/2025										/DTM/files/Descendants/Descendants.css	-->
	
<style type="text/css">    /*   https://www.nekg-vt.com/DTM/files/Common/Head_Action_Page.php?%24rin=000	*/
</style>


<style type="text/css">

/*--------------------------------------------------------------------*/
nav {
	background: #ffffcc;		/*  was #ffffcc;   		  */
	border-radius: 6px;
	border: 3px solid b;
/*	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);	*/
	padding: 0 8px;			/*  width   		  */
	position: absolute; 	/*  relative;  		  */
	right:  90px;			/*  position		  */
	top: 	60px;
	width: 200px;              /*  Title Width   200px	  */
	}
.menu ul {
	font-size: 18px;
	position: absolute;
	right: -150px;           /*        width of drop down menu            */
	padding: 0 38px;		/*					38px						*/
	list-style: none;
	opacity: 1;
	transition: opacity 1s ease;
	}

.menu ul li {
	float: none;
	}

.menu ul a {
	white-space: nowrap;
	}

/*--------------------------------------------------------------------*/

    ul{
	  padding: 0;
	  list-style: none;
	  background: #ffffcc;
    }
    ul li{
	  background: #ffffcc;
      display: inline-block;
      position: relative;
	  font-size: 18px;
      line-height: 21px;
      text-align: left;
    }
    ul li a{					/*   drop down list			*/
        display: block;
        padding: 4px 0px;
		font-size: 16px;
        color: #333;
        text-decoration: none;
    }
    ul li a:hover{				/*   on mouse over			*/
	   background: transparent; -webkit-appearance: none;			
	   font-size: 16px;
 	   font-weight: bold;
	   color: black;		
    }
    ul li ul.dropdown{
        min-width: 100%; 		/* Set width of the dropdown */
 	   background: #ffffcc;
        display: none;
        position: absolute;
	padding: 18px 38px;	
        z-index: 999;
	border-radius: 10px 10px 10px 10px;
        left: 0;
    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }


					/*  ======   PopUp Buttons  ======  */


{box-sizing: border-box;}

/* The popup form - hidden by default */
.form-popup {
  display: none;	
  position: block;
  top: 20px;			/*	was 50	couldn't see any changes	*/	
  right: 30px;			/*	was 70		*/
  border: 2px solid #000;
  border-radius: 10px;		
  z-index: 9;
}

/* Add styles to the Main form container 			this works  		*/
.form-container {
  max-width: 240px;			/* width of popup window button 	was 140, tried 240 no change  */
  padding: 10px;
  background-color: white;
}

/* Full-width input fields 			couldn't see any changes*/
.form-container input[type=text], .form-container input[type=text] {		/* RIN	*/
  width: 100%;
  padding: 5px   30px;    			/* Height - Width	*/
  margin: 5px 0 2px 0;
  border: 2px solid black;
  border-radius: 1rem;			
  background: lightgray;		/* 	rin input		*/  
}

/* When the inputs get focus, do something 		couldn't see any changes      */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: lightblue;		/*  was  #ddd;					*/
  outline: none;
/*  width: 100%;				*/
}

/* Set a style for the open and close buttons */
.form-container .btn {
  background-color: #04AA6D;
  color: black;				/* font			*/
  padding: 3px 20px;			/* high by wide	8px x 20px	*/
  border: 2px solid #000;
  cursor: pointer;
  width: 100%;
  margin-top:5px;
  margin-bottom:2px;	/*   was  5px     */
  opacity: 0.8;
}

/* Add a background color to the close button */
.form-container .cancel {
  background-color: blue;			/*  cancel  000 = black   ddd = gray  ee0=yellow  0ee= lt blue	*/
}

/* Add some hover effects to buttons    		 Mouse over color		*/
.form-container .btn:hover, .open-button:hover {
  background-color: lightblue;			/*  cancel  000=black   ddd=gray  a00=red  00a=redish blue		*/
  opacity: 1;
}


/*      Hide the drawer on page load        */
.drawer {
  display: none;
}


/*       The main CSS for the drawer      */
.drawer__header {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: right;
  border-bottom: 3px solid black;		/*	between close and menu   */
}

.drawer__open {
  	position: fixed;
  	top: 55px;			
  	right: 25px;
  	width: 400px;						/*	was 100px			   */
  	border: 2px solid #aaaaaa;
  	font-family: comic sans ms; 
  	font-size: 12px; 
  	font-weight: bold; 
  	color: #b0b0b0;
	}

.drawer__close {
  margin: 0;
  padding: 0;
  border: none;
  background-color: 	blue;  	/*   transparent;	No Change	*/
  border: 3px solid #aaaaaa;
		
  cursor: pointer;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.-Menu' transform='translate(-15.000000, -13.000000)' stroke='%23000000'%3E%3Cg id='Group' transform='translate(15.000000, 13.521000)'%3E%3Cpath d='M0,0.479000129 L15,14.2971819' id='Path-3'%3E%3C/path%3E%3Cpath d='M0,14.7761821 L15,-1.24344979e-14' id='Path-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
}

.drawer__wrapper {
  position: fixed;
  top: 0;				/*  starting point   */
  right: 0;			/*  starting point   */
  height: 100%;								/*	Doesn't change on the phone, only on the pc	  */
  width: 100%;
  max-width: 180px;		/*  width of drawer   */
  z-index: 9999;
  overflow: auto;
  transition: transform 0.5s;
  will-change: transform;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  -webkit-transform: translateX(103%);
  transform: translateX(103%); /* extra 5% because of box-shadow    3%*/
  -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
  box-shadow: 0 3px 16px #777;		/*   16% is the width of the box shadow       */
}

.drawer__title {
	color: #000;			/* Doesn't change  */
	font-size: 16px;
	vertical-align: middle;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	}

.drawer__content {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  flex-grow: 1;
  padding: 1.5rem;
}

.drawer.is-active {
  display: block;
}

.drawer.is-visible .drawer__wrapper {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.drawer.is-visible .drawer__overlay {
  opacity: 0.5;
}

/*    Style the background overlay when the drawer is opened  -   don't see any changes  */
.drawer__overlay {
//  position:            fixed;
  	top: 		         5px;
  	right: 		         5px;
  	bottom: 	         112px;		/*		was 112px						*/
  	left: 		         112px;
  	width: 		         100%;
  	z-index: 	         200;
  	opacity: 	         0;
  	transition: 	     opacity 0.3s;
  	will-change: 	     opacity;
  	background-color:    #000;
  	-webkit-user-select: none;
  	-moz-user-select: 	 none;
  	-ms-user-select:	 none;
  	user-select: 		 none;
}




/*  ================= This Section is NOT used ================================ */
.button_highlight {
	cursor: 		pointer;
	color:		white; 
	font-size:	  	14px; 
	text-align: 	center;
	background-color: green; 
	width:		110px; 
	border: 		solid; 
	border-width: 	3px; 
	border-radius:	8px; 
	border-color: 	black;
	}
.button_searchall {
	cursor: 		pointer; 
	color:		white; 
	font-size:		14px;
	text-align: 	center;
	background-color: green; 
	width:		65px; 
	border-width: 	3px; 
	border-style: 	solid; 
	border-radius: 	8px; 
	border-color: 	violet; 
	}
.button_map {
	cursor: 		pointer; 
	color:			white;
	font-size:		16px; 
	text-align: 	center;
	background-color: green;
	width:			110px; 
	border-width: 	3px; 
	border-radius:	8px; 
	border-style:	solid; 
	border-color:	yellow;
}
.button_Help {											/* -=========================================== */
	cursor: 		pointer; 
	color:			yellow; 
	font-size:		16px; 
	text-align: 	center;
	background-color: darkgreen; 
	width:			80px; 
	border-width:	3px; 
	border-style:	solid; 
	border-radius:	8px; 
	border-color:	white;"
	}
.button_Index {
	cursor: 		pointer; 
	color:			red; 
	font-size:		16px; 
	text-align: 	center;
	background-color: darkgreen; 
	width:			80px; 
	border-width:	3px; 
	border-style:	solid; 
	border-radius:	8px; 
	border-color:	white;"
	}
.div_search_page {
	border-width: 	3px; 
	border-style: 	solid; 
	border-radius: 	8px; 
	border-color: 	blue; 
	font-weight:	bold;
	color:			white; 
	background-color: green; 
	}
.enlarge {
	border-width:	3px; 
	border-style: 	solid; 
	border-radius: 	8px; 
	border-color: 	orange;
	height:		70px;
	width:		30px;
	}

.btn_descendants {
	background-color: red;
	color: black;
	padding: 0px 4px;			/*  	height - width		*/
	border: 2px solid black;
	border-radius: 5px;	
 	font:  Arial;
	font-size: 15px;
	cursor: pointer;
	opacity: 1.0;
	position: fixed;
	top:   	250px;
	Left: 	1px;
	width: 	10px;
	}


</style>

