/* DEFAULTS
----------------------------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    font-family: Calibri Light;
    font-size: 1em;
    color: #7C6F57;
    line-height: 1.4em;
    width: 100%;
}

a:link, a:visited {
    color: #7C6F57;
}

a:hover {
    color: #fcc34f;
    text-decoration: none;
}

a:active {
    color: #7C6F57;
}

p {
    margin-bottom: 10px;
    line-height: 1.4em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1 {
    font-size: 21pt;
    line-height: 25pt;
    margin-bottom: 0px;
    color: #7C6F57;
    font-weight: normal;
    padding: 0px 0px 0px 15px;
}

h2 {
    font-size: 14pt;
    font-family: Arial;
    color: darkcyan;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

h3 {
    font-size: 10pt;
    color: #7C6F57;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    margin: 20px auto 20px auto;
    border: 1px solid #CCCCCC;
    background-color: White;
    background-repeat: no-repeat;
}

.page2 {
    width: 100%;
    background-color: White;
    height: 1000px;
}

.header {
    position: relative;
    background-color: Aqua;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.headertitle {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 11px;
    border: none;
    font-size: 21pt;
    line-height: 25pt;
    color: #1C668B;
    height: 108px;
    vertical-align: bottom;
    background-image: url('img/test_back1.jpg');
    background-repeat: no-repeat;
    width: 860px;
}

.umheadertitle {
    font-weight: normal;
    margin: 0px;
    padding: 5px 5px 5px 20px;
    border: none;
    font-size: 24pt;
    line-height: 25pt;
    color: #7cc137 ;
    height: 30px;
    vertical-align: bottom;
     background-color: white;
}

.headertitle2 {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 16px;
    border: none;
    font-size: 21pt;
    line-height: 25pt;
    color: #1C668B;
    height: 108px;
    vertical-align: bottom;
    width: 880px;
}

.headertitle3 {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-size: 21pt;
    line-height: 25pt;
    color: #1C668B;
    height: 173px;
    vertical-align: top;
    background-image: url('img/sam_top_12.jpg');
    background-repeat: no-repeat;
    width: 1000px;
}

.headertitle4 {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    border: none;
    font-size: 21pt;
    line-height: 25pt;
    color: #1C668B;
    height: 108px;
    vertical-align: bottom;
    background-image: url('img/test_back1.jpg');
    background-repeat: no-repeat;
    width: 870px;
}

.headertitle5 {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    border: none;
    font-size: 21pt;
    line-height: 25pt;
    color: #1C668B;
    height: 108px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    width: 100%;
}

.headermain {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: normal;
    margin: 0px;
    padding: 13px 0px 0px 140px;
    top: 12px;
    position: relative;
    left: 0px;
}

.headermain2 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: normal;
    margin: 0px;
    padding: 13px 0px 0px 0px;
    top: 12px;
    position: relative;
    left: 0px;
    height: 750px;
}

.headermain3 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: normal;
    margin: 0px;
    padding: 25px 0px 0px 25px;
    top: 0px;
    position: relative;
    left: 0px;
}

.headermenu {
    font-weight: normal;
    margin: 0px;
    font-size: 8px;
    height: 33px;
    width: 500px;
    background-image: url('us-top-yel-12.gif');
    background-repeat: repeat;
    top: 25px;
    left: 150px;
    position: relative;
}

.headermenu2 {
    font-weight: normal;
    margin: 0px;
    font-size: 8px;
    height: 32px;
    width: 800px;
    background-repeat: repeat;
    top: 25px;
    left: 150px;
    position: relative;
}

.headersidemenu {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border: none;
    font-size: 11pt;
    width: 120px;
    font-family: Arial;
    color: #666666;
    top: 0px;
    position: relative;
    left: 0px;
    height: 33px;
}

.headersidemenu2 {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border: none;
    font-size: 11pt;
    width: 120px;
    font-family: Arial;
    color: #666666;
    top: -590px;
    position: relative;
    left: 0px;
    height: 33px;
}

.headersidemenu3 {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border: none;
    font-size: 11pt;
    width: 120px;
    font-family: Arial;
    color: #666666;
    top: 0px;
    position: relative;
    left: 0px;
    height: 33px;
}

.headersidemenuSam {
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 25px;
    border: none;
    font-size: 11pt;
    width: 120px;
    font-family: Arial;
    color: #666666;
    position: relative;
    left: 0px;
}

.default {
    position: relative;
    height: 685px;
    visibility: visible;
    padding: 0px 0px;
    width: 880px;
    margin: 0px 10px 0px 0px;
    top: 0px;
    clear: both;
    left: 141px;
    background-image: url('test_back3.jpg');
}

.main {
    position: relative;
    height: 585px;
    overflow: auto;
    visibility: visible;
    padding: 0px 0px;
    width: 870px;
    margin: 0px 10px 0px 0px;
    top: -290px;
    clear: both;
    left: 470px;
}

.main2 {
    position: relative;
    height: 580px;
    overflow: auto;
    visibility: visible;
    padding: 0px 0px;
    width: 880px;
    margin: 0px 10px 0px 0px;
    top: -20px;
    left: 0px;
}

.main3 {
    position: relative;
    height: 585px;
    overflow: auto;
    visibility: visible;
    padding: 0px 0px;
    width: 880px;
    margin: 0px 10px 0px 0px;
    top: -295px;
    clear: both;
    left: 141px;
}

.main4 {
    position: relative;
    height: 785px;
    padding: 0px 0px;
    width: 880px;
    margin: 0px 10px 0px 0px;
    top: -992px;
    left: 141px;
}

.main5 {
    position: relative;
    height: 585px;
    padding: 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 660px;
    margin: 0px 10px 0px 0px;
    top: -20px;
    left: 0px;
}

.main6 {
    position: relative;
    height: 545px;
    padding: 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 840px;
    margin: 20px 0px 0px 140px;
    top: -20px;
    left: 0px;
}

.main7 {
    position: relative;
    height: 580px;
    padding: 0px 0px;
    visibility: visible;
    overflow: hidden;
    width: 594px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    clear: both;
    background-repeat: no-repeat;
}

.main8 {
    position: relative;
    height: 580px;
    overflow: auto;
    visibility: visible;
    padding: 0px 0px 0px 0px;
    width: 880px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 1px;
}
.main8b {
    position: relative;
    height: 580px;
    overflow: visible;
    visibility: visible;
    padding: 0px 0px 0px 0px;
    width: 880px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 1px;
}
.main9 {
    position: relative;
    height: 100%;
    overflow: auto;
    visibility: visible;
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 1px;
}

.main10 {
    position: relative;
    height: 550px;
    overflow: visible;
    visibility: visible;
    padding: 0px 0px 0px 0px;
    width: 1100px;
    margin: 0px 0px 0px 0px;
   font-family: Arial;
    font-size: small;
    font-weight: lighter;
    color: grey;
}

.mainSam {
    background-position: right top;
    position: relative;
    height: 545px;
    padding: 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 880px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    background-image: url('img/sam_back_12.jpg');
    background-repeat: no-repeat;
}

.tricsmain {
    position: relative;
    height: 580px;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 670px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 12px;
}

.tricsmain2 {
    position: relative;
    height: 580px;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 860px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 10px;
}

.tricsmain3 {
    position: relative;
    height: 580px;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 660px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 12px;
}

.tricsmainPdf {
    position: relative;
    padding: 0px 0px 0px 0px;
    visibility: visible;
    width: 660px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 12px;
    background-color: #FFFFFF;
}

.tricsmainnews {
    position: relative;
    height: 580px;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    visibility: visible;
    width: 860px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 10px;
}

.tricsmainnewsb {
    position: relative;
    padding: 0px 0px 0px 0px;
    visibility: visible;
    width: 860px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 10px;
}

.directory {
    position: relative;
    width: 180px;
    top: 19px;
    left: 0px;
    overflow: auto;
    visibility: visible;
    margin: 0px 0px 0px 15px;
}

.resultscroll {
    position: relative;
    width: 820px;
    height: 165px;
    overflow: auto;
    visibility: visible;
    margin: -20px 0px 0px 0px;
    top: 20px;
    left: 0px;
    line-height: normal;
}

.leftCol {
    padding: 6px 0px;
    background-image: url(TRICS_logo_shadow.png);
    margin: 12px 8px 8px 8px;
    width: 140px;
    min-height: 200px;
}

.logo {
    padding: 0px 0px;
    background-image: url(TRICS_logo_shadow.png);
    margin: 25px 0px 0px 25px;
    width: 120px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: 8pt;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-position: left top;
    width: 100%;
    background-repeat: repeat;
}

div.menu {
    background-position: left top;
    height: 33px;
    width: 100%;
    background-repeat: repeat;
    font: calibri light;
    font-size: 1.2em;
    margin: 0px;
    line-height: 1.5em;
    color: White;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            border-style: solid;
            border-width: 0px 1px 0px 1px;
            border-color: #ffffff;
            color: #ffffff;
            display: block;
            padding: 0px 0px;
            text-decoration: none;
            font-family: Arial;
            font-size: 11px;
            height: 33px;
            text-align: center;
            width: 98px;
            position: relative;
            top: -15px;
        }

            div.menu ul li a:hover {
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                color: #cfdbe6;
                text-decoration: none;
            }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 10px 10px 10px 10px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 0px 0px 0px 0px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
        left: 20px;
        bottom: 0px;
        right: 0px;
        top: 0px;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    font-size: 10pt;
    font-weight: bold;
    color: #1C668B;
}

input.textEntry {
    width: 200px;
    border: 1px solid #ccc;
    padding: 0px 0px 0px 0px;
}

input.passwordEntry {
    width: 200px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 100%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.noMatch {
    clear: both;
    height: 0px;
}

img#bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 263px;
    height: 100%;
}

.menuScroll {
    clear: both;
    position: fixed;
    font-size: 12pt;
    display: block;
    padding: 0px 0px 0px 0px;
    color: white;
    width: 640px;
    height: 585px;
    overflow: auto;
    visibility: visible;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    clear: both;
    position: absolute;
    font-size: 12pt;
    display: block;
    text-align: right;
    padding: 10px 60px 0px 0px;
    color: red;
    top: 85px;
    white-space: nowrap;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: black;
    }

    .loginDisplay a:hover {
        color: black;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    padding-right: 0px;
}

.picture {
    margin-bottom: 10px;
    margin-left: 10px;
}

.noborderText A {
    border-color: #FFFFFF;
    border-style: none;
}

    .noborderText A:Link {
        border-color: #FFFFFF;
        border-style: none;
    }

    .noborderText A:hover {
        border-color: #FFFFFF;
        border-style: none;
    }

    .noborderText A:visited {
        border-color: #FFFFFF;
        border-style: none;
    }

.titleTextCaps {
    color: #3a8d8f;
    font-family: Calibri;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
}

    .titleTextCaps A {
        color: #7C6F57;
        font-family: Calibri;
        font-weight: bold;
    }

        .titleTextCaps A:link {
            color: #7C6F57;
            font-family: Calibri;
            font-weight: lighter;
        }

        .titleTextCaps A:visited {
            color: #7C6F57;
            font-family: Calibri;
            font-weight: lighter;
        }

        .titleTextCaps A:hover {
            color: #FCC34F;
            font-family: Calibri;
            font-weight: lighter;
        }

        .titleTextCaps A:active {
            color: #7C6F57;
            font-family: Calibri;
            font-weight: lighter;
        }

.Caption {
    color: #1C668B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1.5em;
}

.coverText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19pt;
    color: #1C668B;
}

.whitebold {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 11px;
}

.whiteText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
}

.termsText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000;
}

    .termsText A {
        font-family: Arial, Helvetica, sans-serif;
    }

        .termsText A:link {
            font-family: Arial, Helvetica, sans-serif;
        }

        .termsText A:hover {
            font-family: Arial, Helvetica, sans-serif;
        }

.newsText {
    font-family: Arial;
    font-size: 11px;
    color: #323F48;
    line-height: 1.7em;
}

    .newsText A {
        font-family: Arial, Helvetica, sans-serif;
        color: #323F48;
        text-decoration: underline;
    }

        .newsText A:link {
            font-family: Arial, Helvetica, sans-serif;
            color: #323F48;
            text-decoration: underline;
        }

        .newsText A:visited {
            font-family: Arial, Helvetica, sans-serif;
            color: #2076A1;
            text-decoration: underline;
        }

        .newsText A:hover {
            font-family: Arial, Helvetica, sans-serif;
            color: #323F48;
            text-decoration: underline;
        }

.titleText10 {
    color: #546292;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    line-height: 18pt;
}

    .titleText10 A {
        color: #546292;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 18pt;
    }

        .titleText10 A:link {
            color: #9194B6;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            line-height: 18pt;
        }

        .titleText10 A:hover {
            color: #2076A1;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            line-height: 18pt;
        }

.titleText {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 15pt;
    font-weight: bold;
}

    .titleText A {
        color: #999999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13pt;
        line-height: 15pt;
        font-weight: bold;
    }

        .titleText A:link {
            color: #333333;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            line-height: 15pt;
            font-weight: bold;
            text-decoration: underline;
        }

        .titleText A:visited {
            color: #666666;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            line-height: 15pt;
            font-weight: bold;
        }

        .titleText A:hover {
            color: #FFF;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            line-height: 15pt;
            font-weight: bold;
        }

        .titleText A:active {
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            line-height: 15pt;
            font-weight: bold;
        }

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    color: #FFF;
}

.subtitle {
    font-family: Calibri;
    font-size: 1.7em;
    color: black;
}

.blackText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #323F48;
}

    .blackText A:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #323F48;
    }

    .blackText A:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        font-weight: bold;
    }

    .blackText A:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000;
    }

.blackTextNoline {
    font-family: Calibri Light;
    font-size: 1em;
    color: #666666;
    line-height: 1.2em;
}

    .blackTextNoline A:link {
        font-family: Calibri Light;
        font-size: 1em;
        color: #666666;
        line-height: 1.2em;
    }

    .blackTextNoline A:hover {
        font-family: Calibri Light;
        font-size: 1em;
        color: #666666;
        line-height: 1.2em;
    }

.whiteTextLarge {
    font-family: Arial;
    font-size: 11pt;
    color: #FFF;
    line-height: 16pt;
}

.umtitleText10 {
    color: grey;
    font-family: Arial;
    font-weight: lighter;
    font-size: 14pt;
    line-height: 18pt;
}

    .umtitleText10 A {
        color: #546292;
        font-family: Arial;
        font-size: 14pt;
        line-height: 18pt;
    font-weight: lighter;
    }

        .umtitleText10 A:link {
            color: #9194B6;
            font-family: Arial;
            font-size: 14pt;
            line-height: 18pt;
    font-weight: lighter;
        }

        .umtitleText10 A:hover {
            color: #2076A1;
            font-family: Arial;
            font-size: 14pt;
            line-height: 18pt;
    font-weight: lighter;
        }
.umtitleText10bold {
    color: #1C668B;
    font-family: Arial;
    font-weight: bold;
    font-size: small;
    line-height: 18pt;
}

    .umtitleText10bold A {
        color: #1C668B;
        font-family: Arial;
        font-size: small;
        line-height: 18pt;
    font-weight: bold;
    }

        .umtitleText10bold A:link {
            color: #1C668B;
            font-family: Arial;
            font-size: small;
            line-height: 18pt;
    font-weight: bold;
        }

        .umtitleText10bold A:hover {
            color: #1C668B;
            font-family: Arial;
            font-size: small;
            line-height: 18pt;
    font-weight: bold;
        }
 .certText14 {
            color: #1C668B;
            font-family: Garamond;
            font-size: 12pt;
            line-height: 18pt;
    font-weight: bold;
        }
 .certText18 {
            color: #1C668B;
            font-family: Garamond;
            font-size: 18pt;
            line-height: 20pt;
    font-weight: bold;
        }