<!--
      /* Base styles */
      body {
          font-family: 'Georgia', serif; /* Vintage feel */
          background-color: #e0e0e0; /* Light grey background */
          color: #3e3e3e; /* Dark text for readability */
          margin: 0;
          padding: 0;
      }

      @font-face {
          font-family: 'rocket_script';
          src: url('/rocketscript-webfont.eot');
          src: url('/rocketscript-webfont.eot?#iefix') format('embedded-opentype'),
               url('/rocketscript-webfont.woff2') format('woff2'),
               url('/rocketscript-webfont.woff') format('woff'),
               url('/rocketscript-webfont.svg#rocket_scriptregular') format('svg');
          font-weight: normal;
          font-style: normal;
      }

      .header {
          background: linear-gradient(90deg, #9b0000 0%, #a52a2a 100%); /* Gradient red header */
          color: #fff; /* White text */
          padding: 25px;
          text-align: center;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); /* Soft shadow for depth */
      }

      .content {
          padding: 20px;
          max-width: 1200px; /* Centering content */
          margin: auto;
      }

      .intro, .footer {
          border: 2px solid #fdd978; /* Yellow border */
          padding: 5px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px;
          background-color: #80acaa; /* Light blue background */
      }

      .gallery {
          display: flex; /* Flexbox for responsive layout */
          flex-wrap: wrap; /* Wrap items to the next line */
          gap: 10px; /* Space between items */
      }

      .item {
          background-color: #d6c7a1; /* Vintage gold background */
          flex: 1 1 calc(33.333% - 10px); /* Responsive item width */
          min-width: 250px; /* Minimum width for items */
          padding: 20px;
          text-align: center;
          border: 2px solid #9b0000; /* Red border for items */
          transition: transform 0.3s; /* Smooth scaling on hover */
      }

      .item:hover {
          transform: scale(1.05); /* Scale effect on hover */
      }

      .project {
          display: none;
          background-color: ivory;
          border: 5px solid #80acaa; /* Blue border for items */
          padding: 10px;
          width: 1140px; /* Centering content */
          margin: auto;
          margin-bottom:20px;
          clear: both;
      }

      div.defntn {
          display: none;
          background-color: #FFFFF0;
          border: 4px solid #6e2f3b; /* Dark red border */
          padding: 5px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px;
      }

      div.projTable {
          border: 2px solid #6E2F3B;
          background-color: #FDD978;
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
      }
      .divTable.projTable .divTableCell, .divTable.projTable .divTableHead {
          border: 3px solid #6E2F3B;
          padding: 8px 10px;
      }
      .divTable.projTable .divTableBody .divTableCell {
          font-size: 13px;
          font-weight: bold;
      }

      .projTable .tableFootStyle {
          font-size: 16px;
      }

      /* DivTable.com */
      .divTable{ display: table; }
      .divTableRow { display: table-row; }
      .divTableHeading { display: table-header-group;}
      .divTableCell, .divTableHead { display: table-cell;}
      .divTableHeading { display: table-header-group;}
      .divTableFoot { display: table-footer-group;}
      .divTableBody { display: table-row-group;}

      /* Header Styles */

      .caps { font-variant: small-caps; }

      h1 {
        font-family: 'Atomic Age';
        font-size: 2.5em;
        font-weight: bold;
        color: #fdd978;
      }

      h2 {
        font-family: 'Atomic Age';
        font-size: 1.5em;
        font-weight: bold;
        color: #000000;
      }

      h3 {
        font-family: 'Atomic Age';
        font-size: 1.3em;
        font-weight: bold;
        color: #000000;
      }

      h4 {
        font-family: 'Atomic Age';
        font-size: 1.2em;
        font-weight: bold;
        color: #605542;
      }

      h5 {
        font-family: 'Atomic Age';
        font-size: 12pt;
        font-weight: bold;
        color: #000000;
      }

      img {
         border-color: #6e2f3b;
         border-style: solid;
         border-width: 1px;
      }

      /* Alignment Styles */

      .center { text-align: center; }
      .left { text-align:left; }
      .right { text-align: right; }

      hr {
         color: #6e2f3b;
         margin-left: auto;
         margin-right: auto;
         clear:both;
      }

      div.figureCenter {
          text-align: center;
          margin: 0.25em;
      }

      div.figureRight {
        float: right;
        margin: 0.25em;
        padding: 0.15em;
      }

      div.figureLeft {
        float: left;
        margin: 0.25em;
        padding: 0.15em;
      }

      .border img {
        transition: .5s ease;
      }

      .border img:hover{
        box-shadow: 0 0 0 8px #80acaa;
        transition: .5s ease;
      }

      p {text-indent: 2em;}

      /* General Button styles */
      .btnLnk {
         display: inline-block;
         padding: 10px 20px;
         margin: 10px;
         text-decoration: none;  /* Not needed for buttons, but included for consistency */
         border: 4px solid;
         border-radius: 2px;
         font-family: Georgia, serif;
         font-weight: bold;
         cursor: pointer; /* Change cursor to pointer for button-like behavior */
         transition: background-color 0.3s, color 0.3s, border-color 0.3s;
         background: none; /* Reset background for button styling */
      }

      /* Color combinations */
       .btnLnk1 {
          color: #fdd978;
          background-color: #80acaa;
          border-color: #6e2f3b;
       }

       .btnLnk1:hover {
          color: #80acaa;
          background-color: #fdd978;
       }

       .btnLnk2 {
          color: #80acaa;
          background-color: #6e2f3b;
          border-color: #fdd978;
       }

       .btnLnk2:hover {
          color: #6e2f3b;
          background-color: #80acaa;
       }

       .btnLnk3 {
          color: #6e2f3b;
          background-color: #fdd978;
          border-color: #80acaa;
       }

       .btnLnk3:hover {
          color: #fdd978;
          background-color: #6e2f3b;
       }

       .btnLnk4 {
          color: #fdd978;
          background-color: #6e2f3b;
       }

       .btnLnk4:hover {
          color: #6e2f3b;
          background-color: #fdd978;
       }

       .btnLnk5 {
          color: #80acaa;
          background-color: #fdd978;
          border-color: #6e2f3b;
       }

       .btnLnk5:hover {
          color: #fdd978;
          background-color: #80acaa;
       }

       .btnLnk6 {
          color: #6e2f3b;
          background-color: #80acaa;
       }

       .btnLnk6:hover {
          color: #80acaa;
          background-color: #6e2f3b;
          border-color: #80acaa;
       }

       .btnLnk7 {
          color: #fdd978;
          background-color: #6e2f3b;
          border-color: #80acaa;
       }

       .btnLnk7:hover {
          background-color: #80acaa;
          border-color: #6e2f3b;
          color: #6e2f3b;
       }

       .btnLnk8 {
          color: #fdd978;
          background-color: #6e2f3b;
          border-color: #fdd978;
       }

       .btnLnk8:hover {
          background-color: #fdd978;
          border-color: #6e2f3b;
          color: #80acaa;
       }

       .btnLnk9 {
          color: #80acaa;
          background-color: #fdd978;
          border-color: #80acaa;
       }

       .btnLnk9:hover {
          background-color: #80acaa;
          border-color: #fdd978;
          color: #6e2f3b;
       }

       .btnLnk10 {
          color: #fdd978;
          background-color: #80acaa;
          border-color: #6e2f3b;
       }

       .btnLnk10:hover {
          background-color: #6e2f3b;
          border-color: #80acaa;
          color: #fdd978;
       }

       .btnLnk11 {
          color: #6e2f3b;
          background-color: #80acaa;
          border-color: #fdd978;
       }

       .btnLnk11:hover {
          background-color: #fdd978;
          border-color: #80acaa;
          color: #6e2f3b;
       }

       .btnLnk12 {
          color: #6e2f3b;
          background-color: #fdd978;
          border-color: #6e2f3b;
       }

       .btnLnk12:hover {
          background-color: #6e2f3b;
          border-color: #fdd978;
          color: #fdd978;
       }

      /* Link Styles */
      /* Base style for all links */
      .inlineLnk {
        font-weight:bold;
        color: #23315f; /* Default link color */
        text-decoration: none; /* Remove underline for links */        
      }

      /* Style for active links */
        .inlineLnk:active {
        color: #23315f; /* Color for active links */
      }

      /* Style for links on hover */
        .inlineLnk:hover {
        background-color: #681a2c; /* Color for links when hovered */
        color: cornsilk;
      }

      /* General button styles for using links as buttons via <a href="#" class="linkBtn linkBtn1">Combo 1</a> type link */
      .linkBtn {
        display: inline-block;
        padding: 10px 20px;
        margin: 10px;
        text-decoration: none;
        border: 4px solid;
        border-radius: 0px;
        font-family: Georgia, serif;
        font-weight: bold;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
      }

      /* Color combinations */
      .linkBtn1 {
        color: #fdd978;
        background-color: #80acaa;
        border-color: #6e2f3b;
      }

      .linkBtn1:hover {
        color: #80acaa;
        background-color: #fdd978;
      }

      .linkBtn2 {
        color: #80acaa;
        background-color: #6e2f3b;
        border-color: #fdd978;
      }

      .linkBtn2:hover {
        color: #6e2f3b;
        background-color: #80acaa;
      }

      .linkBtn3 {
        color: #6e2f3b;
        background-color: #fdd978;
        border-color: #80acaa;
      }

      .linkBtn3:hover {
        color: #fdd978;
        background-color: #6e2f3b;
       }

      .linkBtn4 {
        color: #fdd978;
        background-color: #6e2f3b;
      }

      .linkBtn4:hover {
        color: #6e2f3b;
        background-color: #fdd978;
      }

      .linkBtn5 {
        color: #80acaa;
        background-color: #fdd978;
        border-color: #6e2f3b;
      }

      .linkBtn5:hover {
        color: #fdd978;
        background-color: #80acaa;
      }

      .linkBtn6 {
        color: #6e2f3b;
        background-color: #80acaa;
      }

      .linkBtn6:hover {
        color: #80acaa;
        background-color: #6e2f3b;
        border-color: #80acaa;
      }

      .linkBtn7 {
        color: #fdd978;
        background-color: #6e2f3b;
        border-color: #80acaa;
      }

      .linkBtn7:hover {
        background-color: #80acaa;
        border-color: #6e2f3b;
        color: #6e2f3b;
      }

      .linkBtn8 {
        color: #fdd978;
        background-color: #6e2f3b;
        border-color: #fdd978;
      }

      .linkBtn8:hover {
        background-color: #fdd978;
        border-color: #6e2f3b;
        color: #80acaa;
      }

      .linkBtn9 {
        color: #80acaa;
        background-color: #fdd978;
        border-color: #80acaa;
      }

      .linkBtn9:hover {
        background-color: #80acaa;
        border-color: #fdd978;
        color: #6e2f3b;
      }

      .linkBtn10 {
        color: #fdd978;
        background-color: #80acaa;
        border-color: #6e2f3b;
      }

      .linkBtn10:hover {
        background-color: #6e2f3b;
        border-color: #80acaa;
        color: #fdd978;
      }

      .linkBtn11 {
        color: #6e2f3b;
        background-color: #80acaa;
        border-color: #fdd978;
      }

      .linkBtn11:hover {
        background-color: #fdd978;
        border-color: #80acaa;
        color: #6e2f3b;
      }

      .linkBtn12 {
        color: #6e2f3b;
        background-color: #fdd978;
        border-color: #6e2f3b;
      }

      .linkBtn12:hover {
        background-color: #6e2f3b;
        border-color: #fdd978;
        color: #fdd978;
      }

      /* Popup Form Styles */      
      .popup {
         display: none;
         position: fixed;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         background-color: #80acaa;
         border: 4px solid #6e2f3b;
         padding: 20px;
         z-index: 1000;
         box-shadow: 0 0 20px 20px goldenrod;
      }
      .button {
         background-color: #6e2f3b;
         font-weight: bold;
         color: #fdd978;
         padding: 10px 20px;
         cursor: pointer;
         border: 4px solid #80acaa;
      }

      .button:hover {
         background-color: #80acaa;
         color: #fdd978;
         border: 4px solid #6e2f3b;
      }

      .close {
         background-color: #6e2f3b;
         font-weight: bold;
         color: #fdd978;
         padding: 10px 20px;
         cursor: pointer;
         border: 4px solid #80acaa;
      }

      .close:hover {
         background-color: #fdd978;
         color: #6e2f3b;
      }

      label {
        font-weight: bold;
      }

      /* COMPACT CAPTCHA YELLOW RED */

      .capbox {
	background: #C4371E;
	background: linear-gradient(to right, #6e2f3b, #C4371E);
	border: #000000 0px solid;
	border-width: 2px 2px 2px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	padding: 5px 8px 5px 8px;
	border-radius: 4px 4px 4px 4px;
      }

      .capbox-inner {
	font: bold 12px arial, sans-serif;
	color: #000000;
	background: #F6D871;
	margin: 0px auto 0px auto;
	padding: 3px 10px 5px 10px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
      }

      #CaptchaDiv {
	color: #000000;
	font: normal 25px Impact, Charcoal, arial, sans-serif;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	user-select: none;
	display: inline-block;
	padding: 3px 14px 3px 8px;
	margin-right: 4px;
	border-radius: 4px;
      }

      #CaptchaInput {
	border: #93B1BF 2px solid;
	margin: 3px 0px 1px 0px;
	width: 105px;
      }

