body { color:#000; margin:0;}
#overlay { /* for div id="overlay" covering the entire page */ color: black; position: fixed; /* Sit on top of the page content */ display: block; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.0); /* Black background with opacity */ z-index: 0; /* Specify a stack order in case you're using a different order for other elements */ cursor: default; /* was:pointer; */ /* Add a pointer on hover */ } /*from overlay.css*/
.imgr { display: block; margin-left: auto; margin-right: auto; image-orientation: from-image; } /*from overlay.css*/
body,tr,th,td.records {font-family:Verdana, Arial, Helvetica, sans-serif; }
.bullnosed {background-image:url(/images/BG/default_bullnosed_silver.png); padding-left:0.5em; padding-right:0.5em; background-size: 100% 100%;}
.semibullnosed {background-image:url(/images/BG/default_bullnosed_silver.png); padding-left:0,5em; padding-right:0.5em; background-size: 100%;}
td {font-size:0.8rem}
td,th {margin:1pt;padding:2pt;hyphens:auto /*word-break:hyphenate*/;}
td {vertical-align: top; text-align:left;} 
th {font-size:0.8rem; text-align:center; font-weight:bold; padding-top:0; padding-bottom:0;}
td.par {text-align:left;padding-left:10pt; margin-left:10pt; padding-top:5pt;}
.courtesy, .copyright, .section {font-family:Verdana, sans-serif;}
.courtesy{font-size:0.8rem;}
th.courtesy {border:solid gray 1pt;font-weight:normal;}
.copyright{font-size:0.8rem;}
td.copyright,a.copyright:link,a.copyright:active{color:#90b2df;}
a.copyright:visited{color:purple;}
th.par {vertical-align:top}
.section, th.par {padding-top:5pt;padding-bottom:5pt;color:#336699;}
th.par,th.section {background:#FFFFFF;}
.section {font-size:1.1rem; font-weight:bold;}
em,em a:link {color:#336699;}
em a:visited {color:purple;}
.att{color:#993333;}
.featured {font-size:1.5rem; font-family:Georgia,serif; font-style:italic; font-weight:bold;}
td.demogr {border:solid white 1pt;}
td.demogr {font-weight:normal;}
th.dark {background: url("/images/BG/default_background_gray.jpg"); padding-top:1pt;padding-bottom:1pt;}
th.light,tr.light,th.corner, th.courtesy {background:#456DA7; color:#FFFFFF}
th.dark,th.light,th.corner {padding-left:3pt;padding-right:3pt;font-size:1rem;}
td.rec {padding-left:15pt; padding-bottom:5pt;}
th.light div.courtesy,th.corner div.courtesy {font-weight:normal;}
table.data {border:solid gray 1px; padding:2pt; background:#E4F0FF;}
h1 {color:#336699; font-size:1.5rem; font-family: Verdana, Arial, sans-serif; padding-top:15pt; padding-bottom:5pt; margin-bottom:5pt; text-align:center;}
h1,.small {font-weight:bold;}
.small {font-size:1rem;}
.shortcuts {background:#E4F0FF;}
td.bottom{vertical-align:bottom;}
a.rec {font-style:normal;}
a.dist {font-style:italic;}
.xxx20240122  a {font-weight:normal;}
a.featured:link,a.featured:active,a.att:link,a.att:active {color:#993333;}
a.featured:visited,a.att:link,a.att:visited {color:purple;}
a.demogr:link,a.demogr:active{color:#000;}
a.demogr:visited{color:purple;}
a.section:link,a.section:active,a.par:link,a.par:active {color:#336699;}
a.section:visited,a.par:visited {color:purple;}
.linklike {color:#006699;}
a:link,a:active {color:#006699;}
a:active {text-decoration:blink;}
a:visited {color:purple;}
a.small,a.par,a.section,a.dist,a.demogr {font-weight:bold;}
IMG { border-width: 0; }
.hotimage  {position:relative; width:150pt; height:auto; visibility:hidden; z-index:1000;}

.bl {border: none;background-color:#FFF;border-collapse:separate;padding:0;border-spacing:0;}
p {margin-top:10pt; margin-bottom:5pt; text-align: justify;}
td.p {text-align:left;padding-left:10pt; margin-left:10pt; padding-top:5pt;}
ul {margin-top:5pt; margin-bottom:5pt; margin-left: 35pt;}
li {margin-top:5pt;}
li{list-style-type:none;}
ul.tangle li {list-style-image: url("/images/arrow3.gif")}

th {background: url("/images/BG/default_background_gray.jpg");}
tr.alter:nth-child(2n) {background: rgba(100, 100, 100, 0.2);}
th.mostdark{background:#456DA7;}
.layer {position:absolute;}
.data_tbl a:link, .data_tbl a:visited{text-decoration:none;}
.data_tbl td,th {margin:0;padding:2pt;}
.data_tbl td {text-align:justify;}
.data_tbl th {text-align:center;}
.data_tbl{border:solid gray 1px; padding:0px;}
.myjustify a:link, .data_tbl a:visited{text-decoration:none;}
.myjustify td,th {margin:0;padding:2pt;}
.myjustify td {text-align:justify;}
.myjustify th {text-align:center;}
.cursive {font-family: 'Dancing Script', cursive;}


#pgcont {margin: 0 3pt 3pt;}  
h2 {text-align:center; font-style:normal; color:#336699; padding:0; margin-bottom:1em;margin-top:1em; font-family:Verdana, Arial, sans-serif; font-size: 2rem; font-weight:bold;}
h3 {text-align:left; font-style:normal; color:black; padding:0; margin-bottom:0.5em;margin-top:1em; font-family:Verdana, Arial, sans-serif; font-size: 1.5rem; font-weight:bold;}
h3.embossed {text-align:center; color:gray; padding:0; margin-bottom:0.5em;margin-top:1em; font:'Museo700'; font-size: 1.5rem; font-weight:bold;text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;opacity: 0.5;}
em {color: red; font-style: normal; font-weight: inherit;} 
table {margin:0;} 
td.colored { background: #D4E3F1; border: solid 1pt gray;} 
input.bttn {vertical-align: text-bottom; border: none; height:1em;}
img.bttn {vertical-align: text-bottom; border: none; height:1em;}
p {text-align:justify;}


.popper {position:absolute; visibility:hidden; top:0px; left:0px; z-index:2000;} 
#logogen{background: #FFF url("/images/blue_grad_bg.gif") top repeat-x; margin-top: 0; position: relative; top: 0; left: 0; z-index: 1; margin: 0 auto 0 auto;}
h2.titlepageGQ { color:white; background-color: #005b86;	 padding: 1em 1em 1em 1em; margin: 0 auto 0 auto;}


h3.display a {display:inline  !important ;}
h3.display li a {display:block !important ;}

    .overlaying{
        position: relative;
        display: inline-block; /* Make the width of box same as image */
    }
    .overlaying .overtext{
        position: absolute;
        z-index: 999;
        margin: 0 auto;
        left: 1rem;
        right: 0;        
        text-align: left;
        bottom: 1rem; /* Adjust this value to move the positioned text up and down */
        background: transparent;
        font-family: Arial,sans-serif;
        color: gold; text-shadow: 1px 1px black; 
       
    }
.background-container { position: absolute; top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%); background-size: cover; background-position: center; transition: width 4s ease-in-out, height 4s ease-in-out; z-index: -1; /* Behind the body content */ }
        .expand-background { width: 100vw; height: 100vh; }