/* CSS Document */
body, li, div, span {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11pt;
    line-height: 1.3;
    padding: 2px;
    text-align: left;
}

p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14pt;
    line-height: 1.3;
    max-width: 1200px;
    padding: 0;
}

ul, li {
    max-width: 1200px;
    margin-bottom: 3px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}
.standard {
background-image: url(../images/NewLook/indexBodyBackground.png);
background-repeat: repeat-x;
background-position: left top;
}

a.menulink {
    text-decoration: none;
}

a.link {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

a.menulink:hover {
    text-decoration: underline;
}

a.link:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #FFF;
}

.fontSize200 {
    font-size: 20.0pt;
}

.fontSize195 {
    font-size: 19.5pt;
}

.fontSize190 {
    font-size: 19.0pt;
}

.fontSize185 {
    font-size: 18.5pt;
}

.fontSize180 {
    font-size: 18.0pt;
}

.fontSize175 {
    font-size: 17.5pt;
}

.fontSize170 {
    font-size: 17.0pt;
}

.fontSize165 {
    font-size: 16.5pt;
}

.fontSize160 {
    font-size: 16.0pt;
}

.fontSize155 {
    font-size: 15.5pt;
}

.fontSize150 {
    font-size: 15.0pt;
}

.fontSize145 {
    font-size: 14.5pt;
}

.fontSize140 {
    font-size: 14.0pt;
}

.fontSize135 {
    font-size: 13.5pt;
}

.fontSize130 {
    font-size: 13.0pt;
}

.fontSize125 {
    font-size: 12.5pt;
}

.fontSize120 {
    font-size: 12.0pt;
}

.fontSize115 {
    font-size: 11.5pt;
}

.fontSize110 {
    font-size: 11.0pt;
}

.fontSize105 {
    font-size: 10.5pt;
}

.fontSize100 {
    font-size: 10.0pt;
}

.fontSize95 {
    font-size: 9.5pt;
}

.fontSize90 {
    font-size: 9.0pt;
}

.fontSize85 {
    font-size: 8.5pt;
    margin-left: 15px;
}

.fontSize80 {
    font-size: 8.0pt;
}

.fontSize75 {
    font-size: 7.5pt;
}

.fontSize70 {
    font-size: 7.0pt;
}

.widthFull {
    width: 100%;
}

.width95 {
    width: 95%;
}

.width90 {
    width: 90%;
}

.width85 {
    width: 85%;
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width70 {
    width: 70%;
}

.width65 {
    width: 65%;
}

.width60 {
    width: 60%;
}

.width55 {
    width: 55%;
}

.width50 {
    width: 50%;
}

.width45 {
    width: 45%;
}

.width40 {
    width: 40%;
}

.width35 {
    width: 35%;
}

.width30 {
    width: 30%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.width10 {
    width: 10%;
}

.width5 {
    width: 5%;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignTop {
    vertical-align: top;
}

.alignBottom {
    vertical-align: bottom;
}

.alignTopRight {
    text-align: right;
    vertical-align: top;
}

.alignTopCenter {
    text-align: center;
    vertical-align: top;
}

.alignTopLeft {
    text-align: left;
    vertical-align: top;
}

.alignBottomRight {
    text-align: right;
    vertical-align: bottom;
}

.alignBottomCenter {
    text-align: center;
    vertical-align: bottom;
}

.alignBottomLeft {
    text-align: left;
    vertical-align: bottom;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.image-left {
    float: left;
    vertical-align: text-top;
}

.image-right {
    float: right;
    vertical-align: text-top;
    margin-left: 10px;
}

.indent1 {
    padding-left: 18px;
}


.indent2 {
    padding-left: 36px;
}

.indent3 {
    padding-left: 54px;
}

.indent4 {
    padding-left: 72px;
}

.indent5 {
    padding-left: 90px;
}

.title_header {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 8pt; 
    line-height: 1.1;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #034265;
    width: 100%;
    margin: 0;
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 0px;
}


.title_header h1 {
    margin: 0; 
    padding-left: 20px;
        
}



.white {
    color: #FFF;
}

.red {
    color: crimson;
}

.shadedbox {
    border: 1px solid #004d99;
    background-color: #F0F0F0;
    padding: 4px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.shadedBlank {
    width: 20px;
    padding: 1px;
    float: left;
    margin-right: 4px;
    text-align: center;
    color: #000000;
}

.shadedNaming {
    border: 1px solid #004d99;
    background-color: #DDDDDD;
    width: 100px;
    padding: 1px;
    float: left;
    margin-right: 4px;
    text-align: center;
    color: #000000;
}

.shadedHelp {
    border: 1px dotted #333;
    background-color: #DFDFDF;
    margin-right: 4px;
    text-align: center;
    margin-bottom: 4px;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    font-weight: bold;
}

div.shadedHelp:hover {
    background-color: #004d99;
}

.shadedIN {
    border: 1px solid #004d99;
    background-color: #DDDDDD;
    padding: 1px;
    float: left;
    margin-right: 4px;
    text-align: center;
    width: 124px;
}

div.shadedIN:hover {
    background-color: #004d99;
    color: #FFFFFF;
}

.shadedLanguages {
    border: 1px dotted #333;
    background-color: #DFDFDF;
    width: 120px;
    padding: 1px;
    text-align: center;
    float: right;
}

div.shadedLanguages:hover {
    background-color: #004d99;
}

.buttonbox {
    float: left;
    height: 60px;
    width: 190px;
}

.helptable {
    float: left;
    width: 236px;
}

.helptable2 {
    float: left;
    width: 336px;
}

.tablerow {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
}

li.specialBullet {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(../images/bullet.jpg);
    font-weight: bold;
}

li.INBullet {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(../images/bullet.jpg);
}

li.noBullet {
    list-style-type: none;
}

.sidebar {
    width: 200px;
    background-color: #034265;
    padding: 30px;
    border-right: 1px solid #ccc;
    position: sticky;
    top: 0;
    height: 100vh;
    margin-top: 20px;
}

    .sidebar h2 {
        margin-top: 0;
        color: white
    }

    .sidebar ul {
        list-style-type: none;
        padding: 0
    }

        .sidebar ul li {
            margin: 10px 0;
        }

.link {
    text-decoration: none;
    color: #007BFF;
}


.shadedFAQs {
    background-color: #FFF;
    padding: 10px;
    border-radius: 5px;
}

.link:hover .shadedFAQs {
    background-color: #D4D4D4;
    color: #034265;
}

.content {
    padding: 20px;
    flex-grow: 1;
    margin-left: 20px;
    margin-top: 20px
}

h1 {
    margin-top: 40px;
}

.main {
    display: flex;
}