body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

table,
td,
tr,
tbody {
    font-size: 13px;
}

#header {
    background: url(/art/header-sky-blank2.jpg) -20px top no-repeat #fff;
    width: 100%;
    background-size: 108% 108%
}

#logo img {
    width: 128px;
    height: auto;
    margin-top: 12px;
}

#logo {
    width: 128px;
    margin: 0 auto;
}

.no-mobile {
    display: none
}

#logo {
    float: none;
}

.jcbred {
    color: rgb(237, 29, 38) !important
}

#searchBar {
    background: #d6d6d6;
    padding: 10px 20px;
    border-top: solid #af021d 4px
}

#searchBar .phone {
    padding-top: 8px;
}

#searchBar .phone a {
    font-size: 20px;
    text-decoration: none;
    color: #b10015;
    font-weight: bold
}

#searchBar .links {
    padding-top: 8px;
}

#searchBar .links a strong {
    text-transform: uppercase;
    color: #b10015
}

#searchBar .links .fas {
    font-size: 20px;
    color: #b10015;
    vertical-align: middle
}

#searchBar .links a {
    color: #464646;
    font-size: 14px;
    text-decoration: none;
    margin-right: 15px;
}

#searchOptions form {
    margin-right: 20px
}

#searchOptions input[type="text"] {
    border: 1px solid #a1a1a1;
    padding: 8px;
    font-size: 12px;
    width: 200px;
    margin-right: 3px;
}

#searchOptions input[type="submit"] {
    background: url(/art/search-button-tag.png);
    height: 32px;
    width: 79px;
    border: 0;
    text-indent: -9999px;
}

/* mobile first */
#searchBar a.covidbutton {
    background: #b10015;
    color: #fff;
    padding: 10px 18px;
    display: none;
    margin-top: 10px;
    float: left;
}

nav a.covidbutton {
    float: right;
    background: #b10015;
    color: #fff;
    padding: 10px 18px;
    display: inline-block;
    margin: 8px 15px 0 0;
}

.h_imagerequest {
    display: none;
}

.searchbar {
    display: none;
}

#searchbox {
    margin-top: 15px;
}

#searchfor {
    width: 220px
}

#searchbox form {
    margin-bottom: 13px;
    padding: 0;
}

.searchfield {
    border: 1px solid #454545;
    color: #666;
    font-size: 11px;
    height: 23px;
    width: 190px;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0 5px 0 2px;
}

#searchbox .sbutton {
    height: 23px;
    margin: 0;
    padding: 0;
}


/******* NEW NAV STYLES **********/
.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
    border-bottom: #7f7f7f solid 1px;
    border-top: gray solid 1px;
    text-transform: uppercase;
    background: #e5e5e5 url(/art/bg-nav.gif) repeat-x;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#565656+0,3e3e3e+100 
background: #565656; /* Old browsers 
background: -moz-linear-gradient(top,  #565656 0%, #3e3e3e 100%); 
background: -webkit-linear-gradient(top,  #565656 0%,#3e3e3e 100%); 
background: linear-gradient(to bottom,  #565656 0%,#3e3e3e 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */

}



/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    position: relative;
}

nav ul ul {
    padding: 0;
    margin: 0 auto;
    width: inherit;
    list-style: none;
    position: relative;

}

/* Positioning the navigation items inline */
nav ul {
    display: flex;
    justify-content: center;
}
nav ul li {
    margin: 0px;
    /* display: inline-block;
    float: left; */
}

/* Styling the links */
nav a {
    display: block;
    padding: 6px 10px;
    font-size: 11px;
    font-family: Arial, sans-serif;
    text-decoration: none;
    line-height: 12px;
    background: url(/art/bg-rt.gif) top right no-repeat;
}

nav > ul > li > a {
    color: #fff;
}

nav > ul > li > a:hover {
    background: url(/art/bg-on.gif) right top no-repeat
}

nav > ul > li.current > a {
    background: url(/art/bg-on.gif) right top no-repeat
}

nav > ul > li > ul > li > a {
    background: #e5e5e5;
    color: #494949;
    padding: 8px 15px;
    background-image: none
}

nav > ul > li > ul > li > a:hover {
    background-color: #cacaca
}

nav ul li ul li:hover {
    background: #cacaca;
}

/* Background color change on Hover */
nav a:hover {
    background-color: #e5e5e5;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    padding-top: 5px;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 24px;
    background: #e5e5e5;
    border-top: solid #7f7f7f 1px;
    border-right: solid #b6b6b6 1px;
    border-bottom: solid #b6b6b6 1px;
    z-index: 1000
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 200px;
    float: none;
    display: list-item;
    position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -25px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */
/* li > a:after { content:  ' +'; } */
li > a:only-child:after {
    content: '';
}

/* ipad hz adjustments */
@media screen and (min-width:769px) and (max-width:1024px) {
    nav a {
        
    }
}
@media screen and (min-width:1024px) {
    nav ul {
        width: 984px;
        justify-content: space-between;
    }
    nav a {
        padding: 6px 21px 6px 13px;
    }
}
@media screen and (min-width:1112px) {
    #searchBar {
        padding-left: 0;
        padding-right: 0
    }

    .content_container {
        width: 1000px;
        margin: 0 auto
    }

    nav ul {
        width: 1078px;
    }

    #searchOptions input[type="text"] {
        width: 225px
    }

}




/********* navs for select pages **********/

nav4news {
    display: block;
    width: 80%;
}

pierrenav {
    display: inline-block;
    width: 78%;
}

#browseByYearSelect {
    margin-left: 20px;
}

#browseByYearSelectBot {
    display: block;
    clear: both
}

nav4news ul li {
    list-style-type: none;
    padding-bottom: 10px;
}

nav4news ul {
    margin-left: 0;
    width: 80%;
}

nav4news select {
    display: none;
}

pierrenav select {
    display: none;
}

.clearboth {
    clear: both;
}

.content_area img,
.hmimgblock img {
    max-width: 100%;
    height: auto;
}

.photo100 {
    max-width: 100%;
    height: auto;
}

.photocaption {
    font-style: italic;
    color: #7d7d7d
}

.maxH210 {
    max-height: 210px;
    height: 210px;
}

.content_area {
    margin-top: 30px;
}

