< !--

/* Base styles */
body {
   font: 11pt Times, serif;
   font-weight: normal;
   background-image: url('images/DWareTile.png');
   /* Tileable Background Image */
   background-repeat: repeat;
   /* Ensure the background image tiles */
   background-color: #FFFFF0;
   /* Fallback color */
   color: black;
   margin: 0;
   padding: 0;
}

.chapters, .datatables {
   display: none;
   background-color: ivory;
   border: 2px solid #550000;
   padding: 10px;
   width:1200px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   clear: both;
}

.datatables {
   display: block;
   width: 98%;
}

/* This style applies to all paragraphs */

p {text-indent: 2em;}

p.no-indent {text-indent: 0em; }

/* This style applies to all paragraphs */

p.indented-paragraph {
    padding-left: 50px;
    padding-right: 50px;
    text-align: justify;
    line-height: 1.0;
}

/* Navigation Bar style */

.menu-section {
   max-width: 1280px;
   background-color: #550000;
   border: 2px solid #5a5a28;
   /* Background color for the menu bar */
   padding=left: 200px;
   margin: 0 auto;
   /* Center the container */
   text-align: center;
}

ul.navmenu,
.navmenu ul {
   font-size: 9pt;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: ivory;
   text-decoration: none;
   font-weight: normal;
   margin: 0;
   margin-bottom: 15px;
   padding: 0;
   list-style-type: none;
   z-index: 1;
}

ul.navmenu {
   height: 10px;
}

.navmenu li {
   float: left;
   width: 125px;
   position: relative;
   filter: inherit;
   /*required to make the fade work on IE8*/
}

.navmenu li a {
   display: block;
   width: 125px;
   line-height: 20px;
   text-align: center;
   color: white;
   text-decoration: none;
   background-color: #550000;
   border: 1px solid #550000;
   /* border-left:none; */
}

.navmenu li li {
   clear: left
      /*for IE7*/
}

.navmenu li li a {
   */ border-top: none;
   */
}

.navmenu li a:hover {
   color: #1C1C1C;
   background-color: #FFB74D;
}

.navmenu li ul {
   display: none;
   position: absolute;
   left: -1px;
   top: 22px;
}

.navmenu li ul ul {
   display: none;
   position: absolute;
   left: 125px;
   top: 0px;
   width: 94px;
}

.navmenu li:hover>ul {
   display: block;
}

.navmenu li ul a {
   background-color: #5a5a28;
   color: ivory;
}

/* Centered fixed-width container */
.container {
   max-width: 1280px;
   margin: 0 auto;
   /* Center the container */
   padding: 20px;
   /* Padding around the content */
}

/* Header style */
header {
   background-color: #5a5a28;
   /* Olive Green */
   color: #FFEFDC;
   /* Light Beige */
   padding: 4px;
   text-align: center;
   border: 2px solid #550000;
   margin-bottom: 15px;
}

/* Section styles */
section {
   background-color: #DCDCB9;
   /* Light Beige */
   margin: 15px 0;
   padding: 10px;
}

/* Additional styles */

/* One-column layout */
.one-column {
   display: block;
   /* Default to block for one-column layout */
   border: 2px solid #550000;
}

.two-column {
   display: flex;
   /* Use flexbox for layout */
   flex-wrap: wrap;
   /* Allow wrapping of columns */
   justify-content: space-between;
   /* Space between columns */
   border: 2px solid #550000;
}

.two-column section {
   flex: 1;
   /* Allow sections to grow equally */
   background-color: #FFEFDC;
   /* Light Beige */
   margin: 5px;
   /* Margin between columns */
   border: 2px solid #550000;
}

@media (max-width: 768px) {
   .two-column section {
      flex-basis: 100%;
      /* Stack columns on smaller screens */
   }
}

/* Footer style */
footer {
   background-color: #1C1C1C;
   /* Dark Gray */
   color: #FFEFDC;
   /* Light Beige */
   text-align: center;
   padding: 10px;
   position: relative;
}


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;
}


p {
   font-size: 1.2em;
   line-height: 1.5;
}

/* Responsive typography */
h1 {
   font-size: 2.5em;
   clear: both;
}

h2 {
   font-size: 2em;
   clear: both;
}

/* Media Queries for responsiveness */
@media (max-width: 768px) {
   h1 {
      font-size: 2em;
   }

   h2 {
      font-size: 1.5em;
   }

   nav {
      padding: 10px;
   }
}

@media (max-width: 480px) {
   h1 {
      font-size: 1.5em;
   }

   h2 {
      font-size: 1.2em;
   }

   body {
      padding: 10px;
   }
}

/* Base styles for links and buttons */
/* Base style for all links */
.inlineLnk, inlineLnk2 {
   font-weight: bold;
   color: #FFB74D;
   /* Default link color */
   text-decoration: none;
   /* Remove underline for links */
}

