body {
    /*background:url("../images/background_b.jpg") no-repeat center center fixed;*/
    background:no-repeat center center fixed;
    background-image:url("../images/background_b.jpg");
    background-size:cover;
    backgroung-repeat: no-repeat;
    /*background-position: center; !* Center the image *!*/
    font-family: Arial, "Kimberley", sans-serif;
}

bodyNoBgImg {
    background-size:cover;
    backgroung-repeat: no-repeat;
    font-family: Arial, "Kimberley", sans-serif;
}

#content{
    width:900px;
    margin: 0px auto 0px auto;

}

p {font-size: 14pt;}

a:link {
    color: #109BBA;
}
a:visited {
    color: #095769;
}
.primary_header {
    /*width: 900px;*/
    width: 100%;
    height: 100px;
    /*
    padding-top: 1px;
    padding-bottom: 20px;
    color: #D8D8D8;
    font-weight: bold;
    */

    /*background:url("../images/oer-banner-3.jpg") no-repeat center center fixed;*/
    background-size:cover;
    backgroung-repeat: no-repeat;

}

.title {
    font-weight: bolder;
    font-style: normal;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 1px;
    /*font-family: "Times New Roman";*/
    font-family: Arial, "Kimberley", sans-serif;
    font-size: 25pt;
    text-shadow: px 5px ;
}

.title2{
    font-style: oblique;
    font-size:14px;
    font-weight:lighter;
    padding-left: 4%;
}

.logo {
    float: right;
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-right: 10px;
}

.secondary_header {
    width: 900px;
    padding-top: 10px;
    padding-bottom: 15px;
    background-color: hsla(0,38%,95%,0.180);
    overflow: hidden;
    border-radius: 50px;
}
.secondary_header a {
    display: inline-block;
    height: 35px;
    width: 122px;
    float: left;
    dispaly: block;
    margin-right: 2px;
    /*font-family: "Source Sans Pro";*/
    color: #FFFFFF;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
}

.secondary_header a:hover {
    color: #109BBA;
}
.secondary_header .icon {
    display:none;
}

/*****Image Slider*****/
.artifact-images{
    position: relative;
    margin: auto;
    width: 90%;
}
.mySlides{
    position: relative;
    height:600px;
    max-width: 800px;
    display: block;
    margin: auto;
}
.absolute-left {
    position: absolute;
    top: 50%;
    left: 0%;
    background-color: hsla(0,0%,2%,0.82);
}
.absolute-right {
    position: absolute;
    top: 50%;
    right: 0%;
    background-color: hsla(0,0%,2%,0.82);
}

.slide-butt{
    background-color: #000;
    border: none;
    color:  #ccc;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;}
.slide-butt:hover {background-color: hsla(0,38%,95%,0.180);}
/*********************/

.prev_next a {
    text-decoration: none;
    font-size: 24pt;
    font:bold;
    font:"luckiest-guy";
}

.image {
    margin:auto;
    position: relative;
}

.image img{
    margin:auto;
    width: 80%;
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
    z-index: 0;
}

.h1 {
    padding-top: 20px;
    text-align: left;
    font-size: 24pt;
    font-weight: normal;
    color: #FEFEFE;
    letter-spacing: 0px;
}

.info {
    margin: auto;
    width:90%;
    color: #D8D8D8;
    top: auto;
}

.right_article {
    width: 35%;
    float: right;
    border-width: 0px;
}

.depthkey {
    width: 100%;
    height: 0%;
    max-width: 80%;
    margin-top: 40px;
    margin-left: 0%;
}
.regionkey {
    width: 100%;
    height: 0%;
    max-width: 80%;
    margin-left: 0%;
    margin-top: 40px;
}

.DR_caption {
    width:80%;
    color: #D8D8D8;
    top: auto;
}

.caption_h3 {
    font-size: 18pt;
    color: #D8D8D8;
}

.caption{
    width: auto;
    padding-left: 0%;
    color: #D8D8D8;
    padding-right: 0%;
    top: auto;
    font-size: 12pt;
    list-style-type: none;
}


#advanced_search_link {
    float:right;
    margin-top: 18px;
}
.btn {
    display: flex;
    justify-content: center;
    background-color: hsla(0,38%,95%,0.180);
    border: none;
    color: #D8D8D8;
    padding: 12px 30px;
    cursor: pointer;
    font-size: 20px;
    margin-left: 40%;
}