.promo_50_banner {
    display: none;
}

#map_container {
    margin-bottom: 30px;
    height: 425px;
    width: 100%;
}

#map {
    height: 100%;

}

/* our team */
.about_photo {
    width: 100%;
    height: auto;
    max-width: 350px;
}

.our_team ul {
    margin-left: 0;
    padding-left: 15px;
}

.our_team .row {
    margin-left: -2%
}

.our_team strong {
    font-size: 16px;
}

.our_team .row P {
    font-size: 14px;
}

.our_team .row [class^="col"] {
    margin-bottom: 30px;
}

@media screen and (min-width:768px) {
    .about_photo {
        width: 100%
    }

    .about_photo.row1 {
        padding-right: 14px;
        height: 200px !important;
        width: auto !important;
        float: left;
    }

    .about_photo.row1.last {
        padding-right: 0
    }

    .our_team .row.offset-1 {
        margin-left: 4.3%;
    }
}


.story_image {
    padding-bottom: 8px;
    display: block;
}

.cat_menu {
    margin-bottom: 5px;
    width: 275px;
}

.cat_menu select {
    width: 275px;
}

.footer_search {
    padding: 10px;
    font-size: 12px;
    margin-top: 20px;
    color: #000;
    background-color: #F5F5F5;
    border: 1px solid #505050;
}

.footer_search input {
    height: 17px;
    margin-bottom: 5px;
}

.footer_search a {
    display: block;
    margin-left: 105px;
}

.footer_search input[type="submit"] {
    height: 20px;
    font-size: 11px;
    text-align: center;
    width: 60px;
}

.catsplash a {
    text-decoration: none;
    color: #444 !important;
    font-size: 1.1em;
    line-height: 1.4em;
}

.catsplash h2 {
    font-size: 1.3em;
}

.catsplash img {
    display: block;
}

h1 {
    font-size: 22px;
    line-height: 1.3em;
    font-weight: 700;
    color: #497598;
    margin-bottom: -2px;
}

.resultsH1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.resultsH2 {
    font-size: 16px;
    color: #222;
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 700;
}

h2 {
    font-size: 16px;
    font-weight: 700;
    color: #497598;
    margin-bottom: -2px;
}

.homeh2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #030303;
}

.detail_page {
    margin: 10px 20px 0 20px;
}

.detail_page h1 {
    font-size: 20px;
    font-weight: 700;
    color: #497598;
    margin-bottom: 5px;
    margin-top: 0;
}

#sizespecs {
    font-size: 13px;
    margin-bottom: 15px;
}

#detail_function {
    border-top: #e5e5e5 solid 1px;
    border-bottom: #e5e5e5 solid 1px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #666;
    padding: 4px;
}

#detail_function a,
#detail_function a:visited {
    margin-right: 5px;
    color: #2E4D6F;
}

#detail_function a:link,
#detail_function a:visited .reqimage a:visited,
.reqimage a:hover {
    color: #2E4D6F;
    text-decoration: none;
}

#detail_function a.add_lightbox {
    color: #2E4D6F;
}

#detail_function .request {
    color: #2E4D6F;
}

.related_thumbs {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    padding-top: 15px;
    border-top: #999 solid 1px;
    margin-bottom: 25px;
}

.related_thumbs b {
    font-size: 13px;
}

.related_thumbs img {
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 5px;
}

.altthumb {
    float: left;
    margin-right: 10px;
}

.theimage img {
    margin-bottom: 10px;
}

.image_title {
    font-size: 11px;
    margin-bottom: 15px;
    color: #565656;
}

.th_backing_num .fa {
    color: #C00 !important;
}

.backing_art_thumb_legend {
    padding: 5px;
    font-size: 13px;
    color: #C00;
    background: #e5e5e5;
    margin: 10px 0;
    display: inline-block;
}

.backing_art_thumb_legend.bottom {
    margin-top: 20px;
}

.backing_art_thumb_legend.top {
    margin: 10px 0 20px;
}

.backing_alert_gal {
    padding: 5px;
    font-size: 13px;
    color: #C00;
    background: #e5e5e5;
    display: inline-block;
}

.backing_alert_gal.top {
    margin-bottom: 20px;
}

.backing_alert_gal.bottom {
    margin-top: 20px;
    clear: both;
}

.backing_art_thumb_legend {
    display: none;
}

.suggested {
    color: #C00;
}

.backing_alert i:before {
    content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 18px;
    padding-right: .5em;
    position: absolute;
    top: 0;
    left: 0;
}

.keywords {
    background: #e5e5e5;
    margin-top: 25px;
    font-size: .9em;
    margin-bottom: 20px;
    padding: 8px 8px 4px;
}

.detail_page .keywords a {
    color: #454545;
}

.keywords p {
    margin-top: 0;
    margin-bottom: 8px;
}

.medtext {
    font-size: 13px;
    color: #222;
    line-height: 19px;
}

.page_legend.top {
    margin-bottom: 25px;
    min-height: 42px;
}

.page_legend.bottom {
    margin-top: 25px;
}

.lgtext {
    font-size: 12px;
    color: #497598;
    font-weight: 700;
    line-height: 18px;
}

.iname {
    font-size: 11px;
    color: #000;
}

.isize a:hover {
    color: #C00;
    text-decoration: underline;
}

.keywordlist a:link,
.keywordlist a:visited,
.keywordlist a:hover {
    text-decoration: none;
    padding-right: 2px;
    font-size: 11px;
    color: #222;
}

.keywordlist a:hover {
    text-decoration: underline;
}