.inlineLnk2 { color: #550000; }
/* Style for links on hover */
.inlineLnk2:hover {
   background-color: #681a2c;
   /* Color for links when hovered */
   color: cornsilk;
}

/* Style for active links */
.inlineLnk:active {
   color: #FFB74D;
   /* Color for active links */
}

/* Style for links on hover */
.inlineLnk:hover {
   background-color: #681a2c;
   /* Color for links when hovered */
   color: cornsilk;
}

/* Selector Base styles */
/* Base styles */
select {
    padding: 10px 20px;
    margin: 10px;
    font-family: 'Times', Times, serif;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    border: 2px solid; /* This will be overridden by specific border colors */
}

/* Selector Color combinations */
.select-olive-red {
    border-color: #FFB74D;
    background-color: #550000;
    color: #FFEFDC;
}

/* Button Styles */
.button-link {
   display: inline-block;
   text-decoration: none;
   padding: 10px 20px;
   margin: 10px;
   font-family: 'Times', Times, serif;
   font-weight: bold;
   border-radius: 5px;
   transition: background-color 0.3s, color 0.3s;
}

/* Color combinations */
.btn1 {
   color: #DCDCB9;
   /* Text color */
   background-color: #FFB74D;
   /* Background color */
   border: 2px solid #5a5a28;
   /* Border color */
}

.btn1:hover {
   color: #FFB74D;
   /* Background color on hover */
   background-color: #DCDCB9;
   /* Text color on hover */
   border: 2px solid #5a5a28;
   /* Border color remains the same */
}

.btn2 {
   color: #FFB74D;
   background-color: #DCDCB9;
   border: 2px solid #550000;
}

.btn2:hover {
   color: #DCDCB9;
   background-color: #FFB74D;
   border: 2px solid #550000;
}

.btn3 {
   color: #5a5a28;
   background-color: #FFB74D;
   border: 2px solid #DCDCB9;
}

.btn3:hover {
   color: #FFB74D;
   background-color: #5a5a28;
   border: 2px solid #DCDCB9;
}

.btn4 {
   color: #DCDCB9;
   background-color: #5a5a28;
   border: 2px solid #FFB74D;
}

.btn4:hover {
   color: #5a5a28;
   background-color: #DCDCB9;
   border: 2px solid #FFB74D;
}

.btn5 {
   color: #550000;
   background-color: #DCDCB9;
   border: 2px solid #FFB74D;
}

.btn5:hover {
   color: #DCDCB9;
   background-color: #550000;
   border: 2px solid #FFB74D;
}

.btn6 {
   color: #FFB74D;
   background-color: #5a5a28;
   border: 2px solid #550000;
}

.btn6:hover {
   color: #5a5a28;
   background-color: #FFB74D;
   border: 2px solid #550000;
}

.btn7 {
   color: #FFEFDC;
   background-color: #550000;
   border: 2px solid #FFB74D;
}

.btn7:hover {
   color: #550000;
   background-color: #DCDCB9;
   border: 2px solid #FFB74D;
}

.btn8 {
   color: #5a5a28;
   background-color: #550000;
   border: 2px solid #DCDCB9;
}

.btn8:hover {
   color: #550000;
   background-color: #5a5a28;
   border: 2px solid #DCDCB9;
}

.btn9 {
   color: #550000;
   background-color: #FFB74D;
   border: 2px solid #DCDCB9;
}

.btn9:hover {
   color: #FFB74D;
   background-color: #550000;
   border: 2px solid #DCDCB9;
}

.btn10 {
   color: #FFB74D;
   background-color: #DCDCB9;
   border: 2px solid #5a5a28;
}

.btn10:hover {
   color: #DCDCB9;
   background-color: #FFB74D;
   border: 2px solid #5a5a28;
}

div.centered {
   text-align: center;
}

hr {
   color: #550000;
   margin-left: auto;
   margin-right: auto;
   clear: both;
}

/* Header Styles */

.caps {
   font-variant: small-caps;
}

h1 {
   font-size: 2.5em;
   font-weight: bold;
   color: ivory;
   clear: both;
}

h2 {
   font-size: 1.5em;
   font-weight: bold;
   color: #550000;
   clear: both;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   color: #550000;
   clear: both;
}

h4 {
   font-size: 1.2em;
   font-weight: bold;
   color: #550000;
   clear: both;
}

h5 {
   font-size: 12pt;
   font-weight: bold;
   color: #550000;
   clear: both;
}

img {
   border-color: #550000;
   border-style: solid;
   border-width: 1px;
}


/* General styles for the figure and figcaption */
figure {
   margin: 20px;
   /* Space around the figure */
   text-align: center;
   /* Default alignment */
   overflow: hidden;
   /* Clear floats within the figure */
   padding: 5px;
   border: 2px solid #550000;
}

figcaption {
   font-size: 8pt;
   /* Set the font size to 8pt */
   color: #444;
   /* Dark gray color for the caption text */
   margin-top: 5px;
   /* Space between image and caption */
   text-align: left;
   /* Default alignment */
}

/* Align left */
figure.left {
   float: left;
   /* Align content to the left */
}

/* Align center */
figure.center {
   display: block;
   /* Ensures the figure is treated as a block */
   margin-left: auto;
   /* Center align horizontally */
   margin-right: auto;
   /* Center align horizontally */
}

/* Align right */
figure.right {
   float: right;
   /* Align content to the right */
}

/* Responsive images */
img {
   max-width: 100%;
   /* Ensure the image does not exceed the container width */
   height: auto;
   /* Maintain aspect ratio */
   border: 1px solid #550000;
}

/* Clearfix for clearing floats */
.clearfix::after {
   content: "";
   clear: both;
   display: table;
}

/* Alignment Styles */

.center {
   text-align: center;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}

hr {
   color: #550000;
   margin-left: auto;
   margin-right: auto;
   clear: both;
}

/* Table Styles */
table {
   font-size: 10pt;
   border: 2px solid #550000;
   border-spacing: 0;
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto;
   table-layout: auto;
   width: auto;
}

table.label {
   border-collapse: separate;
   width: 750px;
   border-color: white;
   border-style: solid;
   background-color: white;
}

.noborder {
   border-style: none;
}

.bline {
   border-color: darkgray;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
   vertical-align: middle;
   text-align: center;
}

/* Even Table Rows (Calculate using numrows mod 2) */
tr.row0 {
   background-color: #dcdcb9;
}

tr.row2 {
   background-color: #f5f5dc;
}

/* Odd Table Rows (Calculate using numrows mod 2) */
tr.row1 {
   background-color: #f7f0dd;
}

/* Table footer row */
tr.table-ftr, tfoot {
   background-color: #5a5a28;
   color: ivory;
}

td {
   padding: 4px 4px;
   margin: 1px 1px;
   vertical-align: middle;
}

td.smlabl {
   vertical-align: middle;
   text-align: center;
   font-style: normal;
   font-size: 9pt;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: black;
   border: 5px solid white;
   border-left: 8px;
}

td.lglabl {
   vertical-align: middle;
   text-align: center;
   font-style: normal;
   font-size: 9pt;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: black;
   border: 9px solid white;
   border-left: 12px;
}

.rowhead {
   text-align: left;
   background-color: #5a5a28;
   color: white;
}
.rowhead2 {
   text-align: left;
   background-color: #5a5a28;
   color: white;
   font-weight: bold;
}

.caption {
   text-align: right;
   color: black;
   font-weight: bold;
}

.centercap {
   text-align: center;
   color: black;
   font-weight: bold;
}

.fldname {
   text-align: right;
   background-color: #5a5a28;
   color: white;
}

.colname {
   text-align: center;
   background-color: #DCDCB9;
   color: #550000;
   font-weight: bold;
}

.colnameR {
   text-align: right;
   background-color: #DCDCB9;
   color: #550000;
   font-weight: bold;
}

.colname1 {
   text-align: center;
   background-color: ivory;
   color: #682d25;
   font-variant: small-caps;
   font-weight: bold;
}

.colname2 {
   text-align: center;
   background-color: silver;
   color: #682d25;
   font-weight: bold;
}

.colhead {
   text-align: center;
   text-decoration: underline;
   color: black;
   font-size: 11pt;
   font-variant: small-caps;
   font-weight: bold;
   background-color: ivory;
}

.tblname {
   text-align: center;
   text-transform: capitalize;
   background-color: #682d25;
   color: white;
   /*  font-variant: small-caps; */
   font-size: 12pt;
   font-weight: bold;
}

.data {
   text-align: left;
   color: black;
   font-size: 9pt;
}

.dataC {
   text-align: center;
   color: black;
   font-size: 9pt;
}
.datasmall {
   text-align: left;
   color: black;
   font-size: 8pt;
}

/* Reference styles */
.c-1 {
   margin-top: 0pt;
   margin-bottom: 0pt;
   text-align: center;
   font-size: 12pt;
}

.c-2 {
   margin-top: 0pt;
   margin-bottom: 0pt;
   font-size: 11pt;
}

.c-3 {
   margin-top: 0pt;
   margin-left: 72pt;
   margin-bottom: 0pt;
   text-indent: -72pt;
   font-size: 11pt;
}

.c-4 {
   width: 36pt;
   text-indent: 0pt;
   display: inline-block;
}

.c-5 {
   width: 14pt;
   text-indent: 0pt;
   display: inline-block;
}

.c-6 {
   page-break-before: always;
   clear: both;
}

.c-7 {
   width: 9.12pt;
   text-indent: 0pt;
   display: inline-block;
}

.c-8 {
   width: 8.5pt;
   text-indent: 0pt;
   display: inline-block;
}

.c-9 {
   font-family: 'WP MathA';
   font-size: 8.33pt;
}

.c-10 {
   font-family: 'WP MathA';
}

.c-11 {
   font-family: 'WP MultinationalA Roman';
}

.c-12 {
   width: 36pt;
   display: inline-block;
}

.c-13 {
   width: 14pt;
   display: inline-block;
}

.c-14 {
   width: 19.5pt;
   text-indent: 0pt;
   display: inline-block;
}

.c-15 {
   bottom: 10px;
   right: 10px;
   position: absolute;
}

.c-16 {
   font-size: 11px;
   color: #d0d0d0;
}

//-->