body {
    margin: 0 0 0 0;
    background-color: #FFFFFF;
}
.imgJoinButton {
    background-image: url('img/Join1.png');
    background-repeat: no-repeat;
    background-position: center left; /* Adjust as needed */
    padding-left: 5px; /* Adjust for image width */
}

.btn-outline-jci {
    --bs-btn-color: #B38600;
    --bs-btn-border-color: #B38600;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B38600;
    --bs-btn-hover-border-color: #B38600;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B38600;
    --bs-btn-active-border-color: #B38600;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #B38600;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #B38600;
    --bs-gradient: none;
}
.display-7 {
    font-size: calc(1.325rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-7 {
        font-size: 2.5rem;
    }
}

.jciGold {

    color: #B38600;
}
.jciformDisplay1 {
    font-size: calc(1.250rem + 1.5vw);
    font-weight: 600;
    line-height: 1.2;
    color: #FFDB6F;
    background-color: #333;
}
@media (min-width: 1200px) {
    .jciformDisplay1 {
        font-size: 2.5rem;
    }
}

hr {
    height: 2px;
    background-color: #B38600;
    color: #B38600;
    border: none;
}

.floaterL {
    float: left;
}

.floaterR {
    float: right;
}

.formJCi {
    background:#B38600;
}
.navJCi {
    background: rgba(0, 0, 0, .075);
    color: rgba(213,173,109,1);
    color: #000;
}

    .navJCi a {
        background: rgba(0, 0, 0, .075);
        color: rgba(213,173,109,1);
        color: #000;
    }

        .navJCi a:hover {
            background: rgba(0, 0, 0, .075);
            color: rgba(226,186,120,1);
        }

.navJCi2 {
    background: rgba(0, 0, 0, .075);
    color: rgba(213,173,109,1);
}

    .navJCi2 a {
        background: rgba(0, 0, 0, .075);
        color: rgba(213,173,109,1);
    }

        .navJCi2 a:hover {
            background: #ccc;
            color: burlywood;
        }
.navJCi3 {
    background: rgba(0, 0, 0, .075);
    font-family:Arial;
    color: #000;
}

    .navJCi3 a {
        background: rgba(0, 0, 0, .075);
        color: #000;
    }

        .navJCi3 a:hover {
            background: #ccc;
            color: burlywood;
        }

.maxW200{

}

.resize10p{
    width:10%;
    height:auto;
}
.resize20p{
    width:20%;
    height:auto;
}
.resize30p{
    width:30%;
    height:auto;
}
.resize40p{
    width:40%;
    height:auto;
}
.resize50p{
    width:50%;
    height:auto;
}
.resize60p{
    width:60%;
    height:auto;
}
.resize70p{
    width:70%;
    height:auto;
}
.resize80p{
    width:80%;
    height:auto;
}
.resize90p{
    width:90%;
    height:auto;
}
.resize100p{
    width:100%;
    height:auto;
}






.resize10 {
    width: 10px;
    height: auto;
}

.resize20 {
    width: 20px;
    height: auto;
}

.resize30 {
    width: 30px;
    height: auto;
}

.resize40 {
    width: 40px;
    height: auto;
}

.resize50 {
    width: 50px;
    height: auto;
}

.resize100 {
    width: 100px;
    height: auto;
}

.resize120 {
    width: 120px;
    height: auto;
}

.resize150 {
    width: 150px;
    height: auto;
}
.resize150w {
    width: 150px;
    height: auto;
}

.resize160 {
    width: 160px;
    height: auto;
    max-height: 130px;
}

.resize200 {
    width: 200px;
    height: auto;
}

.resize300 {
    width: 300px;
    height: auto;
}

.resize400 {
    width: 400px;
    height: auto;
}

/* Dropdown Button */
.dropbtn {
    background-color: #000;
    color: rgba(213,173,109,1);
    padding: 1px;
    font-size: 12px;
    border: none;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 160px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: rgba(213,173,109,1);
        padding: 5px 7px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #333;
            color: #ffff80;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #333;
}



.goldtextcss {
    color: #D4AF37; /*if no support for background-clip*/
    font-family: 'Times New Roman', Times, serif;
    font-size: 32pt;
    font-weight: 900;
    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .goldtextcss a {
        color: #D4AF37; /*if no support for background-clip*/
        font-family: 'Times New Roman', Times, serif;
        font-size: 32pt;
        font-weight: 900;
        background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
        background: -o-linear-gradient(transparent, transparent);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


.pt25space {
    padding-left: 25pt;
}

.txt10Blk {
    font-family: Arial;
    font-size: 10pt;
    color: #000;
}

.txtNav {
    font-family: Arial;
    font-size: 10pt;
    color: #fff;
}

    .txtNav :active {
        font-family: Arial;
        font-size: 10pt;
        color: #fff;
    }

.txtTopNav a {
    font-family: Arial;
    font-size: 10pt;
    color: #000;
}

    .txtTopNav a:hover {
        font-family: Arial;
        font-size: 10pt;
        color: #0094ff;
        text-decoration: none;
    }

.txt10Wht {
    font-family: Arial;
    font-size: 10pt;
    color: #fff;
}

.txt10WhtTN a {
    font-family: Arial;
    font-size: 10pt;
    color: #fff;
}

    .txt10WhtTN a:hover {
        font-family: Arial;
        font-size: 10pt;
        color: #000;
        text-decoration: none;
    }

.txt10Gry {
    font-family: Arial;
    font-size: 10pt;
    color: #333;
}

.txtH1Burg {
    font-family: Arial;
    font-size: 12pt;
    color: #ff6a00;
    font-weight: bold;
}

.txt12wht {
    font-family: Arial;
    font-size: 12pt;
    color: #fff;
}

    .txt12wht a {
        font-family: Arial;
        font-size: 12pt;
        color: #fff;
    }

.txt8gry a:hover {
    font-family: Arial;
    font-size: 12pt;
    color: #000;
    text-decoration: none;
}

.txt8gry a:visited {
    font-family: Arial;
    font-size: 12pt;
    color: #000;
    text-decoration: none;
}

.txt8gry a {
    font-family: Arial;
    font-size: 8pt;
    color: #333;
}

    .txt8gry a:hover {
        font-family: Arial;
        font-size: 8pt;
        color: #000;
        text-decoration: none;
    }

/* bottum site map nav */
.bottumnav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

.bottumnav1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #666666;
}

    .bottumnav1 a {
        padding: 0px 0px 0px 20px;
        background: url('') no-repeat left 50%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        text-decoration: none;
        color: #333;
    }

        .bottumnav1 a:hover {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            text-decoration: none;
            color: #fff;
        }

.bg-lg{
    background-color:#333;
}



.ErrorControl {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #e95757;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ErrorControlGreenCheck {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #D5FFD5;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.txtRed14{
    font-size:14px;
    color:red;
}