.imagedescription {
    font-size: 10px;
    color: #222;
    padding-top: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

.required {
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    color: #A00;
    background-position: top;
}

.itembox {
    border: 1px #666;
    background-color: #CCC;
}

.spb img {
    display: block;
    padding-bottom: 5px;
}

.spb {
    font-size: .9em;
    margin-bottom: 10px;
}

.pgtitle {
    font-size: 20px;
    font-weight: 700;
    color: #497598;
}

.smtitle {
    font-size: 14px;
    font-weight: 700;
    color: #497598;
}

.msg {
    font-size: 1.1rem;
    background: #e5e5e5;
    color: #900;
    width: 600px;
    margin-bottom: 15px;
    padding: 15px;
}


.footer {
    font-size: .9em;
    line-height: 1.3em;
    clear: both;
    color: #000;
    background: #d6d6d6;
    border-top: #CED0CF 1px solid;
    padding: 30px;
}

.footer .bottom {
    margin-top: 30px;
    border-top: solid 1px #6c6c6c;
    padding: 25px 0 25px;
}

.footer .bottom .boiler {
    font-size: 12px;
}

.footer .bottom .phone {
    margin-bottom: 30px;
}

.footer .bottom .phone a {
    color: #b10015;
    text-align: left;
    display:block;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}
.footer .bottom .phone a.email {
    font-size:21px;
    font-weight: normal;
    margin-top:10px;
}
.footer .bottom .phone a.email:hover { text-decoration: underline;}

.footer .bottom .phone a:visited {
    color: #b10015;
}

.footer .bottom .social_icons {
    margin-bottom: 20px;
}
.social_icons .fa-facebook { color:#4267B2;vertical-align: top;font-size:28px;padding-right:12px;}

img.ft-social {
    height: 26px;
    width: auto;
    padding-right: 12px;
}



.footer ul {
    margin: 0;
    padding: 0
}

.footer ul li a {
    text-decoration: none;
    color: #000
}

.footer ul li {
    list-style-type: none
}

.icon-background {
    color: #4f4f4f;
}



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

    /* for ipad vertical */
    #searchOptions,
    .links,
    #searchOptions form {
        float: left;
    }

    #searchBar .phone {
        float: right
    }

    #searchBar {
        height: 36px;
    }


}

@media (min-width: 600px)  {
    .fcollogo { width:100%}
    /* for ipad vertical */
    .footer .fcol_rental,
    .footer .fcol_custom,
    .footer .fcol_policies,
    .footer .fcol_account {
        width: 50%;
    }
}

/* horizontal phones */

@media screen and (min-width:667px) {
    #searchOptions input[type="text"] {
        width: 150px
    }
}

@media screen and (min-width:736px) {
    #searchOptions input[type="text"] {
        width: 170px
    }

    #searchBar .links a {
        font-size: 14px
    }
}

@media screen and (min-width:735px) and (max-width:767px) {
    #searchBar .phone a {
        font-size: 17px;
    }

    #searchBar .phone {
        padding-top: 10px
    }
}

@media screen and (min-width:415px) and (max-width:667px) {
    #searchBar .links a {
        font-size: 13px
    }

    #searchBar .phone a {
        font-size: 13px;
    }

    #searchBar .phone {
        padding-top: 10px
    }
}

@media screen and (min-width:768px) {
    #searchOptions input[type="text"] {
        width: 200px
    }

    #searchBar .links {
        padding-top: 8px
    }

    #searchBar .phone {
        height: inherit;
        height: inherit;
        padding-top: 8px;
    }


}

@media screen and (min-width:769px) {
    #searchBar a.covidbutton {
        padding: 10px 20px;
        margin-top: 0
    }

    /* center container for footer and header search */

    /* header tweaks */
    #searchBar .links a {
        margin-right: 25px
    }

    #searchOptions form {
        margin-right: 40px
    }

    #searchOptions,
    .links,
    #searchOptions form {
        float: left;
    }

    #searchBar {
        height: 36px;
    }






    .no-mobile {
        display: block
    }
}


@media screen and (min-width:834px) {
    #searchBar .links {
        padding-top: 8px
    }

    #searchBar .phone {
        padding-top: 10px;
    }

}

