html, body {
    background-color: #298ac4 !important;
    font-family: 'Open Sans', sans-serif;
}

a {
    color: #000090;
    font-weight: bold;
}

/*----------------------------------------------------------------------------*/
/* Header */
/*----------------------------------------------------------------------------*/


header {
    background-color: #971d20;
}

#branding {
    width: 100%;
    height: auto;
}

@media ( min-width: 768px ) {
    header {
        min-height: 13em;
        position: relative;
    }

    header .col-md-4 {
        min-height: 3.75em !important;
        position: absolute !important;
        bottom: 0 !important;
        right: .2em;
    }
}

#logo {
    margin: .6em 1em;
    height: 11em;
    width: auto;
}

#dnn_mainCarousel {
    padding: 0 !important;
    border: solid #fdf9d8;
    border-width: 1em 0;
    margin-top: 1em;
}



/*----------------------------------------------------------------------------*/
/* Navigation */
/*----------------------------------------------------------------------------*/


@media ( min-device-width: 768px ) {
    .navbar {
        position: absolute !important;
        right: 0 !important;
        bottom: .2em !important;
        height: 3.75em !important;
    }
    .navbar-collapse > ul, .navbar-collapse > ul > li, .navbar-collapse > ul > li > a {
        height: 3.75em !important;
        line-height: 2em !important;
    }
}
@media ( max-device-width: 768px ) {
    header {
        min-height: 250px !important;
    }
}

.navbar ul {
    background-color: #971d20 !important;
}

.navbar a {
    color: #fff !important;
}

.navbar a:hover, .navbar a:active, .navbar a:focus {
    background-color: #b03d40 !important;
    color: #fff !important;
}

.navbar-toggle {
    color: #fff !important;
    border-color: #fff !important;
}

.icon-bar {
    background-color: #fff !important;
}


/*----------------------------------------------------------------------------*/
/* Tabs */
/*----------------------------------------------------------------------------*/

.moduleMenu {
    background-color: #971d20 !important;
    overflow: hidden;
    margin-top: 1em;
}

.mTabs a, .mTabs a:focus, .mTabs a:visited {
    color: #fff;
}

.moduleMenu #tabs {
    list-style: none;
    width: 100%;
}

.moduleMenu #tabs li {
    width: 100%;
    padding: 1em;
}

.moduleMenu #tabs li:hover {
    background-color: #b03d40 !important;
}

.moduleMenu h2 {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
}

.moduleMenu .containerBody {
    padding: 1em;
    line-height: 1.8em;
}

#my-tab-content {
    color: #000;
    background-color: #fff !important;
    padding-top: 1em;
}

@media ( min-width: 992px ) {
    #my-tab-content {
        min-height: 26em;
        border: solid #000;
        border-width: 0 0 0 4px;
    }
}

.btn-module {
    display: inline-block;
    color: #fff !important;
    padding: 1em 2em;
    background-color: #971d20 !important;
    border: solid #fff 0;
    border-radius: .8em;
    margin-left: 1em;
    outline: 0;
    margin-bottom: 1.6em;
}

.btn-module a, .btn-module a:visited, .btn-module a:hover, .btn-module a:focus {
    color: #fff;
    font-weight: bold;
}


/*----------------------------------------------------------------------------*/
/* Table */
/*----------------------------------------------------------------------------*/

.darkblue {
		color: #fff !important;
		background-color: #254467 !important;
}

.lightblue {
		color: #fff !important;
		background-color: #298ac4 !important;
}

.bluetable {
		border-collapse: collapse;
}

.bluetable, .bluetable th, .bluetable td {
		border: 1px solid #ccc;
}

.bluetable th, .bluetable td {
		padding: 1em;
}

/*----------------------------------------------------------------------------*/
/* Main */
/*----------------------------------------------------------------------------*/

main {
    background-color: #fff;
    margin: 2em 0;
    font-size: 100%;
    line-height: 1.5em;
    min-height: 30em;
    position: relative;
    padding: 0 !important;
    overflow: hidden;
}

main p {
    margin-bottom: .6em;
    margin-top: .6em;
}

.ContentPane a {
    color: #000090;
    font-weight: bold;
}

#dnn_ContentPane {
    padding: 1em .3em 3em .3em !important;
}

