body {
    background-image: url('../ImagesBase/blusky.jpg');
    background-repeat: repeat;
    min-width: 100%;
    padding-top: 30px;
    padding-bottom: 70px;
}

p {
    text-indent: 30px;
    font-size: 0.9em;
}

.articleheadline {
    font-size: 16pt;
    font-family: Garamond;
    text-align: center;
    padding-top: 20px;
}

.headline {
    font-family: Arial;
    font-weight: bold;
}

#Article {
    text-align: justify;
    font-family: Garamond;
    font-size: medium;
    background-image: url('../ImagesBase/papbkgrnd.jpg');
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
}

.subtitle {
    text-align: center;
}
/*Horizontal Line Style*/
hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 40px;
    margin-right: 40px;
    border-style: inset;
    border-width: 3px;
    border-color: #B2C5FC;
}
/*small horizontal line for headlines*/
.hrsmall {
    display: block;
    margin: 5px 300px 5px 300px;
    border-width: thin;
    border-color: black;
}
/*Hover color*/
a:hover {
    background-color: yellow;
}
/*Shadowbox create thumbnails - Albatross*/
.center-alba {
    display: table-cell;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px black;
    width: 150px;
    height: auto;
}
/*Shadowbox create thumbnails - Gliding Exp Gallery*/
.center-exp {
    display: table-cell;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px black;
    width: auto;
    height: 100px;
}
/*shadowbox create thumbnails - Originals Page*/
.center-org {
    display: table-cell;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px black;
    width: 90px;
    height: auto;
}
/*shadowbox create thumbnails - 1904 Exp Page*/
.center-1904 {
    display: table-cell;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px black;
    width: auto;
    height: 150px;
}


/*Green header for Newspaper TOC*/
.papers {
    background-image: url('../ImagesBase/papbkgrnd.jpg');
    font-size: 10pt;
    color: #000000;
    font-family: Arial;
    text-align: justify;
}
/*Thicktable used in gliding-exp.aspx and maybe elsewhere*/
.thicktable {
    font-size: 0.8em;
    color: black;
    font-style: italic;
    font-family: Arial;
    text-decoration: underline;
    text-align: center;
}

.tdsmall {
    padding: 5px;
}

/* Navbar customization*/

/* Create a small height at 28px */
.navbar-sm {
    min-height: 28px;
}

    .navbar-sm .navbar-brand,
    .navbar-sm .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-sm .navbar-brand {
        height: 28px;
    }

    .navbar-sm .navbar-toggle {
        margin: 3px 9px 3px 0;
        padding: 4px 4px 4px 4px;
    }

        .navbar-sm .navbar-toggle .icon-bar {
            width: 16px;
        }

/*color background of nav bar*/
.navbar-default {
    background-color: #B2C5FC;
    border-color: #d96153;
}
    /*Title or brand*/
    .navbar-default .navbar-brand {
        color: #000000;
        text-decoration: underline;
        font-style: italic;
    }
        /*Color of title or brand on hover*/
        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #ffbbbc;
        }

    .navbar-default .navbar-text {
        color: #ecf0f1;
    }

    .navbar-default .navbar-nav > li > a {
        color: #000000;
        font-size: small;
    }
        /*Text color on hover - Size*/
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #000000;
            font-size: small;
        }

    .navbar-default .navbar-nav > li > .dropdown-menu {
        background-color: #9b9bff;
        font-size: small;
    }

        .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
            color: #000000;
        }
            /*Color of the hover background in the dropdown menu*/
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
                color: #ffbbbc;
                background-color: #808080;
            }

        /*Need a sub-menu to change the color and hover of the sub-menu like in Appendices*/

        .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
            background-color: #9b9bff;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #ffbbbc;
        background-color: #d96153;
    }
    /*Background color of the active dropdown*/
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #ffbbbc;
        background-color: #000000;
    }


    .navbar-default .navbar-toggle {
        border-color: #d96153;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #d96153;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ecf0f1;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #ecf0f1;
    }

    .navbar-default .navbar-link {
        color: #ecf0f1;
    }

        .navbar-default .navbar-link:hover {
            color: #ffbbbc;
        }

/*Put a border on top of a column or grid*/
.gridtop {
    border-color: black;
    border-top-style: double;
    padding-top: 4px;
    border-bottom: double;
}
/*Vertical centering DOESN'T WORK*/
.vcenter {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffbbbc;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffbbbc;
        background-color: #d96153;
    }
}
/*Lose the image on collapse*/
/*medium+ screen sizes*/
@media (min-width:992px) {
    .desktop-only {
        display: block !important;
    }
}

/*small screen sizes*/
@media (max-width: 991px) {
    .mobile-only {
        display: none;
        !important;
    }

    .desktop-only {
        display: none !important;
    }
}
/*very small screen sizes*/
@media (max-width: 520px) {
    .mobile-small {
        display: none;
        !important;
    }

    .desktop-small {
        display: none !important;
    }
}

@media (min-width:768px){
    .indent {
        margin-left: 60px;
    }
}

@media (max-width:768px) {
    .indent {
        margin-left: 1px;
    }
}