@media screen and (min-width: 768px) {
    .footer .colrow { 
        display:flex;
        justify-content:space-between
    }
    .footer .colrow { 
        flex-wrap: wrap;
    }


    


@media screen and (min-width:840px) {
    nav a.covidbutton {
        display: none
    }

    #searchBar a.covidbutton {
        display: inline-block;
        float: none;
    }

    #searchBar .phone {
        float: right;
    }

    #searchBar .links {
        padding-top: 0
    }
}
@media screen and (min-width:834px) {
    
    /* 
    //optional column sizes. works fine without these–inheriting size and space around
    .footer .fcol_rental,
    .footer .fcol_policies,
    .footer .fcol_account {
        width: 19%;
    }
    .footer .fcollogo,
    .footer .fcol_custom { width:22%} 
    */

    .footer .fcol_rental,
    .footer .fcol_policies,
    .footer .fcol_account,
    .footer .fcollogo,
    .footer .fcol_custom { width:inherit}

    .footer .fcollogo { text-align: center;}

    .footer .fcol_rental { order: 1}
    .footer .fcol_custom { order: 2}
    .footer .fcol_policies { order: 5}
    .footer .fcol_account { order: 4}
    .fcollogo { order: 3}

    .footer {
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media screen and (min-width:1024px) {
    .footer .bottom { 
        display:flex;
        justify-content:space-between
    }
    .footer .bottom .phone { order:3;      width: 20%;
        margin-bottom: 0}
    .footer .bottom .social_icons { order:1;width: 23%;
        margin-bottom: 0;
        padding-right: 2%}
    .footer .bottom .boiler { order:2; width: 53%;}
    }
    .footer .fcollogo img { margin-right:25px}
}


.signinbox {
    padding: 20px;
    color: #000;
    background: #e5e5e5;
}

.signinbox input[type="text"],
.signinbox input[type="password"] {
    border: 1px solid #454545;
    font-size: 1em;
    height: 23px;
    width: 200px;
    margin-top: 2px;
}

.advancedsearch {
    padding-left: 20px;
    color: #000;
    background: #e5e5e5;
}

.advancedsearch .boxtitle {
    margin-left: -20px;
    font-size: 13px;
    padding: 3px 0 3px 20px;
    font-weight: 700;
    color: #FFF;
    background-color: #497598;
}

.advancedsearch strong {
    background: #ccc;
    padding: 4px 5px;
    display: block;
    margin-right: 20px;
    margin-bottom: 4px;
}

.advancedsearch .buttons {
    font-weight: 700;
    color: #FFF;
    background-color: #497598;
    margin-left: -20px;
    padding: 10px 0 10px 20px;
    margin-top: 10px;
}

.homesearchbox {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 10px;
    color: #000;
    background-color: #F5F5F5;
    border: 1px solid #505050;
}

.imagereq TD {
    padding-top: 5px;
    padding-right: 5px;
    font-size: 10px;
    color: #000;
}

.fieldname {
    font-size: 10px;
    color: #000;
    text-align: right;
    vertical-align: top;
}

.mainhome {
    font-size: 11px;
    color: #000;
    line-height: 18px;
    padding: 0 30px 10px 25px;
}

.sidebar {
    font-size: 11px;
    color: #000;
    line-height: 16px;
    background-color: #FAF5EA;
    padding: 15px 10px;
}

.cat_splash_box {
    float: left;
    width: 340px;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #666;
    padding-top: 10px;
    margin: 10px 20px 15px 15px;
}

.cat_splash_box .numpercat {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #777;
    margin-bottom: 8px;
}

.content_area .cat_splash_box a:link,
.content_area .cat_splash_box a:visited {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #555;
    text-decoration: none;
    padding-bottom: 8px;
}
/* flex box version of cat splash layout */
@media (min-width:768px) {
    .cat_container { display:flex;flex-wrap:wrap}
  .cat_splash_box_new {
    width:45%;
    gap:5%;
  }
  }
  .cat_splash_box_new {
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #666;
    padding-top: 10px;
    margin: 10px 20px 15px 15px;
  }
  .content_area .cat_splash_box_new a:link, 
  .content_area .cat_splash_box_new a:visited {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #555;
    text-decoration: none;
    padding-bottom: 8px;
  }
  .cat_splash_box_new .numpercat {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #777;
margin-bottom: 8px;
  }

.main_content .cat_splash_box a:hover {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #C00;
    text-decoration: none;
    padding-bottom: 8px;
}

.mcarea {
    padding-top: 0;
    padding-left: 115px;
    padding-bottom: 35px;
    width: 450px;
}

/* mobile first */
.mcareaWide {
    font-size: .9em;
    line-height: 1.5em;
    padding: 10px 25px;
    width: inherit;
}

.results_area {
    padding: 10px 25px;
    width: inherit;
    margin: 0;

}

.mcareaWide P {
    margin-bottom: .9em;
}

.mcareaWide h1 {
    margin-bottom: 1.3em;
}

h3 {
    line-height: .95em;
}

.mcareaXWide {
    margin: 23px auto 35px auto;
    width: 1230px;
}

.rowline {
    width: 700px;
    padding-top: 10px;
    padding-bottom: 0;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #CCC;
    height: 1px;
}

.HMrowline {
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #CCC;
    height: 1px;
}

.vertline {
    height: 100%;
    padding-left: 10px;
    padding-bottom: 0;
    border-right-width: 1px;
    border-right-style: dashed;
    border-right-color: #CCC;
}

.galinfoline {
    width: 700px;
    padding-top: 10px;
    padding-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
    height: 1px;
}

.galbotlink {
    color: #CCC;
    margin-bottom: 30px;
}

.galbotlink a {
    font-size: 11px;
    text-decoration: none;
    line-height: 18px;
}

.gal_prev_back {
    display: block;
}

.L2nav {
    font-size: 10px;
    color: #FFF;
    padding-bottom: 12px;
    vertical-align: bottom;
    text-decoration: none;
}

.nav2 {
    font-size: 10px;
    color: #000;
    padding-bottom: 12px;
    vertical-align: bottom;
    text-decoration: none;
}

.nav2 a:link,
.nav2 a:visited,
.nav2 a:hover {
    font-size: 10px;
    color: #000;
    text-decoration: none;
}

.subNavbase {
    background-color: #E5E5E5;
    border-bottom-width: 1px;
    height: 25px;
    border-bottom-style: solid;
    border-bottom-color: #7f7f7f;
}

DIV#abovenav {
    display: none;
}

.phgraybox {
    font-size: 10px;
    line-height: 14px;
    color: #333;
    background-color: #FFF;
    padding: 8px;
}

.contentcaption {
    font-size: 10px;
    line-height: 14px;
    width: 175px;
    color: #333;
}

.bufferR {
    padding-right: 8px;
    padding-bottom: 8px;
}

.grayBotline {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    height: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.reqdata {
    font-size: 11px;
    color: #000;
    line-height: 18px;
    padding-left: 15px;
}

.reqbox TD {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 10px;
    color: #000;
}

.news_wrapper iframe,
.framewidth {width:96% !important;margin:0 2%;}

@media  (min-width:768px) {
    .news_wrapper iframe,
    .framewidth { width:660px !important;margin:0}

}

#newsnav {
    font-size: 11px;
    color: #000;
    line-height: 16px;
    float: left;
    padding: 10px 8px;
    background: #FAF5EA;
}

#newsnav ul {
    margin: 0;
}

#newsnav P {
    border-bottom: #9e9e9e solid 1px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-top: 0;
    padding-top: 0;
}

#newsnav P a {
    display: block;
    padding: 0 7px;
}

#newsnav h2 {
    background-color: #EEEBD3;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 4px 7px;
}

#newsbody {
    clear: both;
    margin: 20px;
}

#resultsitem {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding-right: 10px;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: #e5e5e5 dashed 1px;
}

#resultsitem.lightboxpage a {
    text-decoration: none;
}
figure { 
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
.resultsitem {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding-right: 10px;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: #e5e5e5 dashed 1px;
}

.content_area figure img {
    height: 100px;
    width: auto;
}

.resultsitem.lightboxpage a {
    text-decoration: none;
}



.pierrethumb {
    font-size: 11px;
    color: #000;
    padding-right: 20px;
    float: left;
    margin-bottom: 15px;
}

.nl_date {
    font-size: 12px;
    font-style: italic;
    color: #999;
}

#detail_function a,
#footlinks a:link,
#footlinks a:visited,
#newsnav a {
    text-decoration: none;
}

.isize,
.stdtext {
    font-size: 12px;
    color: #222;
}

.isize a:link,
.isize a:visited {
    color: #C00;
    text-decoration: none;
}

.delimage a:link,
.delimage a:visited,
.delimage a:hover,
.footerred a:link,
.footerred a:visited {
    font-size: 12px;
    color: #C00;
    text-decoration: none;
}

.content_area a:link,
.content_area a:visited,
.content_area a:hover,
.lbnum {
    color: #C00;
}


