/* ==============================
   Body & Background
   ============================== */

body {
    background-color: #000000;
    color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    padding: 0;

    /* Prevent Safari/iPhone text auto-scaling */
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;

    /* Old IE scrollbar styles */
    scrollbar-3d-light-color:#000000;
    scrollbar-arrow-color:#016263;
    scrollbar-base-color:#000000;
    scrollbar-dark-shadow-color:#016263;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#016263;
    scrollbar-shadow-color:#000000;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
}

h1 {
    margin: 0 0 8px 0;
}

h2 {
    margin: 12px 0 8px 0;
}

h3 {
    margin: 10px 0 6px 0;
}


/* Prevent table font scaling issues on mobile */

table {
    font-size: inherit;
}

/* ==============================
   Modern Scrollbar (Chrome/Safari/Edge)
   ============================== */

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #000000;
}

body::-webkit-scrollbar-thumb {
    background-color: #016263;
    border-radius: 5px;
    border: 2px solid #000000;
}

/* ==============================
   Headings
   ============================== */

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* Desktop */

h1 { color:#ffffff; font-size:12px; line-height:13px; }
h2 { color:#009999; font-size:12px; line-height:13px; }
h3 { color:#009999 !important; font-size:11px; line-height:12px; }

/* ==============================
   Paragraph / Text Styles
   ============================== */

.text1 {
    color:#ffffff;
    font-size:11px;
    line-height:1.2;
}

.text2 {
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    line-height:1.2;
}

.text3 {
    color:#E3B71C;
    font-size:9px;
    line-height:1.2;
}

.text4 {
    color:#E3B71C;
    font-size:11px;
    font-weight:normal;
    line-height:1.2;
}

.text5 {
    color:#009999;
    font-size:11px;
    font-weight:bold;
    line-height:1.2;
}

.text6 {
    color:#009999;
    font-size:11px;
    font-weight:normal;
    line-height:1.2;
}

.text7 {
    color:#E3B71C;
    font-size:11px;
    font-weight:bold;
    line-height:1.2;
}

.text8 {
    color:#999999;
    font-size:11px;
    font-weight:normal;
    line-height:1.2;
}

/* ==============================
   Links
   ============================== */

/* Prevent default browser blue */

a:link { color:#ffffff; }
a:visited { color:#ffffff; }

a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* Navigation links */

a.link1 {
    color:#ffffff;
    font-size:11px;
}

a.link1:hover {
    color:#003333;
}

/* Secondary links */

a.link2 {
    color:#ffffff;
    font-size:11px;
}

a.link2:hover {
    color:#E3B71C;
}

/* Content links */

a.link3 {
    color:#009999;
    font-size:11px;
    text-decoration: underline;
}

a.link3:hover {
    color:#E3B71C;
    text-decoration: underline;
}

/* Bold links */

a.link4 {
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
}

a.link4:hover {
    color:#E3B71C;
}

/* Underlined links */

a.link5 {
    color:#ffffff;
    font-size:11px;
    text-decoration: underline;
}

a.link5:hover {
    color:#E3B71C;
}

/* Hidden link */

a.linkhid,
a.linkhid:hover {
    color:#000000;
    font-size:1px;
    text-decoration:none;
}

/* ==============================
   Mobile adjustments
   ============================== */

@media (max-width: 600px) {

    /* Larger readable headings */

    h1 {
        font-size:16px;
        line-height:18px;
    }

    h2 {
        font-size:15px;
        line-height:17px;
    }

    h3 {
        font-size:14px;
        line-height:16px;
    }

    /* Larger body text */

    .text1,
    .text2,
    .text3,
    .text4,
    .text5,
    .text6,
    .text7,
    .text8 {
        font-size:13px;
        line-height:1.4;
    }

}

.leftmenu {
    width: 195px;
    min-width: 195px;
    white-space: normal;
    overflow-wrap: break-word;
}

.leftmenu p {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.35;
}

.leftmenu a.link2,
.leftmenu a.link4,
.leftmenu span.text4 {
    line-height: 1.35;
}

.leftmenu a,
.leftmenu span,
.leftmenu p {
    white-space: normal;
}
