/** reset **/
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 60px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: ##1e88e5; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

#artist-link {cursor:pointer;}
.collection-table td {vertical-align:top !important; padding-bottom: 20px;}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    margin:auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.collectionNav {
    column-count: 2;
    margin: 1em 0;
}

.collectionNav a {
    display: block;
    padding: 0.0125em 0;
}
.events ul {list-style:none; margin: 0 7% 0 0; padding:0; width:93%;}
.date {color:#aaa; font-size: 0.8125em;}
.title {color:#1b2e84; font-weight:bold;}
html{border: 0; margin: 0; overflow-x: hidden; padding: 0;}
body {border: 0; background: #e9e9e9; color: #002c64; font: 400 100% 'Open Sans', Arial, Helvetica, Geneva, sans-serif; margin: 0; padding: 0;}
a, a:hover, a:active, a:visited {border: 0; color: #1b3089; margin: 0; padding: 0; text-decoration: none;}
a:hover{text-decoration:underline;}
a:hover img{opacity: 0.7;}
a, a:hover, a img, a:hover img, .exhib .slides li, .exhib .slides li:hover{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
h1, h2, h3 {color: #1b2e86; font-weight: bold; margin: 0; padding: 0px;}
h1 {font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; font-size: 3.375em; font-weight: 400; margin: 0; padding: 0.5em 0 0; } 
h2 {font-size: 1.25em; font-weight: 600;/*1.25em  20px / 16px */} 
h3 {font-size: 1em;/* 16 / 16 */}
hr {border: 1px solid #e0e0e0 !important; color: #fff !important; height: 0 !important; width: 100% !important;}
p {line-height: 1.5em; margin: 0px 0px 1.5em; padding: 0px;}
ul {margin: 10px 0px; padding: 0px 0px 0px 50px;}
ul li {margin: 0px; padding: 0px;}
img {border: 0; display: block;}
img, embed, video, object, #cont .wrap iframe {max-width: 100%;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
table, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; vertical-align: baseline;}

#page .wrap a:hover, .artCollection .more:hover, .artCollection .less:hover{color:#428bca;}

.blue{background: #6D6E71;
/*background: -moz-linear-gradient(top, #1a4298 20%, #0c2646 100%);*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#1a4298), color-stop(100%,#0c2646));*/
/*background: -webkit-linear-gradient(top, #1a4298 20%, #0c2646 100%);*/
/*background: -o-linear-gradient(top, #1a4298 20%, #0c2646 100%);*/
/*background: -ms-linear-gradient(top, #1a4298 20%, #0c2646 100%);*/
/*background: linear-gradient(top, #1a4298 20%, #0c2646 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4298', endColorstr='#0c2646',GradientType=0 );*/
}

/** core **/

#page{background: #fff; margin: 0; padding: 0; position: relative; width: 100%; z-index: 1;}
#page .pageWrap{position: relative; width: 100%; z-index: 1;}
#page header, #page footer{margin: 0; padding: 0; width: 100%;}

#page header{background: #0c2646;}
#page header a.logo{background: url(../images/cornell-museum-logo-horiz.png) left top no-repeat; display: inline-block; float: left; font-size: 0; height: 79px; width: 263px; text-indent: -9999px;}
#page nav{}
#page header ul{display: none;}
#page header .blue{height: 79px;}

#page header .mobile{display: inline-block; float: right;}
#page header .mobile a.menu{background: url(../images/menu-icon.png) center no-repeat; display: inline-block; font-size: 0; text-indent: -9999em; height: 75px; vertical-align: top; width: 50px;}
#page header .mobile a.menu.close{height: 50px; width: 45px;}
#page header .mobile.nav .row{background: #555;}
#page header .mobile.nav{background: #989898; display: none; height: 250vh; padding: 0px; position: absolute; right: -260px; top: 0; width: 260px; z-index: 1000;}
#page header .mobile.nav ul{display: inline-block; list-style: none; margin: 0; padding: 0; width: 100%;}
#page header .mobile.nav ul li{border-top: 1px solid #a8a8a8; display: block; width: 100%;}
#page header .mobile.nav ul li a{color: #fff; display: block; padding: 15px 15px 15px 50px;}
#page header .mobile.nav ul li a:hover, #page header .mobile.nav ul li a:active{background: #777; text-decoration: none;}

#page footer{clear: both; display: block; float: left; width: 100%;}
#page footer .hours, #page footer .newsletter, #page footer .support{width: 100%;}
#page footer .hours a{color: #fff;}
#page footer .hours a:hover{color: #f6ac24; text-decoration: none;}
#page footer .hours h3{color: #f6ac24; font-size: 1.125em; margin: 1.125em auto 0; width: 90%;}
#page footer .hours hr{border-bottom: 1px dotted #fff !important; border-width: 0 0 1px 0 !important; color: transparent !important; height: 1px !important; margin: 0 auto; width: 90% !important;}
#page footer .hours p{color: #fff; font-size: .95em; margin: .5em auto; width: 90%;}
#page footer .newsletter{background: #ccc;}
#page footer .support a{display: block; min-height: 317px; text-indent: -9999px; }
    #page footer .support a, #page footer .support a:hover{background: #fff; text-decoration: none;}
        #page footer .support a:hover{filter: alpha(opacity=70); opacity: .7;}
    #page footer .social{display: block; margin: 0 auto; width: 90%;}
    #page footer .social a{display: inline-block; text-align: center; width: 22%;}

#search{display:none;}     
#page .hsearch {color: #1b2e86; display: inline-block; height: 41px; margin: 0px; padding: 0; position: relative; width: 210px;}
#page .hsearch form{display: inline; line-height: 38px;}
#page .hsearch * {vertical-align: middle;}
    #page .hsearch .searchbox{margin-top: 5px; padding-bottom: 5px;}
    #page .hsearch input{border:none; color: #1b2e86; font-size: 0.75em; font-weight: 600; margin: 0px; padding: 0px;}
    #page .hsearch #sbox, #page .hsearch #primoQueryTemp{box-shadow: inset 1px 1px 2px #a8a8a8; background: #fff; font-weight: 600; height: 19px; margin: 2px 0px 0px 7px; padding: 3px 5px; width: 137px;}
    #page .hsearch #sgo{padding: 0 5px 0 4px; width: 34px;}
.searchbox.library, .searchbox.news{display: none;}
#options{color: #fff; height: 0; margin: 0; overflow: hidden; text-align: left; width: 100%;}
#options a{background: #ccc; color: #333; float: left; font-size: 0.65em; padding: 4px 0; text-align: center; text-decoration: none; text-transform: capitalize; width: 33%;}
#options a:hover{color: #fff; text-decoration: none;}
#options a.currtab{background: #555; border-right: 1px solid #555; color: #fff; font-size: 0.6875em; text-decoration: none;}
#options a.news{border-right: 1px solid #555;}

#main{margin: 0; padding: 0;}
#main .mainWrap{background: #fff; float: left; padding-bottom: 2em; width: 100%;}

#main .imagebox{position: relative; width: 100%; min-height: 350px;}
#main .imagebox .ctbox, .flexslider.exhibit .slides li .ctbox{background: #fff; bottom: 0; color: #555; font-size: 1em; position: absolute; padding: 2%; width: 96%;}
#main .imagebox .ctbox .title, .flexslider.exhibit .slides li .ctbox .title{color: #f6ac24; font-family: 'Arvo', Arial, Helvetica, Geneva, sans-serif; font-size: 1.75em;}
.flexslider.exhibit .slides li .ctbox .title a{color: #f6ac24;}
.flexslider.exhibit .slides li .ctbox .title a:hover{color: #fff; text-decoration: none;}

#main .copy{clear:both; padding-top: 1.5em;}
#main .copy table{width: 100%;}
#main .preTitle{color: #1b2e86; font-size: 1.25em; font-weight: 300; padding: 0 3%;}
#main h1{font-weight: 300; line-height: 1em; padding: 0 3% .25em;}
#main h1.first{font-size: 2.75em; font-weight: 300; clear: both; padding: 0 3% .5em; width: 94%;}
#main h2{font-weight: 300; font-size: 2.25em; clear: both; padding: 0 3% .5em; width: 94%;}
#main .parent{color: #cecece; font-size: 3.375em; font-weight: 300; line-height: 1em; padding: 0 3% .25em;}
#main .parent a{color: #cecece;}
#main .parent a:hover{color: #777; text-decoration: none;}
#main .copy p{color: #555;}

#main .section, #main .wrap .artCollection, #main .wrap .artIndex{clear: both; padding: 1.5em 3%; width: 94%;}
#main .copy .section, #main .wrap .artCollection, #main .wrap .artIndex{padding-top: 0;}
#main .section.intro{clear: both; color: #737373; padding-bottom: 0; vertical-align: top;}
#main .section.intro a{font-size: .667em; font-weight: 600;}
#main .section.intro strong{font-weight: 600;}
#main .section.intro h2{color: #737373; font-weight: 300; font-size: 2.55em; margin: .5em 0 0;}
#main .section.intro .ct p{font-size: 1.3125em; font-weight: 300; margin: 0 0 .75em;}
#main .section.intro .ct p a.arrow:after{bottom: 5px;}
#main .section.intro .img, #main .section.intro .img img, #main .section.intro .ct{width: 100%;}

#main .section.exhibits .slides .title a:hover{opacity: 0.7; text-decoration: none;}
#main .flexslider .slides li:hover{opacity: 1;}
#main .flexslider.exhib{margin-bottom: 2em;}

#main .section h2{padding: 0 0 .5em;}
#main .section .landscape, #main .section .portrait{display: block;}
#main .section .landscape .caption, #main .section .portrait .caption{color: #555; display: block; font-size: .75em; padding: .75em 0;}

#main .section.threecol span{color: #454545; font-size: .85em;}
#main .section.threecol ul{list-style: none; margin: 0 7% 0 0; padding: 0; width: 93%;}
#main .elt ul.events{list-style: none; margin: 0; padding: 0 3% 1.5em; width: 94%;}
#main .section.threecol ul li, #main .elt ul.events li{color: #1b2e84; margin-top: 1em;}
#main .section.threecol ul li:first-child, #main .elt ul.events li:first-child{margin-top: 0;}
#main .section.threecol .elt, #main .section.threecol .elt.last ul, #main .section.threecol .elt .cta{width: 100%;}
#main .section.threecol .elt a, #main .elt ul.events a{font-weight: 700;}
#main .section.threecol .elt p, #main .elt ul.events p{font-size: .8em;}
#main .section.threecol .elt h2{border-bottom: 1px solid #bababa; font-family: 'Arvo', Arial, Helvetica, Geneva, sans-serif; font-size: 1.5em; font-weight: 400; padding: 0 0 .25em; margin: 0 0 .5em; width: 100%;}
#main .section.threecol .elt .date, #main .elt ul.events .date {color: #555; font-size: .8125em;}
#main .section.threecol .elt #news-articles li div.date {color: #555 !important; font-size: .8125em !important;}
#main .section.threecol .elt .cta a{float: right; width: auto;}
#main .section.threecol .elt .cta a:hover{opacity: .80; filter: alpha(opacity=80);}

#main .decade{display: block; width: 100%;}
#main .decade .yr{clear: both; display: block; float: left; margin-bottom: 2em; width: 100%;}
#main .decade .itemTabs{list-style: none; margin: 0; padding: 0; width: 100%;}
#main .decade .itemTabs li{float: left; color: #555; margin: 0; padding: 0;}
#main .decade .itemTabs li a{float: left; color: #555; margin: 0; padding: 5px;}
#main .decade .itemTabs li a:hover{color: #f6ac24; text-decoration: none;}
#main .decade .itemTabs li a.active{background: #f6ac24; color: #fff;}
#main .decade .yr .itemData{list-style: none; margin: 0; padding: 0; display: block; width: 100%;}
#main .decade .yr .itemData li{float: left; color: #555; margin: 0 0 20px 10px; min-height: 235px; padding: 0; width: 24%;}
#main .decade .yr .itemData li a.eimg{display: block; height: 154px; width: 278px;}
#main .decade .yr .itemData li .title a{color: #777; font-weight: 700;}
#main .decade .yr .itemData li .title a:hover{color: #f6ac24; text-decoration: none;}
#main .decade .yr .itemData li .date{font-size: .9em;}

#RightCol{width:100%;}
#RightCol .cta img, #RightCol .infoImg img{margin: 0 auto; width: 60%;}
#RightCol .cta, #RightCol .infoImg{margin-bottom: 2em;}
#RightCol h3{margin-bottom: 1em;}
#RightCol ul{list-style: none; margin: 0; padding: 0; width: 90%;}
#RightCol ul li{border-top: 1px solid #ccc; margin: 1em 0 0; padding: 1em 0 0;}
#RightCol ul li:first-child{border: none; margin: 0; padding: 0;}

#leftNav{}
#leftNav ul{list-style: none; margin: 0; padding: 0; width: 100%;}
#leftNav ul li{border-top: 1px solid #d6d6d6; text-align: center; margin: 0 auto; width: 90%;}
#leftNav ul li:first-child{border:none;}
#leftNav ul li a{color: #555; display: block; padding: .5em 0;}
#leftNav ul li.folder.current{background: #ebebeb;}
#leftNav ul li.current a{color: #1b2e84;}
#leftNav ul li.folder.current a.current{background: #d6d6d6; border-bottom: 1px solid #fff;}
#leftNav ul li.folder.current a.current.active{font-weight: 700;}
#leftNav ul li.page.current a.current.active{background: #d6d6d6;}
#leftNav ul li a:hover{background: #ccc; color: #fff; text-decoration: none;}
#leftNav ul li ul.subfolder{display: none;}
#leftNav ul li ul.subfolder li{border: none; width: 100%;}
#leftNav ul li.current ul.subfolder{display: block;}
#leftNav ul li.current ul.subfolder li a{font-weight: normal; padding: .5em 5%;}
#leftNav ul li.folder.current ul.subfolder li a.current{border: none;}

#main p.arrow a, #main a.arrow, #page footer .hours a{position: relative; z-index: 1;}
#main p.arrow a:after, #main a.arrow:after, #page footer .hours a.arrow:after{border: solid 4px transparent; border-left: solid 7px #002c64; content: ""; margin: -3px 0 0; position: absolute; right: -18px; bottom: 7px;}
#page footer .hours a.arrow:after{border-left: solid 7px #fff; bottom: 20%;}
#page footer .hours a.arrow:hover:after{border-left: solid 7px #f6ac24;}

#sliderbox{background: #494949 url(../images/preload.gif) center center no-repeat;}

#footerBar, #footerBar .footSubCont{background: #434343; bottom: 0; font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; line-height: 50px; position: fixed; width: 100%;}
    #footerBar, #footerBar ul.footerNav{z-index: 100;}
    #footerBar ul{background: #434343; list-style: none; margin: 0 auto; padding: 0; text-align: center; position: relative; z-index: 90;}
#footerBar ul li{display: inline; padding: 0;}
    #footerBar ul li.special{padding: 0;}
        #footerBar ul li ul{display: none;}
    #footerBar li.special a{color: #fdb813;}
        #footerBar li.special a:hover, #footerBar li.special a:active{color: #fff; text-decoration: none;}
    #footerBar a{color: #fff; font-size: 1em; padding: 0.875em 0.95%;}
    #footerBar a:hover{background: #313131; text-decoration: none;}
    #footerBar a.more{background:url(//www.rollins.edu/_common/images/footer-nav-more.png) center 7px no-repeat;}
    #footerBar a.more.curr, #footerBar a.more:hover, #footerBar a.more:active{background: #313131 url(//www.rollins.edu/_common/images/footer-nav-more.png) center 7px no-repeat; text-decoration: none;}
    #footerBar .footSubCont{background: #313131; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
    #footerBar .footSubCont ul{background: #313131; bottom: 0px; line-height: 2em; width: 60%; z-index: 90;}
        #footerBar .footSubCont a{background: none; font-size: 0.75em; font-weight: normal; padding: 5px 16px;}
        #footerBar .footSubCont a:hover, #footerBar .footSubCont a:active{color: #2492B5; text-decoration: none;}

#PayNow{
background: -moz-linear-gradient(top, #1a4298 20%, #0c2646 100%);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a4298), color-stop(50%, #183e8d), color-stop(50%, #12336b), color-stop(100%, #0c2646));
background-image: -webkit-linear-gradient(top, #1a4298 0%, #183e8d 50%, #12336b 50%, #0c2646 100%);
background-image: -moz-linear-gradient(top, #1a4298 0%, #183e8d 50%, #12336b 50%, #0c2646 100%);
background-image: -ms-linear-gradient(top, #1a4298 0%, #183e8d 50%, #12336b 50%, #0c2646 100%);
background-image: -o-linear-gradient(top, #1a4298 0%, #183e8d 50%, #12336b 50%, #0c2646 100%);
background-image: linear-gradient(top, #1a4298 0%, #183e8d 50%, #12336b 50%, #0c2646 100%);
border: 1px solid #051528;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 0 1px rgba(4, 65, 255, 0.4), 0 1px 3px #333333;
box-shadow: inset 0 0 0 1px rgba(4, 65, 255, 0.4), 0 1px 3px #333333;
color: #fff;
font-size: 20px;
font-weight: 700;
padding: 0;
text-align: center;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
width: 150px;
}
#PayNow:hover{opacity: 0.7;}
#PayNow a{color: #fff; display: block; padding: 12px 0 14px 0;}
#PayNow a:hover{text-decoration: none;}

#main .wrap .artCollection, #main .wrap .artIndex{}

#main .wrap .artCollection .item{border-top: 1px solid #e6e6e6; padding: 1em 0; position: relative;}
    #main .wrap .artCollection .item:first-child{border: none; padding-top: 0;}

#main .wrap .artCollection .item .imgBox{margin: 1.5em auto 0; width: 100%;}
    #main .wrap .artCollection .item .imgBox a{display: block;}
    #main .wrap .artCollection .item .imgBox a img{}
    #main .wrap .artCollection .item .imgBox a.enlarge{display: none;}
#main .wrap .artCollection .item .desBox{width: 100%;}
#main .wrap .artCollection .item .desBox .imgMeta{padding: 1em 0;}
#main .wrap .artCollection .item .imgBox a.enlarge, #main .wrap .artCollection .item .desBox .expand, #main .wrap .artCollection .item .desBox .collapse{font-weight: 700; text-align: right;}
#main .wrap .artCollection .item .desBox .collapse, #main .wrap .artCollection .item .desBox .expand{display: none;}
#main .wrap .artCollection .item .imgBox a.enlarge:hover, #main .wrap .artCollection .item .desBox .expand a:hover, #main .wrap .artCollection .item .desBox .collapse a:hover{opacity: 0.7; text-decoration: none;}

#main .wrap .artCollection .continue{background: #fff; bottom: 0; cursor: pointer; padding: 8px 0; position: absolute; width: 100%;}
#main .wrap .artCollection .more, #main .wrap .artCollection .less{float: right; width: 53%;}

#main .wrap .artIndex{text-align:center;}
#main .wrap .artIndex .item{margin: 0 auto 1em;}
    #main .wrap .artIndex .item a{ display: block; }
    #main .wrap .artIndex .item a img{ margin: 0 auto; }

/*body #cboxClose{background: url(../images/close.png) left top no-repeat; width: 60px; height: 16px;}*/
body #cboxClose:hover{background-position: inherit; opacity:0.6;}
body #cboxLoadedContent .meta{margin-top: 1em;}
body #cboxLoadedContent .meta, #cboxLoadedContent .meta h3{color: #fff;}
/*body #cboxContent{background: transparent;}
body #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight{display:none;}*/

/*mqs*/
@media screen and (max-width: 31.1875em) {/*499*/
#main .wrap .artCollection .item{height: auto !important;}
#main .wrap .artCollection .item .continue{display: none;}
}
@media screen and (min-width: 31.25em) {/*500*/
#main .section.threecol .elt{float: left; margin-bottom: 2em; width: 50%;}
#main .section.threecol .elt.last{width: 100%;}
#main .section.threecol .elt.last ul{float: left; margin-right: 3%; width: 50%;}
#main .section.threecol .elt .cta{float: left; text-align: right; width: 47%;}

#main .wrap .artIndex .item{ display: inline-block; width: 31%; }
        #main .wrap .artIndex .item a:hover{ opacity: 0.7; }

#main .wrap .artCollection .item{overflow: hidden;}
#main .wrap .artCollection .item .imgBox{display: inline-block; margin-top: 0; vertical-align: top; width: 43%;}
    #main .wrap .artCollection .item .imgBox a{}
    #main .wrap .artCollection .item .imgBox a img{}
    #main .wrap .artCollection .item .imgBox a.enlarge{display: block; }
#main .wrap .artCollection .item .desBox{display: inline-block; margin-left: 3%; width: 50%;}
#main .wrap .artCollection .item .desBox .imgMeta{padding: 0;}
}

@media screen and (min-width: 35.3125em) {/*565*/
    #page footer .support{display: none;}
    
}

@media screen and (min-width: 39.375em) {/*630*/
    #page footer .hours, #page footer .newsletter{float: left; width: 50%;}
}

@media screen and (min-width: 48em) {/*768*/
#page header{background: #ccc; left: 0; position: absolute; top: 0; width: 208px; z-index: 500;}
#page header, #slider.flexslider a.mimg{height: 535px; overflow: hidden; background-size: auto !important;}
#page header a.logo{background: url(../images/cornell-museum-logo-vert.png) left top no-repeat; display: block; float: none; font-size: 0; height: 167px; width: 205px;}
#page header .blue{height: auto;}
#page header .mobile,#page header .mobile.nav{display: none;}
#page nav{background: #ccc; width: 100%;}
    #page nav ul{display: block; list-style: none; margin: 0; padding: 0; width: 100%;}
    #page nav ul li{display: block; margin: 0 auto; padding: 0; text-align: center; width: 100%;}
    #page nav ul li:first-child{padding-top: 5px;}
    #page nav ul li:last-child, #page nav ul li.last{padding-bottom: 5px;}
    #page nav ul li a{border-bottom: 1px solid #bcbcbc; color: #1b2e84; display: block; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; margin: 0 auto; padding: 10px 0; width: 80%;}
    #page nav ul li:last-child a{border: none;}
        #page nav ul li:hover a, #page nav ul li a:hover, #page nav ul li.active a{border-bottom: 1px solid #797979;}
        #page nav ul li.active, #page nav ul li:hover, #page nav ul li:hover a, #page nav ul li a:hover, #page nav ul li.active a{color: #fff; text-decoration: none;}
        #page nav ul li.active, #page nav ul li:hover{background: #797979;}

#search{display:block; position: absolute; top: 0; right: 0; z-index: 9999;}
#page #search #sgo{font-size: 0; margin: 0; text-indent: -9999px; cursor: pointer; height: 32px; padding: 0 5px 0 4px; width: 36px;}
#page .hsearch {background: #FDB813; color: #1b2e86; height: 41px; margin: 0px; padding: 0; position: relative; width: 225px;}
#page .hsearch form{background: #fdb813; display: inline; line-height: 1.8125em; padding-bottom: 6px;}
#page .hsearch * {vertical-align: top;}
    #page .hsearch .searchbox{background: #fdb813; margin-top: 5px; padding-bottom: 5px;}
    #page .hsearch input{background: #fdb813; border:none; color: #1b2e86; font-size: 0.75em; font-weight: 600; margin: 0px; padding: 0px;}
    #page .hsearch #sbox{box-shadow: inset 1px 1px 2px #a8a8a8; background: #fff; font-weight: 600; height: 19px; margin: 3px 0px 0px 7px; padding: 4px 5px; width: 157px;}
.searchbox.library, .searchbox.news{display: none;}
#options{color: #fff; height: 0; margin: 0; overflow: hidden; text-align: left; width: 100%;}
#options a{background: #fecd59; color: #6c6c6c; float: left; font-size: 0.65em; padding: 4px 0; text-align: center; text-decoration: none; text-transform: capitalize; width: 33%;}
#options a:hover{color: #fff; text-decoration: none;}
#options a.currtab{background: #FDB813; border-right: 1px solid #e5aa3e; color: #fff; font-size: 0.6875em; text-decoration: none;}
#options a.news{border-right: 1px solid #e9bc52;}

#sliderbox{background: #494949 url(../images/preload.gif) 60% center no-repeat; clear: both; display: block; float: left; min-height: 730px; position: relative; width: 100%; z-index: 2;}
#sliderbox.exh{height: 535px; min-height: 535px; overflow: hidden;}

#main .section .portrait{float: left; width: 45%;}
#main .section .cp.portrait{padding-right: 5%; width: 50%;}

#main .section.intro{display: table;}
#main .section.intro h2{margin: 0;}
#main .section.intro .img{display: table-cell; vertical-align: top; padding-right: 3%; width: 45%;}
#main .section.intro .ct{display: table-cell; vertical-align: top; width: 52%;} 

#main .imagebox{background-size: auto !important; float: right; height: 535px; overflow: hidden; width: 84.5%;}
#main .imagebox .ctbox, .flexslider.exhibit .slides li .ctbox{background: #000; bottom: 3%; color: #fff; opacity: .80; filter: alpha(opacity=80); right: 0; text-align: right; width: 34%;}
#main .wrap.lnav{float: right; width: 77%;}
#leftNav{float: left; width: 22%;}
#RightCol .cta img, #RightCol .infoImg img{margin: 0 auto; width: auto;}
}

@media screen and (min-width: 60em) {/*960*/
#main .section.intro h2{margin: 0; padding-left: 0;}
#main .section.threecol .elt{float: left; margin-bottom: 0; width: 25%;}
#main .section.threecol .elt.last{width: 50%;}
#main .section.threecol .elt.last ul{float: left; margin-right: 3%; width: 50%;}
#main .section.threecol .elt .cta{float: left; text-align: right; width: 47%;}
#main .section.threecol .elt a{font-weight: 700;}

#main .copy.rc{float: left; width: 71%;}
#RightCol{float: left; padding-top: 1.5em; width: 28.8%;}
#RightCol .cta img, #RightCol .infoImg img{margin: 0 auto; width: 100%;}

#page footer{margin: 0 0 3em;}
#page footer .hours, #page footer .newsletter{float: left; min-height: 317px; width: 36%;}
#page footer .hours{width: 32%;}
#page footer .support{display: block; float: left; min-height: 316px; width: 32%;}
    #page footer .support a{-webkit-background-size: cover !important; background-size: cover !important;}
}

@media screen and (min-width: 1105px) { 
    #footerBar a{padding: 0.875em 1em;} 
    #footerNav{margin: 0 auto; width: 1105px;}
}

@media screen and (max-width: 923px){
    #footerBar{display:none;}
}

@media screen and (min-width: 78em) {/*1248*/
#page{margin: 0 auto; width: 100%;}
#page .pageWrap{margin: 0 auto; width: 1248px;}
#page footer .hours, #page footer .newsletter{width: 28%; height: 316px; overflow: hidden;}
#page footer .support{display: block; float: left; min-height: 316px; width: 44%;}
}