.nextback,
.nextback a:link,
.nextback a:visited {
    font-size: 11px;
    font-weight: 700;
    color: #497598;
    text-decoration: none;
}

.signinbox,
.imagereq,
.reqbox {
    background-color: #E5E5E5;
    border: 1px solid #505050;
}

.L2nav a:link,
.L2nav a:hover,
.L2nav a:visited {
    font-size: 10px;
    color: #FFF;
    text-decoration: none;
}

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer > #hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink,
#nextLink {
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat;
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover,
#prevLink:visited:hover {
    background: url(images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,
#nextLink:visited:hover {
    background: url(images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Arial, Helvetica, sans-serif;
    background-color: #fff;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
}

#imageData {
    color: #666;
    padding: 0 10px;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: .9em;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

.pierre_date_menu {
    font-size: 11px;
    display: block;
}

.pierre_date_menu ul {
    margin: 0;
    padding: 0;
}

.pierre_date_menu ul li {
    list-style-type: none;
    display: inline;
}

.pierre_date_menu a {
    padding: 4px;
    font-size: 11px;
    text-decoration: none;
}

.pierre_date_menu a.on,
.pierre_date_menu a:hover {
    color: #000;
    background: #e5e5e5;
}

.pierre_date_menu.bottom {
    display: none;
    clear: both;
    width: 665px;
    padding: 25px 0;
}

.pierre_menu_cont_top {
    margin-bottom: 15px;
    width: 900px;
    margin-right: 35px;
}

.overallhome {
    margin: 20px;
    max-width: 1048px;
}

.feature {
    width: 1048px;
    height: 300px;
    background: #e5e5e5;
    margin-bottom: 20px;
}

.searchbar {
    background: #e5e5e5;
    margin-bottom: 20px;
    font-size: 12px;
    padding: 10px;
    clear: both;
    margin-top: 20px;
    height: 120px;
}

.searchbar table {
    font-size: 12px;
}

.searchbar td {
    padding-bottom: 3px;
    padding-right: 10px;
}

.searchbar .thebutton {
    float: right;
}

.searchbar h4 {
    display: block;
    margin: 0;
    padding: 0;
    color: #cd0005;
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.searchbar .thefield {
    display: block;
    width: 190px;
    height: 54px;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 5px;
    font-size: 10px;
}

.searchbar .thefield input {
    border: #444 solid 1px;
    width: 160px;
    height: 25px;
    display: block;
    padding: 3px;
    font-size: 11px;
}

.options_table {
    display: block;
    float: left;
}

.hmimgblock {
    padding-right: 0;
    margin-bottom: 15px;


}

.hmimgblock h3 {
    background: #595959;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.content_area .hmimgblock h3 a,
.content_area .hmimgblock h3 a:visited {
    text-decoration: none;
    color: #fff;
}

.hmimgblock img {
    border: none;
}

.nopad {
    padding-right: 0;
}

.fb {
    border: #e5e5e5 solid 2px;
    background: #fff;
    width: 234px;
    margin: 0 auto 25px;
}

.fb h4 {
    font-size: 14px;
    background-color: #3B5998;
    color: #fff;
    font-weight: 700;
    padding: 5px;
    width: 224px;
    margin: 0;
}

.hmbtblocks {
    color: #000;
    font-size: .85em;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    background: #e5e5e5;
    padding: 10px;
    text-align: center;
    border: 2px solid #CC0000;
}

.hmbtblocks a {
    text-decoration: none;
    color: #CC0000;
    padding: 4px 5px 0;
    font-size: 16px;
    font-weight: bold;
}

.hmbtblocks a:hover {
    text-decoration: none;
    color: #444;
}

.lightboxpromo {
    display: none;
}

.lightboxpromo img {
    float: left;
    padding-right: 10px;
}

.lightboxpromo {
    width: 390px;
    float: right;
    font-size: 13px;
    color: #323232;
    margin-right: 10px;
    line-height: 20px;
    font-weight: 700;
}

.lighboxpromo a {
    text-decoration: underline;
    color: #323232;
}

.album_intros {
    margin-bottom: 30px;
}

.album_intros h2 {
    margin: 10px 0;
    font-size: 16px;
}
.album_intros h2 a {
    color:#497598 !important;text-decoration: none;}

#banner {
    width: 1088px;
    height: 300px;
    float: left;
}

#content {
    height: 38px;
    z-index: 3;
    position: relative;
    top: -38px;
    float: left;
}

#contentframe {
    overflow: hidden;
    height: 82px;
    text-align: left;
    z-index: 3;
}

#slidecounter {
    float: left;
    color: #4F4F4F;
    font: 50px "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
}

.slidecaption {
    background: #000;
    overflow: hidden;
    float: left;
    color: #FFF;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 185px;
    height: 18px;
    opacity: .7;
    display: block;
    padding: 10px;
}

#navigation {
    background: #000;
    float: right;
    opacity: .7;
    padding: 10px;
    height: 38px;
}

#supersize {
    display: none;
    width: 1088px;
    height: 288px;
    float: left;
}

#supersize img,
#supersize a {
    height: 288px;
    width: 1048px;
    position: absolute;
    z-index: 0;
}

#supersize img {
    border: none;
}

#contentframe img {
    border: none;
}

#supersize .prevslide,
#supersize .prevslide img {
    z-index: 1;
}

#supersize .activeslide,
#supersize .activeslide img {
    z-index: 2;
}

#pauseplay {
    float: left;
    margin-left: 10px;
}

#nextslide {
    margin-left: 10px;
    float: left;
}

#prevslide {
    float: left;
}

.stamp {
    float: right;
    margin: 25px 20px 0 0;
}

#slider {
    width: 300px;
    height: 186px;
    position: relative;
    overflow: hidden;
}

#mask-gallery {
    overflow: hidden;
}

#gallery {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}

#gallery li {
    float: left;
}

#mask-excerpt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100px;
    overflow: hidden;
}

#excerpt {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    background-color: #000;
    overflow: hidden;
    font-family: arial;
    font-size: 10px;
    color: #fff;
}

#excerpt li {
    padding: 5px;
}

.clear {
    clear: both;
}

.folioitem {
    padding-bottom: 8px;
    margin-bottom: 35px;
}

