@-ms-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-webkit-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}



body {
    /*background-color: #333;*/
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin-bottom: 160px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Raleway', sans-serif;
    color: #034B87;
}

html {
    position: relative;
    min-height: 100%;
}

a {
    color: #034B87;
    text-decoration: underline
}

    a:hover, a:focus {
        color: #2F93E0;
    }

option {
    border-right: 2px solid #cccccc !important;
}

table {
    -webkit-text-size-adjust: none;
    font-size: 14px;
}

.well {
    margin-bottom: 0;
}


.control-label {
    font-size: 1em;
}

.btn-primary {
    background-color: #008cba;
    border-color: #0079a1;
    color: #ffffff;
}

    .btn-primary:hover {
        background-color: #006687;
        border-color: #004b63;
        color: #ffffff;
    }

.buttonLink {
    text-decoration: inherit;
}

.breakWord {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

/* Header
-----------------------------------------------------------*/
#Header {
    background-color: #FFF;
    border-top: 10px solid #034B87;
}

#HeaderContent {
    color: #fff;
    height: 100%;
}

    #HeaderContent a {
        color: #434343;
        text-decoration: none;
    }

    #HeaderContent h1 {
        margin: 0;
        padding: 0.375em 0 0 0;
    }

    #HeaderContent p {
        font-size: 0.813em;
        color: #434343;
        padding: 0.375em 0 0.4em 0;
    }
/* Menu
-----------------------------------------------------------*/
/*Adjust Menu Font*/
.navbar {
    font-size: 15px;
}

.navbar-inverse .navbar-nav > li > a {
    font-weight: normal;
}

.navbar-nav > li > a {
    text-decoration: none;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #ddd;
    box-shadow: 0 2px 2px #ddd;
    border-top: 1px solid #ddd;
}

navbar-nav ul {
    width: 100%;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: 0 none;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #0075B0;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #111;
}

.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

@media only screen and (min-width: 992px) {
    .navbar-inverse .navbar-nav > li > a {
        border-bottom: 2px solid #fff;
        color: #111;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: #fff;
            border-bottom: 2px solid #034B87;
            color: #111;
        }

    .navbar-nav li {
        padding-right: 45px;
    }

    .navbar-nav > li > a {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .navbar-nav li {
        padding-right: 45px;
    }

    .navbar-inverse .navbar-nav > li > a {
        border-bottom: 2px solid #fff;
        color: #111;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: #fff;
            border-bottom: 2px solid #034B87;
            color: #111;
        }

    .menu {
        cursor: pointer;
    }
}

@media only screen and (max-width: 767px) {
    .menu {
        cursor: pointer;
    }

    .navbar-nav > li:first-child {
        border-top: 1px solid #111;
    }

    .navbar-nav > li {
        background-color: #fff;
        border-bottom: 1px solid #111;
        border-left: 1px solid #111;
        border-right: 1px solid #111;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #111;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: #034B87;
            color: #fff;
        }
}

/*Wrapper
-----------------------------------------------------------*/
#Wrapper {
    background-color: #FFF
}


/*ContentWrapper
-----------------------------------------------------------*/
#ContentWrapper {
    padding-bottom: 20px;
    z-index: 1001;
}


    #ContentWrapper .Title {
        color: #034B87;
    }


/* Content
-----------------------------------------------------------*/
#Content {
    background-color: #fff;
    padding: 10px;
    z-index: 1001;
}

@media only screen and (min-width : 768px) {
    #Content {
        min-height: 300px;
    }
}


#Content li {
    padding: 5px;
}

#Content ul, ol {
    margin-bottom: 10.5px !Important;
}

#Content legend {
    color: #034B87;
}


#Content .LinkImages {
    margin-bottom: 25px
}

    #Content .LinkImages a {
        color: #111;
        text-decoration: none;
    }


@media (max-width: 767px) {
    #Content .LinkImages {
        display: none;
    }
}


#Content .Sidebar p {
    font-size: 15px;
    line-height: 22px;
}