/* Table Styles */
table {
    background-color: white;
    font-size: 9pt;
    border-color: #800000;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
}

.noborder {border-style: none; }

tr { height: 20px; }

/* Even Table Rows (Calculate using numrows mod 2) */
tr.row0 {  background-color: #feefc9; }
tr.row1 {  background-color: #ccdddd; }
tr.footer {  background-color: #80acaa;}

td (
    padding: 4px 4px;
    margin: 1px 1px;
    vertical-align: middle;
}

.rowhead {
    text-align: left;
    background-color: #6e2f3b;
    color: #80acaa;
}

.caption
{
    text-align: right;
    color: black;
    font-weight: bold;
}

.fldname
{
    text-align: right;
    background-color: #6e2f3b;
    color: white;
}

.colname
{
    text-align: center;
    background-color: #80acaa;
    color: #fdd978;
/*  font-variant: small-caps; */
    font-weight: bold;  
}

.th {
    text-align: center;
    background-color: #80acaa;
    color: #fdd978;
    font-weight: bold;  
}

.tblname
{
    text-align: center;
    background-color: #6e2f3b;
    color: white;
 /*   font-variant: small-caps;  */
    font-weight: bold;  
}

.data
{
    text-align: left;
    color: black;
    font-size: 9pt;
}

.footer {
     background-color: #fdd978;
     padding: 10px;
}

//-->