.projectdata {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #333;
    padding-top: 4px;
    font-weight: strong;
    padding: 8px 14px;
    width: 100%;
    background-color: #e5e5e5;
    border: #333 solid 1px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 15px;
}

.card_folioitem {
    padding-bottom: 8px;
    margin-bottom: 35px;
}

.card_projectdata {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333;
   
    padding:10px 15px 8px;
    background-color: #e5e5e5;
    border: #333 solid 1px;
        line-height: 16px;
    margin-bottom: 12px;
}

.card_thumb {
    font-size: 11px;
    color: #000;
    padding-right: 20px;
    float: left;
    margin-bottom: 15px;
}

.projectnums {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    margin-bottom: 5px;
}

.hidemobile {
    display: none;
}


.menu span {
    display: none
}

/* hide + signs on desktop */

/* start news nav */
nav4news {
    width: 100%
}

.content_area {
    margin-top: 0
}

#newsnav2 {
    margin: 40px 20px 0 30px;
    width: 280px;

    color: #000;
    line-height: 18px;
    float: left;
    padding: 12px 8px;
    background: #f6f6f6;

}

iframe {
    clear: both;
}

#newsnav2 a {
    text-decoration: none
}

#newsnav2 h2 {
    font-size: 17px;
    margin-left: 10px
}

/* reset */
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.accordion li > a {
    display: block;
    position: relative;
}

.content_area .accordion li > a {
    font-size: 17px;
    ;
    color: #497598;
    padding: 10px 12px;
}

.content_area .accordion li > ul > li > a {
    font-size: 14px;
    padding: 5px 12px 5px 0;
    color: #C00;
}

.content_area .accordion li > ul > li > a:hover {
    color: #fc0000;
}

.accordion li > ul {
    margin: 8px 0;
}

.accordion {
    margin: 15px 0 0;
    width: 100%
}

.accordion > li {
    border-top: solid 1px #e5e5e5;
}

.accordion li {
    list-style-type: none;
    padding-left: 0
}

.accordion li > ul > li {
    list-style-type: disc;
    margin-left: 25px;
    color: #C00;
}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
    background: #ecedf1;
}

.accordion li > .sub-menu {
    display: none;
}

.accordion li:target > .sub-menu {
    display: block;
}

/* end news nav */



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





.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper2 {
    position: relative;
    padding-bottom: 50.25%;
    padding-top: 25px;
    height: 0;
    max-width: 640px;
}

.videoWrapper iframe,
.videoWrapper #Movie,
.videoWrapper2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vidThumb {
    float: left;
    padding-right: 20px;
    margin-bottom: 20px;
    width: 270px;
    line-height: 19px;
    min-height: 200px;
}

.vidThumb span {
    display: block;
    margin-top: 5px;
}

