@font-face {
    font-family: 'Droid Sans';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Sans Bold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px !important;
    line-height: 1.42857143;
    color: #333;
    background: #f2f2ed;
}

/*a, a:hover, a:focus {
    color: #333;
    text-decoration: none;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}

/* Global banner */
#globals {
    background-color: #dbdad3;
    color: #333;
    height: 28px;
}

    #globals a, #globals a:visited {
        color: #333;
    }

        #globals a:hover, #globals a:focus {
            color: #7d9b38;
        }

/* HHS link */
#header-hhs {
    min-height: 28px;
    padding-left: 26px;
    font-size: 13px;
    line-height: 28px;
    background: url("../images/header-hhs-mark@2x.png") no-repeat left center;
    background-size: 20px auto;
}

    #header-hhs:after { /* Wedge */
        content: " ";
        float: right;
        background: url("../images/header-wedge@2x.png") no-repeat right center;
        width: 24px;
        height: 28px;
        background-size: auto 28px;
    }

.navbar-brand a img.nih-blue {
    max-width: 80px !important;
    height: auto;
}

.head-brand-text {
    display: inline-block;
}

.traning-img {
    max-width: auto;
    height: 200px;
}

.csr-photo-image-wg {
    height: 100px;
    width: auto;
}

.LoginGov-img {
    max-width: auto;
    height: 260px;
}

.course-img {
    max-width: auto;
    height: 160px;
}