#dnn_ReadMore
{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #516985;
    color: #fff;
}

#dnn_ReadMore a, #dnn_ReadMore a:active, #dnn_ReadMore a:focus, #dnn_ReadMore a:visited {
    color: #fff;
}

main .containerBody:not(.subsection) {
    padding: 1em 1em 1em 1em !important;
}

.subsection {
    padding: 1em 1em 1em 3em !important;
}

#dnn_PageTitle .containerBody {
    padding-bottom: 0 !important;
}


#dnn_ContentPane {
    padding-top: 0 !important;
}

#dnn_ContentPane .DnnModule-DNN_HTML:first-child .containerBody {
    padding-top: 0 !important;
}

/*----------------------------------------------------------------------------*/
/* Modules */
/*----------------------------------------------------------------------------*/


#playerstage {
    margin-bottom: 1.6em;
    max-width: 100%;
}

p > img {
    width: 75%;
    height: auto;
    margin: 0 12%;
}

/*----------------------------------------------------------------------------*/
/* Style */
/*----------------------------------------------------------------------------*/

main h1 {
    margin: 1em .3em .5em .3em;
    font-weight: bolder;
    font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
    width: 100%;
}

main h2 {
    color: #660000 !important;
    font-weight: bolder;
    margin-top: .8em;
    margin-bottom: .4em;
    border: solid #660000;
    border-width: 0 0 3px 0;
    padding-bottom: .3em;
    display: inline-block;
    //font-size: 140% !important;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    line-height: .9em;
}

main h3 {
    color: #660000 !important;
    font-weight: bolder;
    font-family: 'Open Sans', sans-serif;
}

main ul {
    list-style-type: disc;
    margin-left: 2.4em;
}

main ol {
    margin-left: 2.4em;
}

main ul ul {
    list-style-type: circle;
    margin-top: 1em;
    margin-bottom: 1em;
}

main ol ol {
    list-style-type: lower-alpha !important;
}

tbody td {
    padding: .35em !important;
}


.only-responsive {
        display: none;
    }

#tabIntro p, .tab-pane p, .lines p {
    line-height: 1.6em !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    .not-responsive {
        display: none;
    }

    .only-responsive {
        display: block;
    }

    .only-responsive th {
        border-width: 1px 0 1px 0 !important;
    }

        /* Hide table headers (but not display: none;, for accessibility)
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        } */

    tr {
        border: 1px solid #ccc;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
}


#backtotop {
    padding: .5em 1em .5em 1em !important;
    text-align: right !important;
    font-size: 1.5em;
}



/*----------------------------------------------------------------------------*/
/* Ref */
/*----------------------------------------------------------------------------*/

.myreferences {
    background-color: #fff;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 90%;
    line-height: 1.8em;
    padding: 2em 5em !important;
    overflow: hidden;
}

.myreferences h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
    font-weight: bolder;
    font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
}

.DNNContainer_references p {
    display: block;
    margin-left: 3em;
    text-indent: -3em;
}


/*----------------------------------------------------------------------------*/
/* Footer */
/*----------------------------------------------------------------------------*/

footer {
    background-color: #971d20;
    min-height: 10em;
    margin-top: 1em;
    padding: 2em 0;
    color: #ddd;
}

#logo-footer {
    height: 8em;
    width: auto;
    margin: 1em 0;
}

.branding {
    text-align: center !important;
}

.copyright {
    margin-top: 2.6em !important;
    padding: 2em;
    overflow: hidden;
}

.builtby {
    text-align: right !important;
    padding: 2em 4em;
}

.builtby div {
    margin: 1em 0 0 0;
}

footer a, footer a:focus, footer a:visited {
    color: #ddd;
    text-decoration: underline;
}


/*----------------------------------------------------------------------------*/
/* Carousel */
/*----------------------------------------------------------------------------*/


#topCarousel {
    border: solid #fdf9d8;
    border-width: 1.3em;
    padding: 0 !important;
}

#topCarousel .item {
    width: 100%;
}

#topCarousel img {
    width: 100%;
    height: auto;
}


/*----------------------------------------------------------------------------*/
/* Media Queries */
/*----------------------------------------------------------------------------*/


@media ( max-device-width: 768px ) {

    .dropdown-menu {
        position: relative !important;
        width: 100% !important;
    }

}