/* color box styles */
#cboxOverlay,
#cboxWrapper,
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: url(colorbox-images/overlay.png) repeat 0 0;
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(colorbox-images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(colorbox-images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(colorbox-images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(colorbox-images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(colorbox-images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(colorbox-images/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(colorbox-images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(colorbox-images/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(colorbox-images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(colorbox-images/loading.gif) no-repeat center center;
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0 0;
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(colorbox-images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(colorbox-images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(colorbox-images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

.overallhome {
    margin: 40px auto 0 auto;
}


.button {
    padding: 4px 8px;
    margin-top: 20px;
    background: #6f6f6f;
    color: #fff;
    font-size: 15px;
    border: none;
    text-transform: uppercase
}

/* registration */
.signinbox2 input.error {
    border: #CC0000 solid 1px;
}

.error {
    color: #CC0000
}

.signinbox2 {
    background: #f6f6f6;
    padding: 15px;
}

.signinbox2 div {
    display: block;
    margin-bottom: 15px;
}

.signinbox2 label.toc {
    font-size: 13px;
    line-height: 15px;
}

.signinbox2 label {
    display: block
}

.signinbox2 input {
    padding: 4px;
    font-size: 15px;
    color: #414141;
}

.signinbox2 .button {
    padding: 4px 8px;
    margin-top: 20px;
    background: #6f6f6f;
    color: #fff;
    font-size: 15px;
    border: none;
    text-transform: uppercase
}

@media all and (max-width : 330px) {

    nav ul li {
        display: block;
        width: 94%;
    }

}

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

    .overallhome {
        margin: 20px;
    }

    .menu span {
        display: inline-block
    }

    nav a {
        font-family: Arial, Helvetica, sans-serif;
    }

    #logo {
        padding: 0;
    }

    nav {
        margin: 0;
        padding-left: 0;
        font-size: 16px;
    }

    .footer_search a {
        display: block;
        margin-left: 5px;
    }

    #searchfor {
        width: inherit
    }

    nav a {
        padding: 14px 20px;
        background-image: none
    }

    nav > ul > li {
        background-image: none;
    }

    nav > ul > li > a {
        color: #4f4f4f !important;
        font-size: 16px;
    }

    nav > ul > li > a:hover {
        background: none;
    }

    nav > ul > li.current a {
        background: none;
    }

    nav ul ul {
        background: #cdcbcb;
        padding: 15px 0 15px;
    }

    nav > ul > li > ul > li > a {
        background: #cdcbcb;
        padding: 10px 15px;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu {
        display: none;
    }

    /* Styling the toggle lable */
    .toggle.main {
        background-color: #4f4f4f;
        color: #fff !important;
        padding: 10px 0 0 20px;
        height: 36px;
    }

    .toggle {
        display: block;
        background-color: #e5e5e5;
        background-image: none;
        padding: 14px 20px;
        color: #4f4f4f;
        font-size: 16px;
        text-decoration: none;
        border: none;
    }

    nav a.single {
        padding: 16px 20px
    }

    /* to mimic the final sizing of the toggle's items */

    .toggle:hover {
        background-color: #4f4f4f;
        color: #fff;
    }

    .icon-bar {
        width: 30px;
        height: 30px;
        padding: 4px 0px 0 6px;
        float: left;
    }

    .icon-toggle {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        float: left;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
    }

    .menuTitle {
        display: inline-block;
        float: left;
        padding: 4px 0 0 5px;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #000000;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #4f4f4f;
        font-size: 16px;
    }


    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */

    }


    .pierre_menu_cont_top {
        margin: 0;
        width: inherit;
    }

    .projectdata {
        width: inherit;
    }




    #browseByYearSelect {
        margin: 10px 0
    }


    nav4news ul {
        display: none;
    }

    nav4news select {
        display: inline-block;
        width: 100%;
    }



    pierrenav ul {
        display: none;
    }

    .pierre_date_menu span {
        display: none;
    }

    pierrenav select {
        display: block;
        width: 60%;
        margin-top: 10px;
    }


}

@media screen and (min-width: 760px) {
    #header {
        height: 120px;
        background: url(/art/header-sky-blank2.jpg) center top no-repeat #758FA9;
        background-size: 110% 110%
    }



    .cat_menu {
        float: right;
        margin-right: 30px;
        margin-top: 20px;
    }

    .hd-phone {
        color: #fff;
        font-size: 19px;
        text-align: left;
        height: 20px;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .hd-phone a {
        text-decoration: none;
        color: #fff;
    }

    .h_imagereqeust {
        display: inherit;
    }

    .gal_print {
        display: inherit;
    }

    .gal_prev_back {
        display: inline;
    }

    #detail_function a,
    #detail_function a:visited {
        margin-right: 15px;
        color: #2E4D6F;
    }

    .hmbt_container {
        margin-right: 5px;
    }

    pierrenav {
        display: inline;
    }

    .pierre_date_menu ul {
        float: right;
        margin: 0;
        padding: 0;
    }

    .pierre_date_menu {
        margin-left: 30px;
    }

    #newsnav {
        margin: 15px 0 0 20px;
        width: 200px;
    }

    nav4news ul {
        width: 100%;
    }

    #gallery {
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 0;
        width: 900px;
        overflow: hidden;
    }

    .gallery_intro { margin-bottom: 15px;}

    .content_area figure img {
        height: 100px;
        width: auto;
    }

    .story_image.right {
        float: right;
        padding-left: 8px;
    }

    .story_image.left {
        float: left;
        padding-right: 8px;
    }

    .spb {
        font-size: .9em;
        line-height: 1.3em;
        color: #333;
        width: 165px;
        margin: 10px 0;
    }

    .spb.last {
        margin-right: 0;
    }

    .spb.left.pierre {
        width: 122px;
    }

    .spb.left {
        float: left;
        margin-right: 13px;
    }

    .signinbox {
        width: 450px;
    }

    .advancedsearch {
        width: 450px;
    }

    .hmimgblock {
        width: 48%;
    }

    .hd-phone {
        color: #fff;
        font-size: 19px;
        text-align: right;
        height: 20px;
    }

    .keywords {
        width: 500px;
        font-size: .9em;
    }

    DIV#abovenav {
        left: 0;
        top: 85px;
        width: 850px;
        height: 5px;
        visibility: visible;
        position: absolute;
        z-index: 5;
        float: clear;
    }

    .folioitem {
        width: 850px;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }

    .projectdata {
      
    }

    .card_folioitem {
        width: 800px;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }

    .card_projectdata {
        width: 800px;
    }


    .pierre_date_menu,
    .pierre_date_menu.bottom {
        display: block;
        margin-left: 0;
    }

    .album_intros {
        width: 270px;
        margin-right: 35px;
        float: left;
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 20px;
    }

    .album_intros h2 {
        margin: 10px 0;
        font-size: 16px;
        display: block;
        height: 40px;
    }

    #contentframe,
    #supersize {
        display: block;
    }

    .cat_menu {
        float: right;
    }

    .promo_50_banner {
        display: block;
        margin: 30px 0 0 30px;
    }

    .searchbar {
        display: block;
    }



    .detail_page {
        margin: 10px 45px 0;
    }





    .catsplash a {
        text-decoration: none;
        color: #444 !important;
        font-size: 1.1em;
        line-height: 1.4em;
    }

    .catsplash h2 {
        font-size: 1.3em;
    }

    .catsplash img {
        float: right;
    }

    .contact_c1 {
        width: 505px;
        float: left;
        padding-right: 20px;
    }

    .contact_content {}

    .col-33 {
        width: 29%;
        padding-right: 3%;
        float: left;
    }

    .col-33.first {
        padding-right: 8%;
        width: 28%
    }

    .col-33.last {
        padding-right: 0
    }


    .col-50.first {
        padding-right: 3%;
        width: 47%;
        float: left;
    }

    .col-50.last {
        padding-right: 0;
        width: 47%;
        float: left;
    }



    .newsnav {
        margin: 3px;
        padding: 0;
    }

    .newsnav li {
        text-align: left;
        list-style-type: none;
        border-bottom: solid 1px #e5e5e5;
        padding-bottom: 4px;
        margin-bottom: 5px;
        padding-left: 5px;
    }

    .newsnav li a {
        padding-left: 5px;
        display: block;
    }

    .hidemobile {
        display: block;
    }

    .footer_search {
        width: 410px;
    }





    .feature {
        width: 1046px;
        height: 288px;
        background: #e5e5e5;
        margin-bottom: 20px;
    }

    .searchbar {
        height: 50px;
        background: #e5e5e5;
        margin-bottom: 20px;
        font-size: 12px;
        padding-top: 10px;
        clear: both;
        margin-top: 20px;
    }

    .searchbar table {
        font-size: 12px;
    }

    .searchbar td {
        padding-bottom: 3px;
    }

    .searchbar h4 {
        float: left;
        margin: 0;
        padding: 0;
        display: block;
        color: #cd0005;
        font-size: 16px;
        padding-right: 5px;
        padding-top: 12px;
        padding-left: 10px;
    }

    .searchbar .thefield {
        float: left;
        width: 175px;
        height: 54px;
        margin: 0;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 10px;
        line-height: 5px;
        font-size: 10px;
    }

    .searchbar .thefield input {
        border: #444 solid 1px;
        width: 177px;
        height: 25px;
        display: block;
        padding: 3px;
        font-size: 11px;
    }

    .searchbar .thebutton {
        float: left;
        padding: 4px 0 0 3px;
    }

    .options_table {
        float: left;
        width: 165px;
        margin: 0 10px;
    }

    .hmimgblock {
        float: left;
        padding-right: 22px;
        margin-bottom: 15px;
    }

    .hmimgblock h3 {
        width: 284px;
        background: #595959;
        color: #fff;
        font-size: 15px;
        padding: 10px 15px 8px;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: .02em;
    }

    .hmimgblock h3 a,
    .hmimgblock h3 a:visited {
        text-decoration: none;
        color: #fff;
    }

    .hmimgblock img {
        border: none;
    }

    .nopad {
        padding-right: 0;
    }


    .hmbtblocks {
        width: 47%;
        height: 91px;
        float: left;
        color: #000;
        font-size: .85em;
        line-height: 22px;
        font-weight: 700;
        padding: 0;

    }

    .hmbtblocks:last-child {
        float: right
    }

    .hmbtblocks a {
        text-decoration: none;
        color: #CC0000;
        display: block;
    }

    .content_area .hmbtblocks a:hover {
        text-decoration: none;
        color: #444;
    }

    .lightboxpromo img {
        float: left;
        padding-left: 10px;
    }

    .lightboxpromo {
        display: inherit;
        width: 390px;
        float: right;
        font-size: 13px;
        color: #323232;
        line-height: 20px;
        font-weight: 700;
    }

    .lighboxpromo a {
        text-decoration: underline;
        color: #323232;
    }
}


/* 6/2021 new catalog styles */
.catblockRow {
    margin-bottom: 15px;
}
.catblockRow figure { width:100%;margin-bottom:20px;}
.catblockRow figcaption  { font-size:15px;margin-top:8px}
.catblockRow figure  h3 {
    background: #595959;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px 8px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: .02em;
}

.content_area .catblockRow figure h3 a,
.content_area .catblockRow figure h3 a:visited {
    text-decoration: none;
    color: #fff;
}

.content_area .catblockRow figure img {
    border: none;
}

@media (min-width:768px) {
    .catblockRow {
        display:flex;
        flex-wrap: wrap; 
        justify-content: space-between;
        margin-bottom: 25px;
    }
    .catblockRow figure { width:48%}
   
    .content_area .catblockRow figure img {
        border: none;
        height:200px
    }
    .catblockRow figure  h3 { 
        font-size:15px;
    }
}
@media (min-width:1024px) {
    .catblockRow figure  h3 {
        display: inline-block;
    }
    .catblockRow figure img { display:block}
}

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

    .our_team ul {
        margin-bottom: 30px;
    }
  
}


}

@media screen and (min-width: 780px) {
    #headerbox {
        width: 100%
    }

    .projectdata {
        width: 800px;
    }



    .hmbtblocks {
        font-size: .75em;
    }

    .promo_50_banner {
        display: block;
        margin: 30px 0 0 45px;
    }



    .detail_page {
        margin: 10px 45px 0 80px;
    }

    #newsbody {
        width: 450px;
        margin-left: 230px;
        clear: inherit;
    }
}