.btn:hover {
    background-color: RoyalBlue;
}

.search{
    border-radius: 5px;
    /*background-color: hsla(0,38%,95%,0.2);*/
    background-color: rgb(17, 46, 81);
    /*color: rgb(0, 0, 0);*/
    padding-left: 7%;
    padding-right: 7%;
    padding-top: 20px;
    padding-bottom: 20px;
    list-style: none;
}
.search li{
    padding-left: 40px;
}

#advanced_search_box {
    display:none;
}

#left-content ul {color: #D8D8D8; font-size: 14pt;}
#left-content li {padding-bottom: 15pt;}

.guide_button {
    /*width: 45%;*/
    /*width: 55%;*/
    margin-top: 2%;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 5%;
    /*float: left;*/
}
.guide_button_artifact {
    width: 70%;
    margin: auto;
}


.collapseText {
    color: white;
}


#left-content {width: 120%}

.clear{
    clear:both;
}

.animal {
    font-weight: normal;
    font-style: normal;
    text-align: center;
    color: lightgrey;
    letter-spacing: 1px;
    /*font-family: "Times New Roman";*/
    font-size: 22pt;
}

.home {
    text-align: center;
    padding-bottom: 10px;
    padding-top:20px;
}
.home a {color:#EBC413}

.prev_next {
    padding-top:10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

.prev_next a {
    font-feature-settings: normal;
    text-decoration: none;
    font-size:24pt;
    padding-right: 10px;
    padding-left: 10px;
}

.page {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.gallery {
    width: 100%;
    color: #D8D8D8;
    font-style: normal;
    font-size: 14pt;
}

.gallery div{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.gallery div:hover {
    z-index: 100;
}
.gallery img {
    margin-left:5px;
    margin-right: 5px;
    margin-top: 5px;
    width:162px;
    list-style: none;
    float: left;
    box-shadow:0px 0px 20px #cecece;
    moz-transform: scale(0.5);
    moz-transition-duration: 0.2s;
    webkit-transition-duration: 0.2s;
    webkit-transform: scale(0.93);
    ms-transform: scale(0.2);
    ms-transition-duration: 0.2s;
}

.gallery img:hover
{
    list-style: none;
    z-index: 100;
    box-shadow: 10px 10px 10px #dcdcdc;
    transform: scale(1.5,1.5);
    transition: .8s transform;
}

.miscgallery div:hover {
    z-index: 100;
}
.miscgallery img {
    margin-left:5px;
    margin-right: 5px;
    margin-top: 5px;
    width:160px;
    height: 150px;
    list-style: none;
    float: left;
    box-shadow:0px 0px 20px #cecece;
    moz-transform: scale(0.5);
    moz-transition-duration: 0.2s;
    webkit-transition-duration: 0.2s;
    webkit-transform: scale(0.93);
    ms-transform: scale(0.2);
    ms-transition-duration: 0.2s;
}

.miscgallery img:hover
{
    list-style: none;
    z-index: 100;
    box-shadow: 10px 10px 10px #dcdcdc;
    transform: scale(1.5,1.5);
    transition: .8s transform;
}

.image {margin:auto;
}
.image img{
    display: block;
    margin:auto;
    padding-top: 10px;
    padding-bottom: 20px;
}
.taxatable {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.taxatable th {
    outline-color: black;
    align-content: center;
    background: #9F9F9F;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color:blue;
    font-family: Arial, "Kimberley", sans-serif;
}

.th {
    text-align: center;
    font-family: Arial, sans-serif;
    color=blue:
}

.taxatable td {
    outline-color: black;
    align-content: center;
    background: #D8D8D8;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.data {width:95%;
}
.artifact_data {
    width:90%;
    color: #D8D8D8;
    margin-right: auto;
    margin-left: auto;
    border:0;
    cellspacing:0;
    cellpadding:3;
}

.download {
    margin:auto;
    width:80%;
    display: block;
    text-align: center;
    background: hsla(0,10%,97%,0.20);
    border: none;
    border-radius: 25px;
    padding: 15px 0 15px 0;
    cursor: pointer;
    font-size: 20px;

}

.footer_mobile{visibility: hidden;}
.footer {
    position:inherit;
    height: 110px;
    bottom: 0;
    width: 900px;
    margin-top: 20px;
    padding-top: 15px;
    color: #D8D8D8;
    font-style: normal;
    font-size: 12pt;
    background-color: hsla(0,38%,95%,0.180);
    overflow: hidden;
    border-radius: 100px;
}

.footer_logo{
    float:left;
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 20px;
}

.footer_logo2{
    float:left;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
}

.links { padding-top: 13px;}
.blank {visibility: hidden;}

@media screen and (max-width: 950px) {
    .secondary_header {	background-color: hsla(0,38%,95%,0.180);}
    .secondary_header a:not(:first-child) {display: none;}
    .secondary_header a.icon {
        font-size: 19pt;
        border: none;
        border-radius: 0px;
        background: hsla(0,38%,95%,0.180);
        float: right;
        display: block;}
}

@media screen and (max-width: 950px) {
    .body {width: 100%;}
    #content {width:100%;}
    .primary_header {width:98%;}
    .logo {max-width:10%;height:auto;}
    .secondary_header{width:96%;padding:0;margin:0;color: #333;}
    .secondary_header.responsive {position: relative;}
    .secondary_header.responsive .icon {
        position:relative;
        right: 0%;
        top: 0%;
    }
    .secondary_header.responsive a {
        height: auto;
        float: none;
        display: block;
        text-align: center;
        width: 100%;
    }
    .mySlides{height:500px; max-width:96%;}
    .footer {width:94%;padding: 2% 1% 0% 1%;}
}
@media screen and (max-width: 1000px) {
    .title {font-size: 3.4vw;}
    .title2 {font-size: 1.4vw;}
    .right_article {
        width:80%;
        padding-left:10%;
        height: auto;
        clear: both;
    }
    .depth_region {
        display: block;
        width: 40%;
        float: left;
    }
    .DR_caption{display: none;}

    .guide_button {
        position:relative;
        width: 80%;
        margin-top: 2%;
        padding-right: 0%;
        padding-left: 0%;
        margin-bottom: 5%;
        clear:both;
    }
    .icon {overflow:visible;}
}
@media screen and (max-width:750px) {
    .footer {visibility: hidden;}
    .footer_mobile {
        visibility: visible;
        display:block;
        margin-right: 40px;
        position:inherit;
        width: 96%;
        background-color: hsla(0,38%,95%,0.180);
        padding: 2% 0 2% 0;
        border-radius: 100px;
    }
    .download{width:80%; margin: auto; display: block;}
    .footer_logo{
        float:none;
    }

    .footer_logo2{
        float:none;
    }
}
@media screen and (max-width:500px){
    .title, .title2, .logo {visibility: hidden;}
    .primary_header {
        background-image: url(../images/header_mobile.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .gallery img {
        margin: auto;
        display: block;
        width:400px;
        height: 250px;
        list-style: none;
        float: none;
        box-shadow:0px 0px 20px #cecece;
        moz-transform: scale(0.5);
        moz-transition-duration: 0.2s;
        webkit-transition-duration: 0.2s;
        webkit-transform: scale(0.93);
        ms-transform: scale(0.2);
        ms-transition-duration: 0.2s;
    }
    .taxatable {font-size: 6pt;}
    .artifact_data {font-size:6pt;}
    .miscgallery img {
        margin: auto;
        display: block;
        width:200px;
        height: 150px;
        list-style: none;
        float: none;
        box-shadow:0px 0px 20px #cecece;
        moz-transform: scale(0.5);
        moz-transition-duration: 0.2s;
        webkit-transition-duration: 0.2s;
        webkit-transform: scale(0.93);
        ms-transform: scale(0.2);
        ms-transition-duration: 0.2s;
    }
    .mySlides{height:200px; max-width:96%;}
}

.resCaption {
    text-align: center;
    color:#e9e9e9;
    /*font-family: Arial, sans-serif;*/
}