/* Important Dates
-----------------------------------------------------------*/
#Dates {
}

    #Dates ul {
        padding-left: 0;
        list-style-type: none;
        line-height: 180%;
    }

    #Dates li {
        font-size: 15px;
        line-height: 24px;
        border-bottom: 1px solid #034B87;
        padding-bottom: 10px;
    }

/* FAQ
-----------------------------------------------------------*/
#FAQs {
}

    #FAQs .faqHeader {
        font-weight: bold;
        color: #055a4f;
        font-size: 1.813em;
        padding-bottom: 5px;
        text-align: center;
    }

    #FAQs .QuestionsArea {
        margin-bottom: 20px;
    }

    #FAQs .Question {
        font-weight: normal;
        text-decoration: none;
        text-align: left;
        padding-left: 0;
    }

        #FAQs .Question ol {
            margin-bottom: 0;
        }

    #FAQs .noListStyle li {
        font-weight: normal !important;
    }

    #FAQs .Answer p {
        font-weight: normal;
    }

    #FAQs .Answer Table {
        font-weight: normal;
    }

    #FAQs .Answer {
        font-weight: bold;
        padding-bottom: 1em;
    }



/* Documents
-----------------------------------------------------------*/

#Documents .pdf {
    list-style-image: url("../../Content/Images/pdfIcon.png");
    margin-left: 25px;
}

#Documents .excel {
    list-style-image: url("../../Content/Images/excelIcon.png");
    margin-left: 25px;
}


/*Contact Form
-----------------------------------------------------------*/
#ContactForm .contactHeader {
    font-weight: bold;
    font-size: 15px;
    margin-top: 35px;
    line-height: 1px;
}

#ContactForm .top {
    margin-top: 10px;
}


/* RightsTable
-----------------------------------------------------------*/
#rightsTable {
    width: 95%;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
}

    #rightsTable .tableHeader {
        background-color: #efefef;
        padding: 0.313em 0.313em 0.625em 0.625em;
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid #d9d9d9;
    }


    #rightsTable .tdLeft {
        text-align: left;
        font-weight: bold;
        max-width: 200px;
        width: 25%;
        padding: 0.625em 0.313em 0.938em 0.625em;
        border-bottom: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
    }

    #rightsTable .tdRight {
        padding: 0.625em 0.313em 0.938em 0.625em;
        text-align: left;
        font-weight: normal;
        border-bottom: 1px solid #d9d9d9;
    }

    #rightsTable .bottom {
        border-bottom: 0;
    }

/* Footer
-----------------------------------------------------------*/
#Footer {
    width: 100%;
    height: 190px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 20px;
    color: #FFF;
    font-size: 14px;
    border-top: 1px solid #FFF;
    background-color: #333333;
}


    #Footer .navigationLinks {
        border-bottom: 1px solid #FFF;
        padding-bottom: 20px;
    }

        #Footer .navigationLinks li {
            float: left;
            padding-right: 30px;
            margin-top: 10px;
        }

    #Footer .lastLink {
        padding-right: 0 !important;
    }

    #Footer .Questions {
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #FFF;
    }

    #Footer .Bottom {
        padding-top: 20px;
    }

    #Footer .container {
        background-color: #333333;
    }

@media only screen and (max-width: 991px) {

    #Footer .Bottom {
        padding-bottom: 20px;
        background-color: #333333;
    }

    #Footer .container {
        background-color: #333333;
    }
}


#Footer a {
    color: #FFF;
}

    #Footer a:hover, a:focus {
        color: #4e77ca;
    }


/* Other Styles 
-----------------------------------------------------------*/
.instruction {
    color: Red;
}

.field-required-marker {
    color: #FF0000;
    font-weight: bold;
    margin-left: 2px;
    white-space: nowrap;
    font-size: 18px;
}

.field-validation-error {
    color: #FF0000;
    margin-left: 2px;
}

.tooltip-inner {
    max-width: 400px;
    /* If max-width does not work, try using width instead */
    width: 400px;
}

.breakWord {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}