@media screen and (min-width:769px) {



    .hmbtblocks a {
        text-decoration: none;
        color: #CC0000;
        padding: 24px 12px 0 19px;
        display: block;
        font-size: 16px;
    }

}


@media screen and (min-width: 1024px) {
    .hmbt_container {
        width: 1048px;
    }
     .about_photo.row1 {
        height: 270px !important;
    }
}

@media screen and (min-width: 1025px) {

    .mcareaWide {
        margin: 10px auto 35px auto;
        width: 800px;
        font-size: .9em;
        line-height: 1.65em;
    }

    .mcareaWide.video_gallery {
        width: 870px
    }

    .mcareaWide.albums {
        width: 1000px
    }

    .mcareaWide.wider {
        width: 1015px;
    }

    .results_area {
        margin: 10px auto 35px auto;
        width: inherit;
        font-size: 13px;
        line-height: 1.65em;
    }

    .results_area.pierre {
        margin: 10px auto 35px auto;
        width: 850px;
        font-size: .9em;
        line-height: 1.65em;
    }

    .news_wrapper {
        width: 1050px;
        margin: 0 auto;
    }

    .lightboxpromo {
        display: inherit;
    }

    #content {
        width: 1048px;
    }

    #contentframe {
        width: 1048px;
    }

    #supersize {
        display: block;
    }

    .wider {
        width: 800px;
    }


}


/*updated news navigation style */

@media screen and (min-width: 1125px) {

    .hmimgblock {
        width: 512px;
        clear: none;
    }

}

@media (min-width:768px) 
{
    .hm_bt_row { display:flex;justify-content: space-between}
    .hm_bt_row .hmbtblocks { width:31%}
}

.sidebarnav {
    text-align: center;
    width: 100%;
    margin: 40px 0 0
}

.sidebarnav a {
    display: inline-block;
    padding: 8px 10px;
    width: 150px;
    margin: 0 8px 10px 0;
    background: #e5e5e5;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

.adminbody {
    font-size: .9em;
    line-height: 1.5em;
    padding: 10px 25px;
    width: inherit;
}

@media (min-width: 1068px) {
    .sidebarnav {
        float: left;
        width: 250px;
    }

    .sidebarnav a {
        display: block;
    }

    .adminbody {
        float: left;
        margin-top: 40px;
        margin-top: 20px
    }
}
.rights_table td { display:block;width:100%}
/* covid page styles */
#covidinfo {
    margin-top: 20px;
}

#covidinfo h3 {
    margin-bottom: 5px
}

#covidinfo .row {
    margin-bottom: 20px;
}

#covidinfo img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
    margin: 0 auto;
}

#covidinfo .c-teaser {
    margin-bottom: 30px;
    text-align: center
}

#covidinfo .c-teaser a {
    display: block;
    margin-top: 5px;
}
.photorow  img { width:100%;height:auto}
.photorow { 
    display:flex;
    margin-top:20px;
    flex-wrap:wrap;
    justify-content: space-between;
    }
@media (min-width:768px ) {
    .photorow img {
        height:225px;
        width:auto;
    }
    .rights_table { width:650px;display: flex;}
    .rights_table .rights_details  { width:45%;padding-right:5%}
    .rights_table .right_details:first-child { border-right: 2px dashed #e5e5e5}
   

}

@media (min-width:768px) {
    #covidinfo .c-teaser {
        margin-bottom: 40px;
    }
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }