/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
html, body {
  overflow-x: hidden; }

html {
  width: 100%; }

* {
  box-sizing: border-box; }
  * img {
    max-width: 100%; }

.clear {
  zoom: 1; }
  .clear:before, .clear:after {
    content: "\0020";
    display: table;
    height: 0;
    visibility: hidden; }
  .clear:after {
    clear: both; }

hr {
  border: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px dotted #999;
  color: #999;
  margin: 0 0 20px;
  float: left;
  clear: both; }
  
.btn {
	text-decoration: none !important;
	background-color: #e1e1e1;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-weight: bold;
}

ul {
  list-style-type: none;
  margin: 0;
  clear: both;
  padding-left: 0; }

.homehighlight p {
  margin: 0 !important; }
.homehighlight h3 {
  margin-top: 0; }

.side h2 {
  margin-top: 0; }

.side p {
  margin: 0; }

.three .img-callout, .three .no-img-callout {
  margin-top: 0; }
  .three .img-callout h3, .three .no-img-callout h3 {
    margin: 0; }

.container .highslide img {
  border: 0; }

.container .highslide:hover img {
  border: 0; }

img {
  border: none;
  outline: none; }

figure {
  margin: 0; }

.fullwrap {
  width: 100%; }

.Calendar .breadcrumbs {
  display: none; }

/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
/******/
html {
  font-size: 62.5%; }

/** all fonts divisors of 10 **/
body {
  font-family: Times,Georgia,serif; }

h1 {
  font-size: 4em;
  font-size: 4rem;
  line-height: 4.4em;
  line-height: 4.4rem;
  font-weight: 300;
  text-transform: normal;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 2.2em;
  margin-bottom: 2.2rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: black; }

h2 {
  font-size: 1.7em;
  font-size: 1.7rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 1.7em;
  margin-bottom: 1.7rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #7d3620; }

h3 {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #1a1a1a; }
  
h4 {
  font-size: 1.7em;
  font-size: 1.7rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 700;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #595959; }

p {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2em;
  line-height: 2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #1a1a1a;
  padding-top: 0;
  float: none; }

.main p a {
	text-decoration: underline;
}

.main p a:hover {
	text-decoration: none;
}
.socialtext{
	text-align: left;
	vertical-align: -33px;
	color: #1a1a1a;
}
.highlight2 {
	color: #d9b413;
	}
.highlight3 {
	color: #7d3620;
	}
.highlight4 {
	color: #00a2cb;
	font-family: Arial, Helvetica, sans-serif;
	}
.highlight5 {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	}
.highlight6 {
	color: #f37720;
	font-family: Arial, Helvetica, sans-serif;
	}
.highlight7 {
	font-size: 1.7em;
	font-size: 1.7rem;
	line-height: 2.2em;
	line-height: 2.2rem;
	font-weight: 400;
	text-transform: uppercase;
	font-family: "Oswald";
	margin-bottom: 1.7em;
	margin-bottom: 1.7rem;
	padding-top: 0em;
	padding-top: 0rem;
	}
.highlight8 {
	color: #e20707;
	}
	
/** SKIP */

#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-150px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:1;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}	
	
ul {
  margin-bottom: 10px; }

h1 em, h2 em, h3 em, h4 em, h1 i, h2 i, h3 i, h4 i {
  margin-right: 5px; }

.rt-sidebar .img-callout p, .rt-sidebar .img-callout a, .rt-sidebar .no-img-callout p, .rt-sidebar .no-img-callout a {
  font-size: 16px; }
.rt-sidebar .img-callout ul, .rt-sidebar .no-img-callout ul {
  padding-left: 15px;
  clear: both; }
  .rt-sidebar .img-callout ul li, .rt-sidebar .no-img-callout ul li {
    font-size: 16px; }

ul {
  padding: 0; }
  ul li {
    list-style-type: none; }

.midContent ul, .main ul, .middle ul {
  padding-left: 18px; }
  .midContent ul li, .main ul li, .middle ul li {
    list-style-type: square;
    color: #565656;
    line-height: 1.1;
    font-size: 2em; }
    .midContent ul li p, .main ul li p, .middle ul li p {
      display: inline;
      clear: none;
      float: none; }

a, h2 a, h3 a, h4 a {
  color: #005996; }
  a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #7d3620; }

b, strong {
  font-weight: bolder; }

hr {
  border: 0;
  clear: both;
  width: 100%;
  height: 1px;
  background-color: #999;
  color: #999;
  margin-bottom: 20px;
  zoom: 1; }
  hr:before, hr:after {
    content: "\0020";
    display: table;
    height: 0;
    visibility: hidden; }
  hr:after {
    clear: both; }

.footnotes {
  font-size: 1.4em;
  font-size: 1.4rem;
  line-height: 1.4em;
  line-height: 1.4rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #555555; }

.caption {
  font-size: 1.4em;
  font-size: 1.4rem;
  line-height: 2em;
  line-height: 2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 0.6em;
  margin-bottom: 0.6rem;
  padding-top: 0.5em;
  padding-top: 0.5rem;
  color: black;
  font-size: 14px;
  font-style: italic; }

.date {
  font-size: 1.2em;
  font-size: 1.2rem;
  line-height: 1.5em;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #404040;
  margin-bottom: .5em;
  margin-bottom: .5rem; }

.breadcrumbs {
  padding-top: 10px;
  color: white;
  font-family: Oswald;
  font-size: 1.4em;
  font-weight: 300;
  padding-left: 20px; }
  @media (min-width: 1014px) {
    .breadcrumbs {
      padding-left: 0; } }
  .breadcrumbs a, .breadcrumbs span {
    color: white;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300; }

.date p {
  margin-bottom: 10px; }

.header .top .topnav {
  font-size: .9em;
  padding-bottom: 3px;
  background: black; }
  .header .top .topnav .highlight {
    font-weight: normal; }
    .header .top .topnav .highlight a {
      color: #ffd520; }
  .header .top .topnav a.here {
    color: #fff; }
  .header .top .topnav ul li {
    float: left;
    font-size: 1.3em;
    font-size: 1.3rem;
    line-height: 1em;
    line-height: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    font-family: Oswald;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: #bababa;
    padding: 12px 15px 10px 0; }
    .header .top .topnav ul li a {
      color: inherit;
      -webkit-transition: color .15s ease-in-out;
      -moz-transition: color .15s ease-in-out;
      -ms-transition: color .15s ease-in-out;
      -o-transition: color .15s ease-in-out;
      transition: color .15s ease-in-out; }
      .header .top .topnav ul li a:hover {
        color: #fff; }
.header .top .fun-menu ul li {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2em;
  line-height: 2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: white; }
  .header .top .fun-menu ul li a {
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out; }
    .header .top .fun-menu ul li a:hover, .header .top .fun-menu ul li a.here {
      color: #ffd520; }
.header .mainnav ul li {
  font-size: 1.9em;
  font-size: 1.9rem;
  line-height: 1.9em;
  line-height: 1.9rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: black; }
  .header .mainnav ul li a {
    color: #28363F;
    text-decoration: none;
    text-transform: uppercase; }
.header .fun-menu {
  font-size: .9em;
  background: #999999;
  color: #ffffff; }
  .header .fun-menu ul li {
    padding: 5px 10px 8px;
    float: left; }
    .header .fun-menu ul li a {
      color: white; }

/*end header styles*/
.overlay, .EXoverlay {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: .9em;
  position: relative;
  bottom: 35px;
  left: 0;
  min-height: 50px;
  width: 100%;
  margin-bottom: 0; }

.EXoverlay {
  min-height: 35px; }

.header h1 {
  margin-bottom: 0; }

.sidebar li {
  line-height: 2.5em;
  background: none; }
  .sidebar li ul li a {
    color: white; }

.search input[type="text"] {
  width: 186px;
  height: 30px; }
.search button[type="submit"] {
  background: none;
  border: none;
  font-size: 2.25em;
  width: 1.5em;
  position: relative;
  left: 22px;
  padding-top: 3px; }

.slideOverlay {
  text-align: right; }

#tweet ul li {
  clear: both;
  margin-bottom: 35px;
  line-height: 1.2em; }
  #tweet ul li a {
    line-height: 1.2; }
  #tweet ul li .tweet_text {
    font-size: .8em; }
  #tweet ul li a.timestamp {
    line-height: 1;
    float: left; }

footer ul li {
  font-size: .8em;
  float: left;
  background: none; }
  footer ul li a {
    color: white;
    font-weight: normal;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out; }
    footer ul li a:hover {
      color: #aaa; }
footer nav.footer-social {
  float: right; }

.content h1 {
  font-size: 3em;
  font-size: 3rem; }

.homehighlight h3 {
  margin-bottom: .5em;
  margin-bottom: .5rem; }

.blog-post h3 {
  margin: 2px 0 5px; }
.blog-post .blogdate {
  font-size: 1.2em;
  font-size: 1.2rem;
  line-height: 1.5em;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #404040; }
.blog-post p {
  margin-bottom: 2em;
  margin-bottom: 2rem; }

.blogs, .twitter-feed {
  border-bottom: 1px dotted #999; }

.twitter-feed {
  padding-bottom: 2em;
  padding-bottom: 2rem; }

.twitter-feed, .events {
  padding-top: 2em;
  padding-top: 2rem; }

.Landing .landIntro {
  padding: 20px; }
  .Landing .landIntro h2 {
    font-size: 2.6em;
    font-size: 2.6rem;
    line-height: 3.3em;
    line-height: 3.3rem;
    font-weight: 400;
    text-transform: normal;
    text-align: left;
    font-family: Oswald;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white;
    margin-bottom: 10px; }
  .Landing .landIntro p {
    font-size: 1.9em;
    font-size: 1.9rem;
    line-height: 3em;
    line-height: 3rem;
    font-weight: 300;
    text-transform: normal;
    text-align: left;
    font-family: Oswald;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white;
    margin-top: 0; }

@media screen and (max-width: 64em) {
  .Landing .landIntro {
    font-size: 1.7em;
    font-size: 1.7rem; }

  .header .top .topnav ul li a {
    font-size: 1.2em;
    font-size: 1.2rem; }
  .header .fun-menu ul li a {
    font-size: 1.3em;
    font-size: 1.3rem; }
  .header .topgradient .nav .mainnav ul li a {
    font-size: 1.6em;
    font-size: 1.6rem; } }
@media screen and (max-width: 47.9375em) {
  .mainnav.mobile.menu ul li a {
    font-size: 1.9em;
    font-size: 1.9rem;
    line-height: 1.9em;
    line-height: 1.9rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 1.2em;
    padding-top: 1.2rem;
    color: #28363f; }
  .mainnav.mobile.menu ul ul li a {
    color: #000000;
    text-transform: none;
    font-size: 1.75em;
    font-size: 1.75rem;
    font-weight: lighter; }

  footer p {
    line-height: 100%; }
  footer nav.footer-menu ul li {
    font-size: 1.5em;
    font-size: 1.5rem; }
  footer div.owney .bubble {
    font-size: 1.4em;
    font-size: 1.4rem;
    font-family: Oswald;
    text-align: center;
    line-height: 100% !important; }
  footer h4 {
    font-size: 1.2em;
    font-size: 1.2rem;
    line-height: 1.2em;
    line-height: 1.2rem;
    font-weight: 400;
    text-transform: normal;
    text-align: left;
    font-family: Times;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white; } }
/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
/*end icomoon*/
.highslide-container .borderless .highslide-caption {
  background: white;
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 1.6em;
  line-height: 1.6rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1em;
  margin-bottom: 1rem;
  padding-top: 1em;
  padding-top: 1rem;
  color: #1a1a1a; }

/**** styling for media items like videos, images, etc. ****/
/***inline image styles***/
img.full {
  width: 100%;
  margin-bottom: 20px; }
  .Collections h1 + figure img.full {
    width: auto; }

img.portrait {
  width: 220px; }

img.landscape {
  width: 315px; }

img.xsmall, figure.xsmall {
  width: 105px; }

img.small, figure.small {
  width: 160px; }

img.medium, figure.medium {
  width: 220px; }

img.large, figure.large {
  width: 315px; }
  
img.xlarge, figure.xlarge {
  width: 450px; }

img.original {
  width: auto;
  float: left;
  margin-right: 20px; }

img.right, figure.right {
  margin: 5px 0 20px 20px;
  float: right; }

img.left, figure.left {
  margin: 5px 20px 20px 0;
  float: left;
  clear: left; }

figure.xsmall a, figure.small a, figure.medium a, figure.large a figure.xlarge a {
  width: 100%; }

figure {
  max-width: 100%; }

figure.xsmall img, figure.small img, figure.medium img, figure.large img, figure.right img, figure.left img figure.xleft img {
  max-width: 100%; }

.col8 .imgGallery ul li {
  width: 47.5%; }
  .col8 .imgGallery ul li:nth-of-type(3n+3) {
    margin-right: 20px; }
  .col8 .imgGallery ul li:nth-of-type(2n+2) {
    margin-right: 0; }
  .col8 .imgGallery ul li figure {
    width: 100%;
    margin: 0; }

.captions {
  clear: both;
  overflow: hidden; }
  .captions figure.left {
    margin-top: 5px;
    margin-bottom: 20px; }
  .captions figure.right {
    margin-top: 0;
    margin-bottom: 20px; }
  .captions img {
    padding-top: 5px;
    max-width: 100%; }

figure img {
  max-width: 100%; }

/**** video ****/
.content .mejs-video {
  width: 720px !important;
  height: 405px !important; }
  .content .mejs-video video, .content .mejs-video iframe {
    width: 100% !important;
    height: 100% !important; }
  .content .mejs-video * > {
    width: 100% !important;
    height: 100% !important; }
  .content .mejs-video .mejs-overlay {
    width: 100% !important;
    height: 100% !important; }
.content .imgGallery .row {
  clear: both;
  float: left; }
.content .imgGallery figure {
  margin: 0; }
  .content .imgGallery figure img {
    max-width: 100%; }

/***mobile styling***/
@media screen and (max-width: 47.9375em) {
  .content .mejs-video {
    width: 450px !important;
    height: 250px !important; } }
/***mobile styling***/
@media screen and (max-width: 39.9375em) {
  .nobile {
    display: none; }

  body {
    min-width: 320px; }

  .header .topgradient .nav .logo {
    width: 75%;
    padding: 10px 0; }

  .content .mejs-video {
    width: 280px !important;
    height: 168px !important; }
  .content .midContent iframe {
    width: 280px !important;
    height: 168px !important; }
  .content .midContent .twitter-timeline {
    width: 100% !important;
    height: auto !important; }
  .content .highslide-full-expand {
    display: none; } }
/******sidebar styles*******/
/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
h3.callout {
  color: #005996; }

.sidebar ul {
  background-color: #DEE5E7;
  margin: 0;
  padding: 0; }
  .sidebar ul li {
    font-size: 1.7em;
    font-size: 1.7rem;
    line-height: 1.7em;
    line-height: 1.7rem;
    font-weight: 300;
    text-transform: normal;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: black;
    border-bottom: 1px solid #fff;
    padding-left: 0;
    color: #000; }
    .sidebar ul li ul {
      display: none; }
    .sidebar ul li a {
      padding: 10px;
      display: block;
      color: inherit; }
    .sidebar ul li.active {
      background-color: #24535B; }
      .sidebar ul li.active a {
        color: #fff; }
      .sidebar ul li.active ul {
        display: block; }
        .sidebar ul li.active ul li {
          background-color: #577B81; }
          .sidebar ul li.active ul li a {
            color: #dedede; }
          .sidebar ul li.active ul li ul {
            display: none; }
          .sidebar ul li.active ul li.active {
            color: #fff;
            background-color: #24535B; }
    .sidebar ul li.active-trail {
      background-color: #577B81;
      color: #dedede; }
      .sidebar ul li.active-trail ul {
        display: block; }
        .sidebar ul li.active-trail ul li.closed ul {
          display: none; }
    .sidebar ul li .closed ul {
      display: none; }
    .sidebar ul li ul li {
      font-size: 1.5em;
      font-size: 1.5rem;
      line-height: 2em;
      line-height: 2rem;
      font-weight: 300;
      text-transform: normal;
      text-align: left;
      font-family: "Oswald";
      margin-bottom: 0em;
      margin-bottom: 0rem;
      padding-top: 0em;
      padding-top: 0rem;
      color: white;
      background-color: #577B81;
      background-position: 10px 11px;
      /*black square*/
      background-image: url(../images/square_wh.png);
      background-repeat: no-repeat;
      border-bottom: none; }
      .sidebar ul li ul li a {
        color: #dedede;
        padding: 0;
        display: block;
        padding: 5px 15px 5px 30px; }
      .sidebar ul li ul li ul li {
        /*black dash*/
        list-style-type: none;
        list-style-image: none;
        background-image: none;
        line-height: 1.8em;
        line-height: 1.8rem; }
        .sidebar ul li ul li ul li a {
          padding: 5px 15px 5px 40px;
          display: block; }
          .sidebar ul li ul li ul li a:before {
            content: '-';
            color: black;
            position: relative;
            left: -10px;
            bottom: 2px;
            font-weight: bold; }
          .sidebar ul li ul li ul li a.here {
            /*white dash*/ }
            .sidebar ul li ul li ul li a.here:before {
              color: #fff; }
        .sidebar ul li ul li ul li ul li a {
          padding: 5px 15px 5px 62px; }
        .sidebar ul li ul li ul li ul ul li a {
          padding: 5px 15px 5px 78px; }

.landing .rt-sidebar {
  margin-top: 6px; }
.landing .middle h2 {
  margin-top: 0; }

.rt-sidebar {
  background: #f2f2f2;
  margin-top: 66px;
  padding: 15px;
  border: 1px solid #999; }
  .rt-sidebar .img-callout {
    border-bottom: 1px dotted #999;
    margin: 0 0 15px; }
    .rt-sidebar .img-callout:last-child {
      margin-bottom: 0; }
      .rt-sidebar .img-callout:last-child p {
        margin-bottom: 0; }
    .rt-sidebar .img-callout img {
      width: 100%;
      margin-bottom: 15px; }
    .rt-sidebar .img-callout .callout {
      clear: both; }
  .rt-sidebar .no-img-callout {
    margin-top: 10px; }
  .rt-sidebar h2.blog-head:before {
    content: '';
    background: url("../images/icon_blog.png");
    width: 31px;
    height: 28px;
    float: left;
    margin-right: 10px; }
  .rt-sidebar h2.twitter-head:before {
    content: '';
    background: url("../images/btn_bacebook.png");
    background-repeat: no-repeat;
    width: 36px;
    height: 41px;
    float: left;
    margin-right: 10px; }
  .rt-sidebar h2.events-head:before {
    content: '';
    background: url("../images/icon_calendar.png");
    background-repeat: no-repeat;
    width: 31px;
    height: 28px;
    float: left;
    margin-right: 10px; }

.side {
  border: 1px solid #999999;
  padding: 15px;
  margin-bottom: 20px; }

.connect ul {
  margin-bottom: 12px; }
  .connect ul li {
    padding: 0 10px 0 0;
    background-color: none;
    float: left;
    margin-bottom: 12px; }
    .connect ul li a {
      height: 36px;
      width: 37px;
      padding: 0;
      float: left;
      background-repeat: no-repeat; }
	.connect ul li a.twitter {
	  	background-image: url("../images/btn_twitter.png"); }
	.connect ul li a.facebook {
	  	background-image: url("../images/btn_bacebook.png"); }
	.connect ul li a.pinterest {
	  	background-image: url("../images/btn_pinterest.png"); }
	.connect ul li a.blog {
	  	background-image: url("../images/btn_blog.png"); }
	.connect ul li a.youtube {
	  	background-image: url("../images/btn_youtube.png"); }
	.connect ul li a.flickr {
	  	background-image: url("../images/btn_flickr.png"); }
	.connect ul li a.news {
	  	background-image: url("../images/btn_news.png"); }
	.connect ul li a.mobile {
      	background-image: url("../images/btn_mobile.png"); }
	.connect ul li a.instagram {
		background-image: url("../images/btn_instagram.png"); }
.connect p {
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 300;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 1.2em;
  margin-bottom: 1.2rem;
  padding-top: 1.5em;
  padding-top: 1.5rem;
  color: black;
  color: #1a1a1a; }
  .connect p strong {
    font-weight: 400; }
.connect a {
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 300;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #005996; }

.postal-history p {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: black; }

/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
/******/
html {
  font-size: 62.5%; }

/** all fonts divisors of 10 **/
body {
  font-family: Times,Georgia,serif; }

h1 {
  font-size: 4em;
  font-size: 4rem;
  line-height: 4.4em;
  line-height: 4.4rem;
  font-weight: 300;
  text-transform: normal;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 2.2em;
  margin-bottom: 2.2rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: black; }

h2 {
  font-size: 1.7em;
  font-size: 1.7rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 1.7em;
  margin-bottom: 1.7rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #7d3620; }

h3 {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #1a1a1a; }

h4 {
  font-size: 1.7em;
  font-size: 1.7rem;
  line-height: 2.2em;
  line-height: 2.2rem;
  font-weight: 700;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #595959; }

p {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2em;
  line-height: 2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #1a1a1a;
  padding-top: 0;
  float: none; }

ul {
  margin-bottom: 10px; }

h1 em, h2 em, h3 em, h4 em, h1 i, h2 i, h3 i, h4 i {
  margin-right: 5px; }

.rt-sidebar .img-callout p, .rt-sidebar .img-callout a, .rt-sidebar .no-img-callout p, .rt-sidebar .no-img-callout a {
  font-size: 16px; }
.rt-sidebar .img-callout ul, .rt-sidebar .no-img-callout ul {
  padding-left: 15px;
  clear: both; }
  .rt-sidebar .img-callout ul li, .rt-sidebar .no-img-callout ul li {
    font-size: 16px; }

ul {
  padding: 0; }
  ul li {
    list-style-type: none; }
	
.midContent ul, .main ul, .middle ul {
  padding-left: 18px; }
  .midContent ul li, .main ul li, .middle ul li {
    list-style-type: square;
    color: #565656;
    line-height: 1.1;
    font-size: 2em; }
    .midContent ul li p, .main ul li p, .middle ul li p {
      display: inline;
      clear: none;
      float: none; }

a, h2 a, h3 a, h4 a {
  text-decoration: none;
  color: #005996; }
  a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #7d3620; }

b, strong {
  font-weight: bolder; }

hr {
  border: 0;
  clear: both;
  width: 100%;
  height: 1px;
  background-color: #999;
  color: #999;
  margin-bottom: 20px;
  zoom: 1; }
  hr:before, hr:after {
    content: "\0020";
    display: table;
    height: 0;
    visibility: hidden; }
  hr:after {
    clear: both; }

.footnotes {
  font-size: 1.4em;
  font-size: 1.4rem;
  line-height: 1.4em;
  line-height: 1.4rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #555555; }

.caption {
  font-size: 1.4em;
  font-size: 1.4rem;
  line-height: 2em;
  line-height: 2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 0.6em;
  margin-bottom: 0.6rem;
  padding-top: 0.5em;
  padding-top: 0.5rem;
  color: black;
  font-size: 14px;
  font-style: italic; }

.date {
  font-size: 1.2em;
  font-size: 1.2rem;
  line-height: 1.5em;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #404040;
  margin-bottom: .5em;
  margin-bottom: .5rem; }

.breadcrumbs {
  padding-top: 10px;
  color: white;
  font-family: Oswald;
  font-size: 1.4em;
  font-weight: 300;
  padding-left: 20px; }
  @media (min-width: 1014px) {
    .breadcrumbs {
      padding-left: 0; } }
  .breadcrumbs a, .breadcrumbs span {
    color: white;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300; }

.date p {
  margin-bottom: 10px; }

.header .top .topnav {
  font-size: .9em;
  padding-bottom: 3px;
  background: black; }
  .header .top .topnav .highlight {
    font-weight: normal; }
    .header .top .topnav .highlight a {
      color: #ffd520; }
  .header .top .topnav a.here {
    color: #fff; }
  .header .top .topnav ul li {
    float: left;
    font-size: 1.3em;
    font-size: 1.3rem;
    line-height: 1em;
    line-height: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    font-family: Oswald;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: #bababa;
    padding: 12px 15px 10px 0; }
    .header .top .topnav ul li a {
      color: inherit;
      -webkit-transition: color .15s ease-in-out;
      -moz-transition: color .15s ease-in-out;
      -ms-transition: color .15s ease-in-out;
      -o-transition: color .15s ease-in-out;
      transition: color .15s ease-in-out; }
      .header .top .topnav ul li a:hover {
        color: #fff; }
.header .top .fun-menu ul li {
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 2em;
  line-height: 2rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: white; }
  .header .top .fun-menu ul li a {
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out; }
    .header .top .fun-menu ul li a:hover, .header .top .fun-menu ul li a.here {
      color: #ffd520; }
.header .mainnav ul li {
  font-size: 1.9em;
  font-size: 1.9rem;
  line-height: 1.9em;
  line-height: 1.9rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: black; }
  .header .mainnav ul li a {
    color: #28363F;
    text-decoration: none;
    text-transform: uppercase; }
.header .fun-menu {
  font-size: .9em;
  background: #999999;
  color: #ffffff; }
  .header .fun-menu ul li {
    padding: 5px 10px 8px;
    float: left; }
    .header .fun-menu ul li a {
      color: white; }

/*end header styles*/
.overlay, .EXoverlay {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: .9em;
  position: relative;
  bottom: 35px;
  left: 0;
  min-height: 50px;
  width: 100%;
  margin-bottom: 0; }

.EXoverlay {
  min-height: 35px; }

.header h1 {
  margin-bottom: 0; }

.sidebar li {
  line-height: 2.5em;
  background: none; }
  .sidebar li ul li a {
    color: white; }

.search input[type="text"] {
  width: 186px;
  height: 30px; }
.search button[type="submit"] {
  background: none;
  border: none;
  font-size: 2.25em;
  width: 1.5em;
  position: relative;
  left: 22px;
  padding-top: 3px; }

.slideOverlay {
  text-align: right; }

#tweet ul li {
  clear: both;
  margin-bottom: 35px;
  line-height: 1.2em; }
  #tweet ul li a {
    line-height: 1.2; }
  #tweet ul li .tweet_text {
    font-size: .8em; }
  #tweet ul li a.timestamp {
    line-height: 1;
    float: left; }

footer ul li {
  font-size: .8em;
  float: left;
  background: none; }
  footer ul li a {
    color: white;
    font-weight: normal;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out; }
    footer ul li a:hover {
      color: #aaa; }
footer nav.footer-social {
  float: right; }

.content h1 {
  font-size: 3em;
  font-size: 3rem; }

.homehighlight h3 {
  margin-bottom: .5em;
  margin-bottom: .5rem; }

.blog-post h3 {
  margin: 2px 0 5px; }
.blog-post .blogdate {
  font-size: 1.2em;
  font-size: 1.2rem;
  line-height: 1.5em;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Oswald;
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 0em;
  padding-top: 0rem;
  color: #404040; }
.blog-post p {
  margin-bottom: 2em;
  margin-bottom: 2rem; }

.blogs, .twitter-feed {
  border-bottom: 1px dotted #999; }

.twitter-feed {
  padding-bottom: 2em;
  padding-bottom: 2rem; }

.twitter-feed, .events {
  padding-top: 2em;
  padding-top: 2rem; }

.Landing .landIntro {
  padding: 20px; }
  .Landing .landIntro h2 {
    font-size: 2.6em;
    font-size: 2.6rem;
    line-height: 3.3em;
    line-height: 3.3rem;
    font-weight: 400;
    text-transform: normal;
    text-align: left;
    font-family: Oswald;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white;
    margin-bottom: 10px; }
  .Landing .landIntro p {
    font-size: 1.9em;
    font-size: 1.9rem;
    line-height: 3em;
    line-height: 3rem;
    font-weight: 300;
    text-transform: normal;
    text-align: left;
    font-family: Oswald;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white;
    margin-top: 0; }

@media screen and (max-width: 64em) {
  .Landing .landIntro {
    font-size: 1.7em;
    font-size: 1.7rem; }

  .header .top .topnav ul li a {
    font-size: 1.2em;
    font-size: 1.2rem; }
  .header .fun-menu ul li a {
    font-size: 1.3em;
    font-size: 1.3rem; }
  .header .topgradient .nav .mainnav ul li a {
    font-size: 1.6em;
    font-size: 1.6rem; } }
@media screen and (max-width: 47.9375em) {
  .mainnav.mobile.menu ul li a {
    font-size: 1.9em;
    font-size: 1.9rem;
    line-height: 1.9em;
    line-height: 1.9rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 1.2em;
    padding-top: 1.2rem;
    color: #28363f; }
  .mainnav.mobile.menu ul ul li a {
    color: #000000;
    text-transform: none;
    font-size: 1.75em;
    font-size: 1.75rem;
    font-weight: lighter; }

  footer p {
    line-height: 100%; }
  footer nav.footer-menu ul li {
    font-size: 1.5em;
    font-size: 1.5rem; }
  footer div.owney .bubble {
    font-size: 1.4em;
    font-size: 1.4rem;
    font-family: Oswald;
    text-align: center;
    line-height: 100% !important; }
  footer h4 {
    font-size: 1.2em;
    font-size: 1.2rem;
    line-height: 1.2em;
    line-height: 1.2rem;
    font-weight: 400;
    text-transform: normal;
    text-align: left;
    font-family: Times;
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white; } }
/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
/*end icomoon*/
.highslide-container .borderless .highslide-caption {
  background: white;
  font-size: 1.6em;
  font-size: 1.6rem;
  line-height: 1.6em;
  line-height: 1.6rem;
  font-weight: 400;
  text-transform: normal;
  text-align: left;
  font-family: Times;
  margin-bottom: 1em;
  margin-bottom: 1rem;
  padding-top: 1em;
  padding-top: 1rem;
  color: #1a1a1a; }

/*exhibits CSS*/
.EXtop {
  background: #c8c8c8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c8c8c8 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8c8c8), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c8c8c8 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c8c8c8 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c8c8c8 0%, white 100%);
  /* IE10+ */
  background: linear, to bottom, #c8c8c8 0%, white 100%;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  height: 3.5em;
  height: 3.5rem;
  width: 100%; }
  .EXtop .ExhibitReturn {
    max-width: 76em;
    width: 76em;
    font-size: 1.3em;
    font-size: 1.3rem;
    line-height: 1.3em;
    line-height: 1.3rem;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: #7d3620;
    padding: 10px 0;
    margin: 0px auto; }

.EXhead {
  background: black;
  float: left;
  width: 100%;
  border-bottom: 8px solid #7D3620; }
  .EXhead h1.EXtitle {
    font-size: 3.2em;
    font-size: 3.2rem;
    line-height: 3.2em;
    line-height: 3.2rem;
    font-weight: 300;
    text-transform: none;
    text-align: center;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: white;
    margin-top: 1.5em;
    margin-top: 1.5rem; }
  .EXhead .EXmainnav {
    text-align: center; }
    .EXhead .EXmainnav ul {
      margin: 10px 0 15px; }
      .EXhead .EXmainnav ul li {
        display: inline;
        margin-right: 20px; }
        .EXhead .EXmainnav ul li:last-child {
          margin-right: 0; }
        .EXhead .EXmainnav ul li a {
          font-size: 1.5em;
          font-size: 1.5rem;
          line-height: 1.5em;
          line-height: 1.5rem;
          font-weight: 400;
          text-transform: uppercase;
          text-align: left;
          font-family: "Oswald";
          margin-bottom: 0em;
          margin-bottom: 0rem;
          padding-top: 0em;
          padding-top: 0rem;
          color: #ada28a; }
          .EXhead .EXmainnav ul li a:hover, .EXhead .EXmainnav ul li a:active, .EXhead .EXmainnav ul li a.selected {
            color: #fff; }

.EXintro p {
  font-size: 1.9em;
  font-size: 1.9rem;
  line-height: 2.5em;
  line-height: 2.5rem;
  font-weight: 300;
  text-transform: none;
  text-align: left;
  font-family: "Oswald";
  margin-bottom: 0em;
  margin-bottom: 0rem;
  padding-top: 1.25em;
  padding-top: 1.25rem;
  color: black; }

.col1 {
  height: 10px; }

.EXrelBlog {
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem; }
  .EXrelBlog li a {
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 1.5em;
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: normal;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: #005996; }

.EXhighlights .highlight:nth-child(4n+4) {
  margin-right: 0; }

/**** desktop first :( ****/
/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  width: 100%;
  margin: 0;
  background-image: url(../images/bkg_home.jpg);
  background-color: #24535b;
  background-position: center 0;
  background-attachment: fixed;
  background-repeat: no-repeat; }
  body.Visit {
    background-image: url(../images/bkg_visit.jpg);
    background-color: #3f5936; }
  body.Research {
    background-image: url(../images/bkg_research.jpg);
    background-color: #9b5627; }
  body.Collections {
    background-image: url(../images/bkg_collections.jpg);
    background-color: #24535b; }
  body.Exhibits {
    background-image: url(../images/bkg_exhibits.jpg);
    background-color: #7d3620; }
  body.Stamps {
    background-image: url(../images/bkg_stamp_collecting.jpg);
    background-color: #28363f; }
  body.Activities {
    background-image: url(../images/bkg_activities.jpg);
    background-color: #3a6058; }
  body.Education {
    background-image: url(../images/bkg_education.jpg);
    background-color: #7f7642; }
  body.About {
    background-image: url(../images/bkg_about.jpg);
    background-color: #3f5936; }
  @media (max-width: 767px) {
    body {
      background-image: none !important; } }

.sidebar {
  display: none !important; }

@media (min-width: 768px) {
  .sidebar {
    display: block !important; } }
.header .toggle {
  display: none; }
.header .topnav {
  background: black;
  padding-bottom: 3px; }
  .header .topnav ul {
    margin-top: 0; }
.header .top .fun-menu {
  background-color: #585746;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); }
  .header .top .fun-menu ul {
    margin-top: 0; }
    .header .top .fun-menu ul li {
      padding: 12px 7px 14px; }
      .header .top .fun-menu ul li:last-child {
        padding-right: 14px; }
.header .black {
  background: #000;
  height: 36px; }
.header .topgradient {
  background-color: white;
  background-image: deprecated-webkit-gradient(linear, left top, left bottom, white 22%, #c8c8c8 100%);
  background-image: -webkit-linear-gradient(top, white 22%, #c8c8c8 100%);
  background-image: -moz-linear-gradient(top, white 22%, #c8c8c8 100%);
  background-image: -ms-linear-gradient(top, white 22%, #c8c8c8 100%);
  background-image: -o-linear-gradient(top, white 22%, #c8c8c8 100%);
  background-image: linear-gradient(top, white 22%, #c8c8c8 100%);
  height: 86px;
  border-bottom: 6px solid #404040;
  box-shadow: 0px 2px 20px 10px rgba(0, 0, 0, 0.38); }
  .header .topgradient .nav .logo {
    padding-top: 17px; }
    .header .topgradient .nav .logo img {
      max-width: 100%; }
  .header .topgradient form.search {
    padding-top: 32px; }
    .header .topgradient form.search input[type="text"] {
      padding-left: 7px;
      padding-right: 40px;
      width: 241px;
      border-radius: 0; }
    .header .topgradient form.search input, .header .topgradient form.search button {
      float: left; }
    .header .topgradient form.search button {
      cursor: pointer;
      height: 24px;
      width: 22px;
      margin: 0;
      padding: 0; }
      .header .topgradient form.search button:before {
        cursor: pointer;
        position: absolute;
        top: -27px;
        right: -188px; }
        .header .topgradient form.search button:before:hover {
          color: #acacac; }

.content {
  background: white;
  margin: 15px auto 30px;
  padding: 20px;
  margin-top: 15px;
  position: relative;
  /* using templates causes doubling of main-content area (main and midContent)*/ }
  .content .main p, .content .midContent p {
    margin-bottom: 20px;
    margin-top: 0; }
  .content .main .imgGallery, .content .midContent .imgGallery {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    .content .main .imgGallery .row, .content .midContent .imgGallery .row {
      clear: both;
      float: left; }
    .content .main .imgGallery ul, .content .midContent .imgGallery ul {
      padding-left: 0; }
      .content .main .imgGallery ul li, .content .midContent .imgGallery ul li {
        list-style-type: none;
        background-image: none;
        float: left;
        width: 160px;
        margin-right: 20px;
        padding: 0;
        margin-bottom: 20px; }
        .content .main .imgGallery ul li:nth-of-type(3n+3), .content .midContent .imgGallery ul li:nth-of-type(3n+3) {
          margin-right: 0; }
        .content .main .imgGallery ul li a, .content .midContent .imgGallery ul li a {
          width: 100%; }
  .content .main .captions p, .content .midContent .captions p {
    float: none; }
  .content .fb_iframe_widget {
    margin-bottom: 20px; }

.connect h3 {
  clear: none; }
@media screen and (max-width: 47.9375em) {
  .connect h3 {
    clear: left; }
  .connect h3 + p {
    padding-top: 0; } }

/*end content*/
footer {
  background: #1a1a1a;
  padding-top: 40px; }
  footer .footer-wrap {
    position: relative; }
  footer h3 {
    color: white;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px; }
  footer nav.footer-menu .logo {
    width: 100%;
    margin-bottom: 17px; }
    footer nav.footer-menu .logo a img {
      width: 220px;
      max-width: 220px;
      height: auto; }
  footer nav.footer-menu ul {
    clear: both;
    padding-left: 53px; }
    footer nav.footer-menu ul li {
      display: block;
      float: none;
      line-height: 0.1em;
      padding-left: 0; }
      footer nav.footer-menu ul li a {
        font-size: 1.4em;
        font-size: 1.4rem; }
        footer nav.footer-menu ul li a:hover {
          color: #ffd520; }
  footer div.footer-middle {
    padding-bottom: 20px; }
    footer div.footer-middle p {
      color: white; }
    footer div.footer-middle small a {
      color: white !important; }
  footer nav.footer-social h3 {
    width: 86%;
    float: right;
    margin-right: 0; }
  footer nav.footer-social ul {
    width: 86%;
    clear: both;
    padding-right: 0;
    float: right; }
    footer nav.footer-social ul li {
      padding-right: 11px;
      padding-left: 0;
      padding-top: 0; }
      footer nav.footer-social ul li:last-child {
        padding-right: 0; }
      footer nav.footer-social ul li a {
        height: 36px;
        width: 37px;
        float: left;
        background-repeat: no-repeat; }
        footer nav.footer-social ul li a.twitter {
          background-image: url("../images/btn_twitter.png"); }
        footer nav.footer-social ul li a.facebook {
          background-image: url("../images/btn_bacebook.png"); }
        footer nav.footer-social ul li a.pinterest {
          background-image: url("../images/btn_pinterest.png"); }
        footer nav.footer-social ul li a.blog {
          background-image: url("../images/btn_blog.png"); }
        footer nav.footer-social ul li a.youtube {
          background-image: url("../images/btn_youtube.png"); }
        footer nav.footer-social ul li a.flickr {
          background-image: url("../images/btn_flickr.png"); }
		footer nav.footer-social ul li a.mobile {
          background-image: url("../images/btn_mobile.png"); }
		footer nav.footer-social ul li a.instagram {
          background-image: url("../images/btn_instagram.png"); }
        footer nav.footer-social ul li a.news {
          background-image: url("../images/btn_news.png"); }
  footer div.owney {
    position: absolute;
    float: right;
    background-image: url(../images/owney.png);
    background-repeat: no-repeat;
    background-position: 10px 100%;
    height: 240px;
    clear: right;
    bottom: 0;
    width: 340px;
    right: 0;
    float: right;
    display: inline; }
    footer div.owney .bubble {
      width: 55%;
      position: absolute;
      top: 0;
      right: 0;
      background-image: url(../images/bkg_word_bubble_owney.png);
      background-repeat: no-repeat;
      height: 150px;
      padding: 22px 22px 0 30px;
      background-size: 100%;
      font-family: 'Oswald', arial, sans-serif;
      font-weight: lighter;
      text-align: center; }
    footer div.owney h4 {
      position: absolute;
      bottom: 58px;
      right: 62px;
      clear: right;
      width: 123px;
      font-size: 12px;
      font-weight: normal;
      color: #fff;
      line-height: 1.3; }

.homehighlight {
  margin-bottom: 5px;
  border-bottom: 1px dotted #999;
  padding-bottom: 15px; }

/*hide mobile styles on bigger screens*/
.mobile.menu, .silogo.mobile {
  display: none; }

/*********social bar********/
.socialbar {
  margin-top: 10px;
  float: right;
  height: 30px; }
  .socialbar .addthis {
    width: 125px;
    float: right;
    clear: left;
    margin-left: 15px; }
  .socialbar .newsletter {
    height: 20px;
    float: right;
    overflow: hidden;
    margin-left: 5px;
    width: 135px; }
    .socialbar .newsletter img {
      width: 100%; }
    .socialbar .newsletter:hover {
      background-position: 0 100%; }
  .socialbar .print {
    font-family: arial;
    float: right;
    font-size: 12px;
    line-height: 0.8;
    margin-right: 10px; }
    .socialbar .print:before {
      content: "\e002";
      font-family: 'icomoon';
      font-size: 1.65em;
      color: #ADADAD;
      position: relative; }
  .socialbar .addthis_button img {
    width: auto;
    max-width: auto;
    margin-bottom: 20px; }
  .socialbar .twitter-follow-button, .socialbar .fb-like {
    float: right !important;
    margin-left: 7px;
    margin-right: 7px; }
  .socialbar .fb-like {
    width: auto !important; }

.callout {
  float: left; }

#tweet img {
  width: auto;
  float: left;
  margin: 0 5px 5px 0; }

footer .mainnav.mobile {
  display: none; }
footer ul li {
  padding: 10px; }

/*right sidebars*/
.container .content .side h2 {
  margin-bottom: 0.75em;
  margin-bottom: 0.75rem; }
.container .content .postal-history h2 {
  margin-bottom: 1.5em;
  margin-bottom: 1.5rem; }
.container .content .rt-sidebar .img-callout p, .container .content .rt-sidebar .no-img-callout p {
  margin-top: 5px; }

/*homepage*/
.Home aside.sidebar, .Home div.midContent {
  margin-top: 15px; }
.Home .rt-sidebar {
  margin-top: 20px; }
.Home .midContent h2 {
  margin-top: 0; }

/******landing pages top*******/
.Visit.Landing .landIntro {
  background: #3f5936; }

.Exhibits.Landing .landIntro {
  background: #7d3620; }

.Collections.Landing .landIntro {
  background: #24535b; }

.Research.Landing .landIntro {
  background: #9b5627; }

.Stamps.Landing .landIntro {
  background: #28363f; }

.Education.Landing .landIntro {
  background: #7f7642; }

.Activities.Landing .landIntro {
  background: #3a6058; }

.Landing {
  /*bottom*/ }
  .Landing section.slideshow .slideOverlay {
    padding-bottom: 30px; }
  .Landing section.slideshow .controls {
    top: 91%; }
  .Landing .landing2col {
    height: 324px; }
    .Landing .landing2col .landIntro {
      height: 100%; }
      .Landing .landing2col .landIntro h2 {
        margin-top: 0; }
  .Landing .landing {
    padding-top: 15px; }
  .Landing .homehighlight img {
    margin-bottom: 0;
    height: auto !important; }
  .Landing .sidebar {
    margin-top: 0; }

a.toggle.search {
  float: left;
  font-size: 2.5em;
  position: absolute;
  top: 4px;
  right: 10px;
  width: 20px;
  color: #808184; }
  a.toggle.search:hover {
    color: #28363f; }

a.toggle.menu {
  float: left;
  font-size: 2.5em;
  position: absolute;
  top: 4px;
  right: 50px;
  width: 20px;
  color: #808184; }
  a.toggle.menu:hover {
    color: #28363f; }

/*CONTACT FORM*/
#form_contact {
  margin: 0 50px 0 20px; }
  #form_contact input {
    width: 250px; }
  #form_contact label.description {
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 2.2em;
    line-height: 2.2rem;
    font-weight: 400;
    text-transform: normal;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: black;
    margin-bottom: 6px;
    float: left; }
  #form_contact ul li {
    margin-bottom: 20px; }
    #form_contact ul li div {
      clear: left; }
  #form_contact textarea {
    min-height: 100px; }
  #form_contact #li_5 {
    margin-bottom: 20px; }
  #form_contact #saveForm {
    background-color: #005996;
    background-image: none;
    text-shadow: none;
    color: #fff;
    border-radius: 0;
    padding: 10px 15px;
    border-width: 0;
    font-family: "Oswald";
    font-size: 19px;
    font-weight: 300; }

/**tablet media query is max-width 1024 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 64em) {
  .header .topnav {
    right: 27%; }
  .header .fun-menu {
    width: auto;
    padding-right: 2.04556%; }
    .header .fun-menu ul {
      margin-top: 0 !important; }
      .header .fun-menu ul li {
        padding-left: 2.5em;
        padding-left: 2.5rem; }
  .header .topgradient .nav .mainnav ul li a {
    padding: 14px 6px 28px; }
  .header .topgradient .nav .search {
    right: 10px; }
    .header .topgradient .nav .search input[type="text"] {
      width: 190px; }

  footer nav.footer-menu ul {
    padding-left: 30px; }
  footer nav.footer-menu .logo a img {
    width: 80%;
    margin-left: 20px; }
  footer div.owney {
    width: 330px; }
    footer div.owney .bubble {
      right: 10px;
      width: 51%;
      padding-top: 15px; }
    footer div.owney h4 {
      bottom: 62px; } }
@media screen and (max-width: 47.9375em) {
  .nobile {
    display: none; }

  .print {
    display: none; }

  .Home .postal-history {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #999;
    padding-bottom: 20px; }
  .Home .sidebar {
    border: 0; }
  .Home .landing {
    margin-top: 0; }
    .Home .landing .sidebar {
      display: none; }
    .Home .landing .blogs {
      padding-bottom: 15px; }
      .Home .landing .blogs .blog-post {
        margin-bottom: 15px; }
        .Home .landing .blogs .blog-post:last-child {
          margin-bottom: 0; }
    .Home .landing .twitter-feed, .Home .landing .twitter-timeline {
      clear: both;
      float: left;
      padding-bottom: 10px; }
    .Home .landing h2.blog-head, .Home .landing h2.events-head, .Home .landing h2.twitter-head {
      clear: both;
      margin: 15px 0;
      float: left; }
  .Home .midContent .homehighlight {
    float: left;
    border-bottom: 0; }
  .Home .blogs {
    margin-top: 15px; }
  .Home .twitter-feed {
    padding: 0;
    margin: 0; }
  .Home h2.twitter-head {
    margin-top: 15px; }

  /*end homestyle chef boyardee*/
  .breadcrumbs {
    display: none; }

  .header .search {
    display: none; }
  .header .toggle {
    display: block;
    position: static;
    float: right;
    font-size: 3em;
    margin-top: 20px;
    margin-right: 15px;
    width: 30px; }
    .header .toggle.search {
      width: 30px; }
  .header .toggle.menu {
    margin-right: 10px; }
  .header .topgradient .nav .toggle.search {
    width: 30px;
    margin-right: 0; }
  .header .topgradient .nav form.search {
    right: -10px; }
    .header .topgradient .nav form.search.shown {
      display: block;
      padding: 0 10px 10px; }
      .header .topgradient .nav form.search.shown input[type="text"] {
        width: 320px; }
      .header .topgradient .nav form.search.shown button[type="submit"] {
        top: 30px;
        left: -70px; }

  .content {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    /*end landing specific styles */ }
    .content .socialbar {
      float: left;
      margin-top: 20px;
      height: 90px; }
      .content .socialbar .addthis, .content .socialbar .newsletter {
        margin-top: 0; }
    .content .landing2col {
      height: auto; }
      .content .landing2col h2 {
        margin-top: 0; }
    .content .landingImg {
      display: none; }
    .content .connect {
      display: none; }
    .content .rt-sidebar {
      margin-right: 2.05%; }
      .content .rt-sidebar .img-callout, .content .rt-sidebar .no-img-callout {
        margin-bottom: 0; }
    .content .landing .col4 {
      border-bottom: 1px solid #999; }
      .content .landing .col4:first-child {
        margin-top: 10px; }
      .content .landing .col4:last-child {
        border-bottom: none; }
      .content .landing .col4 .side {
        float: left;
        padding-right: 0;
        border: 0;
        clear: none;
        border-bottom: none; }
        .content .landing .col4 .side a {
          float: left; }
    .content .landing .middle, .content .landing .midContent {
      border-bottom: 1px solid #999;
      margin-bottom: 15px; }
      .content .landing .middle .homehighlight, .content .landing .midContent .homehighlight {
        padding-right: 0;
        clear: none;
        border-bottom: none;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 20px; }
        .content .landing .middle .homehighlight p, .content .landing .midContent .homehighlight p {
          float: left; }
        .content .landing .middle .homehighlight img, .content .landing .midContent .homehighlight img {
          margin-top: 0; }
      .content .landing .middle .right, .content .landing .midContent .right {
        float: left; }
        .content .landing .middle .right p, .content .landing .midContent .right p {
          display: block;
          width: 100%; }
    .content .landing .rt-sidebar {
      padding-right: 0; }
      .content .landing .rt-sidebar .no-img-callout, .content .landing .rt-sidebar .img-callout {
        float: left;
        clear: none;
        border-bottom: 0;
        margin-top: 0; }
    .content .landing .side:last-child {
      border-bottom: 0; }
    .content .landing .side, .content .landing .homehighlight {
      padding: 0;
      border: 0;
      clear: both;
      overflow: hidden;
      border-bottom: 1px dotted #404040;
      margin: 10px 0;
      padding-bottom: 10px; }
      .content .landing .side p, .content .landing .homehighlight p {
        margin: 0;
        overflow: hidden; }
      .content .landing .side h2, .content .landing .homehighlight h2 {
        float: right;
        margin: 0; }
      .content .landing .side h3, .content .landing .homehighlight h3 {
        margin: 0; }
    .content .middle, .content .midContent {
      border-bottom: 1px solid #383838;
      padding-right: 0; }
      .content .middle p, .content .midContent p {
        clear: left; }
      .content .middle ul li p, .content .midContent ul li p {
        clear: none;
        float: none; }
      .content .middle .homehighlight, .content .midContent .homehighlight {
        float: left;
        clear: none; }
        .content .middle .homehighlight:last-child, .content .midContent .homehighlight:last-child {
          border: 0; }
        .content .middle .homehighlight h3, .content .midContent .homehighlight h3 {
          clear: left; }
        .content .middle .homehighlight .release .date, .content .midContent .homehighlight .release .date {
          margin-bottom: .5em;
          margin-bottom: .5rem; }
    .content .rt-sidebar {
      background: transparent;
      border: 0px;
      padding: 20px 0; }
      .content .rt-sidebar.side {
        padding: 0;
        padding-right: 20px; }
        .content .rt-sidebar.side h2.blog-head, .content .rt-sidebar.side h2.twitter-head, .content .rt-sidebar.side h2.events-head, .content .rt-sidebar.side .twitter-timeline {
          float: left;
          clear: left;
          margin-bottom: 10px; }
      .content .rt-sidebar .no-img-callout {
        border-bottom: 1px dotted #404040;
        padding-bottom: 10px; }
        .content .rt-sidebar .no-img-callout:first-child {
          margin-top: 0; }
        .content .rt-sidebar .no-img-callout:last-child {
          border-bottom: 0; }
        .content .rt-sidebar .no-img-callout h3 {
          margin: 0; }
    .content .sidebar.nobile {
      display: none; }
    .content .addthis, .content .newsletter, .content .twitter-follow-button, .content .fb-like, .content .print {
      float: left !important; }
    .content .twitter-follow-button {
      clear: left; }
    .content .fb-like {
      margin-top: 0; }

  /* begin mobile menu styles */
  .mainnav.mobile.menu {
    display: block;
    padding: 0; }
    .mainnav.mobile.menu ul {
      margin-bottom: 0;
      margin-top: 0;
      border-top: 1px solid #999999; }
      .mainnav.mobile.menu ul li {
        background-color: white;
        background-image: deprecated-webkit-gradient(linear, left top, left bottom, white, #c8c8c8);
        background-image: -webkit-linear-gradient(top, white, #c8c8c8);
        background-image: -moz-linear-gradient(top, white, #c8c8c8);
        background-image: -ms-linear-gradient(top, white, #c8c8c8);
        background-image: -o-linear-gradient(top, white, #c8c8c8);
        background-image: linear-gradient(top, white, #c8c8c8);
        border-bottom: 1px solid #b2b2b2;
        position: relative;
        padding: 0; }
        .mainnav.mobile.menu ul li:hover {
          background: #fff; }
        .mainnav.mobile.menu ul li a {
          font-size: 1.9em;
          font-size: 1.9rem;
          line-height: 1.9em;
          line-height: 1.9rem;
          font-weight: 400;
          text-transform: uppercase;
          text-align: left;
          font-family: "Oswald";
          margin-bottom: 0em;
          margin-bottom: 0rem;
          padding-top: 1.2em;
          padding-top: 1.2rem;
          color: #28363f;
          padding: 12px 12px 12px 20px;
          display: block;
          -webkit-transition: background-color 0.15s ease-in-out;
          -moz-transition: background-color 0.15s ease-in-out;
          -ms-transition: background-color 0.15s ease-in-out;
          -o-transition: background-color 0.15s ease-in-out;
          transition: background-color 0.15s ease-in-out; }
        .mainnav.mobile.menu ul li.black {
          background: black; }
          .mainnav.mobile.menu ul li.black a {
            color: #bababa;
            -webkit-transition: background-color 0.15s ease-in-out;
            -moz-transition: background-color 0.15s ease-in-out;
            -ms-transition: background-color 0.15s ease-in-out;
            -o-transition: background-color 0.15s ease-in-out;
            transition: background-color 0.15s ease-in-out; }
            .mainnav.mobile.menu ul li.black a:hover, .mainnav.mobile.menu ul li.black a:active {
              color: #ffffff; }
        .mainnav.mobile.menu ul li ul {
          border-top: 1px solid #888; }
          .mainnav.mobile.menu ul li ul li {
            line-height: 1.8em;
            line-height: 1.8rem; }
            .mainnav.mobile.menu ul li ul li:last-child {
              border-bottom: 0px; }
            .mainnav.mobile.menu ul li ul li a {
              font-size: 1.7em;
              font-size: 1.7rem;
              line-height: 2em;
              line-height: 2rem;
              font-weight: 300;
              text-transform: normal;
              text-align: left;
              font-family: "Oswald";
              margin-bottom: 0em;
              margin-bottom: 0rem;
              padding-top: 0em;
              padding-top: 0rem;
              color: black;
              padding: 0;
              display: block;
              padding: 10px 5px 10px 20px;
              border-bottom: none; }
            .mainnav.mobile.menu ul li ul li ul li a {
              list-style-type: none;
              list-style-image: none;
              background-image: none;
              padding: 10px 5px 10px 40px;
              display: block; }
              .mainnav.mobile.menu ul li ul li ul li a.here {
                /*white dash*/ }
                .mainnav.mobile.menu ul li ul li ul li a.here:before {
                  color: #fff; }
            .mainnav.mobile.menu ul li ul li ul li ul li a {
              padding-left: 55px; }
            .mainnav.mobile.menu ul li ul li ul li ul li ul li a {
              padding-left: 70px; }
            .mainnav.mobile.menu ul li ul li ul li ul li ul li ul li a {
              padding-left: 95px; }
      .mainnav.mobile.menu ul li.visit a {
        border-left: 10px solid #3f5936; }
      .mainnav.mobile.menu ul li.visit ul li a {
        background-color: #3f5936; }
      .mainnav.mobile.menu ul li.exhibits a {
        border-left: 10px solid #7d3620; }
      .mainnav.mobile.menu ul li.exhibits ul li a {
        background-color: #7d3620; }
      .mainnav.mobile.menu ul li.collections a {
        border-left: 10px solid #24535b; }
      .mainnav.mobile.menu ul li.collections ul li a {
        background-color: #24535b; }
      .mainnav.mobile.menu ul li.research a {
        border-left: 10px solid #9b5627; }
      .mainnav.mobile.menu ul li.research ul li a {
        background-color: #9b5627; }
      .mainnav.mobile.menu ul li.stamps a {
        border-left: 10px solid #28363f; }
      .mainnav.mobile.menu ul li.stamps ul li a {
        background-color: #28363f; }
      .mainnav.mobile.menu ul li.education a {
        border-left: 10px solid #7f7642; }
      .mainnav.mobile.menu ul li.education ul li a {
        background-color: #7f7642; }
      .mainnav.mobile.menu ul li.activities a {
        border-left: 10px solid #3a6058; }
      .mainnav.mobile.menu ul li.activities ul li a {
        background-color: #3a6058; }
      .mainnav.mobile.menu ul li.about a {
        border-left: 10px solid #3f5936; }
      .mainnav.mobile.menu ul li.about ul li a {
        background-color: #3f5936; }
      .mainnav.mobile.menu ul ul li {
        border-bottom: 1px solid #888; }
        .mainnav.mobile.menu ul ul li a {
          padding: 12px 12px 12px 30px;
          background-color: #dee5e7;
          color: #000000;
          text-transform: none;
          font-weight: lighter;
          -webkit-transition: background-color 0.15s ease-in-out;
          -moz-transition: background-color 0.15s ease-in-out;
          -ms-transition: background-color 0.15s ease-in-out;
          -o-transition: background-color 0.15s ease-in-out;
          transition: background-color 0.15s ease-in-out; }
          .mainnav.mobile.menu ul ul li a:hover {
            background-color: #fff; }
      .mainnav.mobile.menu ul ul.closed {
        display: none; }

  .Home .content .midContent {
    margin-left: 20px; }

  /*show various subsections in mobile footer menu on mobiles*/
  .Visit .mainnav.mobile.menu ul ul.visit li {
    background-color: #dee5e7;
    color: #000000; }
    .Visit .mainnav.mobile.menu ul ul.visit li a:after {
      content: ''; }
  .Visit .content h1 {
    background-color: #3f5936;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .About .mobile.menu ul ul.about li {
    background-color: #3f5936;
    color: #000000; }
    .About .mobile.menu ul ul.about li a:after {
      content: ''; }
  .About .content h1 {
    background-color: #3f5936;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .Activities .mobile.menu ul ul.activities li {
    background-color: #dee5e7;
    color: #000000; }
    .Activities .mobile.menu ul ul.activities li a:after {
      content: ''; }
  .Activities .content h1 {
    background-color: #3a6058;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .Collections .mobile.menu ul ul.collections li {
    background-color: #dee5e7;
    color: #000000; }
    .Collections .mobile.menu ul ul.collections li a:after {
      content: ''; }
  .Collections .content h1 {
    background-color: #24535b;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .Education .mobile.menu ul ul.education li {
    background-color: #dee5e7;
    color: #000000; }
    .Education .mobile.menu ul ul.education li a:after {
      content: ''; }
  .Education .content h1 {
    background-color: #7f7642;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .Research .mobile.menu ul ul.research li {
    background-color: #dee5e7;
    color: #000000; }
    .Research .mobile.menu ul ul.research li a:after {
      content: ''; }
  .Research .content h1 {
    background-color: #9b5627;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .Exhibits .mobile.menu ul ul.research li {
    background-color: #dee5e7;
    color: #000000; }
    .Exhibits .mobile.menu ul ul.research li a:after {
      content: ''; }
  .Exhibits .content h1 {
    background-color: #7d3620;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  .Stamps .mobile.menu ul ul.stamps li {
    background-color: #dee5e7;
    color: #000000;
    border-bottom: 1px solid #fff; }
    .Stamps .mobile.menu ul ul.stamps li a:after {
      content: ''; }
  .Stamps .content h1 {
    background-color: #28363f;
    padding: 20px;
    color: #ffffff;
    margin-top: 0;
    width: 111%;
    margin-left: -4%; }

  #OPP-poll-id-5227978fe4b09a6263710ace {
    width: 140px; }

  .fb-activity {
    width: 100%; }
    .fb-activity > span {
      width: 100% !important; }
    .fb-activity iframe {
      width: 100% !important; } }
/***mobile last!!!**/
@media screen and (max-width: 39.9375em) {
  footer .fullwrap .footer-wrap nav.footer-menu ul li {
    font-size: 13px;
    margin-right: 10px; }

  .nobile {
    display: none; }

  img.left, figure.left {
    margin-bottom: 10px; }

  iframe.twttrHubFrameSecure, iframe.twttrHubFrame {
    display: none; }

  .header .toggle {
    display: block; }
  .header .topgradient {
    height: auto; }
    .header .topgradient .nav .logo {
      padding: 10px 0 10px 0; }
    .header .topgradient .nav form.search {
      display: none;
      position: static;
      float: right;
      clear: right;
      position: relative; }
      .header .topgradient .nav form.search button:before {
        position: absolute;
        top: -27px;
        left: 179px; }
      .header .topgradient .nav form.search.shown {
        display: block !important; }
        .header .topgradient .nav form.search.shown input[type="text"] {
          width: 300px; }

  .breadcrumbs {
    display: none; }

  .content {
    padding-bottom: 20px; }
    .content .socialbar .addthis {
      height: 25px; }
      .content .socialbar .addthis .addthis_button img {
        margin-top: 0; }
    .content .socialbar .addthis, .content .socialbar .newsletter, .content .socialbar .fb-like {
      margin-top: 10px; }
    .content .socialbar .fb-like {
      margin-bottom: 10px; }
    .content .landing2col {
      height: auto; }
    .content .sidebar.nobile {
      display: none; }
    .content .side {
      margin-bottom: 0; }
    .content .midContent {
      margin-top: 0; }
      .content .midContent h2, .content .midContent h3, .content .midContent p {
        clear: left;
        float: left; }
      .content .midContent h3 {
        margin-top: 0; }
      .content .midContent h3 {
        margin-bottom: 5px; }
      .content .midContent h2 {
        margin-bottom: 1em;
        margin-bottom: 1rem; }
    .content .rt-sidebar {
      border: none;
      background: none;
      margin: 0;
      padding-top: 0; }
      .content .rt-sidebar.side h2.blog-head, .content .rt-sidebar.side h2.twitter-head, .content .rt-sidebar.side h2.events-head {
        float: left;
        clear: left;
        width: 100%;
        margin-bottom: 10px; }
      .content .rt-sidebar.side .blogs h3 {
        margin: 5px 0; }
      .content .rt-sidebar .no-img-callout {
        border-bottom: 1px dotted #404040;
        padding-bottom: 10px;
        width: 100%; }
        .content .rt-sidebar .no-img-callout:first-child {
          margin-top: 0; }
        .content .rt-sidebar .no-img-callout:last-child {
          border-bottom: 0; }
        .content .rt-sidebar .no-img-callout h3 {
          margin: 0; }
        .content .rt-sidebar .no-img-callout h3, .content .rt-sidebar .no-img-callout p {
          margin-bottom: 1em;
          margin-bottom: 1rem; }
    .content a.highslide-full-expand {
      display: none; }

  .rt-sidebar.side {
    border-bottom: 0px;
    padding-top: 0; }

  .mobile.menu {
    display: block;
    width: 100%; }
    .mobile.menu ul {
      border-top: 1px solid #999999; }
      .mobile.menu ul li {
        background-color: white;
        background-image: deprecated-webkit-gradient(linear, left top, left bottom, white, #c8c8c8);
        background-image: -webkit-linear-gradient(top, white, #c8c8c8);
        background-image: -moz-linear-gradient(top, white, #c8c8c8);
        background-image: -ms-linear-gradient(top, white, #c8c8c8);
        background-image: -o-linear-gradient(top, white, #c8c8c8);
        background-image: linear-gradient(top, white, #c8c8c8);
        border-bottom: 1px solid #b2b2b2; }
        .mobile.menu ul li:hover {
          background: #fff; }
        .mobile.menu ul li a {
          font-size: 1.9em;
          font-size: 1.9rem;
          line-height: 1.9em;
          line-height: 1.9rem;
          font-weight: 400;
          text-transform: uppercase;
          text-align: left;
          font-family: "Oswald";
          margin-bottom: 0em;
          margin-bottom: 0rem;
          padding-top: 1.2em;
          padding-top: 1.2rem;
          color: #28363f; }
        .mobile.menu ul li.black {
          background: black; }
          .mobile.menu ul li.black a {
            color: #bababa; }
            .mobile.menu ul li.black a:hover, .mobile.menu ul li.black a:active {
              color: #ffffff; }

  footer nav.footer-menu ul li {
    line-height: 1; }
    footer nav.footer-menu ul li a {
      display: block; }

  .objects img.full {
    width: auto; }

  .Home .content .midContent {
    border-bottom: 1px solid #999; } }
.external-link:after {
  background-image: url("../images/icon_external.png");
  height: 10px;
  margin-left: 3px;
  width: 10px;
  display: inline-block;
  content: '';
  background-size: 100%; }

.connect .external-link:after, .footer-social .external-link:after {
  content: '';
  background-image: none; }

.retina .footer-social .extend-link:after {
  content: '';
  background-image: none; }

.retina html.retina .external-link:after, html.retina .right .external-link:after {
  background-image: url("../images/icon_external@2x.png"); }

/* Nasty overrides for the 3rd party polls */
#OPP-div-around-poll {
  background-color: #888 !important;
  background-image: none !important;
  padding: 10 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: 'Oswald', arial, sans-serif; }

#OPP-poll-question-text {
  font-size: 1.5em !important;
  font-family: "Oswald" !important;
  color: #fff !important; }

.OPP-poll-choice {
  font-family: "Times" serif !important;
  font-size: 1.5em !important;
  color: #fff !important; }

button#OPP-poll-vote-button {
  background-color: #005996 !important;
  color: #fff !important;
  font-family: 'Oswald',arial,sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  padding: 7px;
  border: 0px; }

noscript div {
  background: #1a1a1a; }

@media screen and (min-width: 950px) {
  aside .connect ul li:nth-child(3n+3) {
    padding-right: 10px; }
  aside .connect ul li:nth-child(4n+4) {
    margin-right: 0; } }
.mobile.mainnav ul {
  display: none; }
.mobile.mainnav > ul {
  display: block; }
  .mobile.mainnav > ul > li {
    padding-left: 10px; }
    .mobile.mainnav > ul > li.visit {
      background-color: #3f5936; }
    .mobile.mainnav > ul > li.exhibits {
      background-color: #7d3620; }
    .mobile.mainnav > ul > li.collections {
      background-color: #24535b; }
    .mobile.mainnav > ul > li.research {
      background-color: #9b5627; }
    .mobile.mainnav > ul > li.stamps {
      background-color: #28363f; }
    .mobile.mainnav > ul > li.education {
      background-color: #7f7642; }
    .mobile.mainnav > ul > li.activities {
      background-color: #3a6058; }
    .mobile.mainnav > ul > li.about {
      background-color: #3f5936; }
.mobile.mainnav > ul > li > ul li a {
  color: #ccc !important; }
.mobile.mainnav > ul > li > ul li.active-trail > a, .mobile.mainnav > ul > li > ul li.active > a {
  color: #fff !important; }
.mobile.mainnav > ul > li > ul li .toggle:after {
  top: 10px !important;
  color: #fff !important; }
.mobile.mainnav .toggle {
  cursor: pointer; }
  .mobile.mainnav .toggle:after {
    content: '+';
    color: #bababa;
    position: absolute;
    z-index: 99;
    right: -12px;
    top: 2px;
    font-style: helvetica;
    font-size: 3.5em;
    color: inherit;
    width: 40px;
    height: 40px;
    font-weight: 300;
    font-family: helvetica; }
.mobile.mainnav .open > .toggle:after {
  content: '\2013'; }
.mobile.mainnav .open > ul {
  display: block !important; }

/***grid*****/
/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.col1 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 4.33229%; }
  .col1:last-child {
    margin-right: 0; }

.col2 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 10.71014%; }
  .col2:last-child {
    margin-right: 0; }

.col3 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 17.08798%; }
  .col3:last-child {
    margin-right: 0; }

.col4 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 23.46583%; }
  .col4:last-child {
    margin-right: 0; }

.col5 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 29.84368%; }
  .col5:last-child {
    margin-right: 0; }

.col6 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 36.22153%; }
  .col6:last-child {
    margin-right: 0; }

.col7 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 42.59937%; }
  .col7:last-child {
    margin-right: 0; }

.col8 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 48.97722%; }
  .col8:last-child {
    margin-right: 0; }

.col9 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 55.35507%; }
  .col9:last-child {
    margin-right: 0; }

.col10 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 61.73292%; }
  .col10:last-child {
    margin-right: 0; }

.col11 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 68.11076%; }
  .col11:last-child {
    margin-right: 0; }

.col12 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 74.48861%; }
  .col12:last-child {
    margin-right: 0; }

.col13 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 80.86646%;
  margin-right: 0; }
  .col13:last-child {
    margin-right: 0; }

.col14 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 87.24431%; }
  .col14:last-child {
    margin-right: 0; }

.col15 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 93.62215%; }
  .col15:last-child {
    margin-right: 0; }

.col16 {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 100%; }
  .col16:last-child {
    margin-right: 0; }

.col13 .main, .col13 .midContent {
  display: block;
  float: left;
  margin-right: 2.52955%;
  width: 84.22622%; }
  .col13 .main:last-child, .col13 .midContent:last-child {
    margin-right: 0; }

.col12 .main.calendar, .col13 .main.calendar {
  width: 100%; }
  .col12 .main.calendar .col4, .col13 .main.calendar .col4 {
    width: 25%;
    margin-right: 2%; }
  .col12 .main.calendar #calendar-main, .col13 .main.calendar #calendar-main {
    width: 73%; }

@media screen and (max-width: 39.9375em) {
  .col12 .main.calendar #calendar-main, .col13 .main.calendar #calendar-main {
    width: 100%; }
    .col12 .main.calendar #calendar-main iframe, .col13 .main.calendar #calendar-main iframe {
      width: 100% !important;
      height: 1024px !important; } }
.content .midContent .col11, .content .midContent .col8 {
  display: block;
  float: left;
  margin-right: 2.52955%;
  width: 84.22622%; }
  .content .midContent .col11:last-child, .content .midContent .col8:last-child {
    margin-right: 0; }
  .content .midContent .col11 .main, .content .midContent .col8 .main {
    width: 100%; }
    .content .midContent .col11 .main .imgGallery ul li, .content .midContent .col8 .main .imgGallery ul li {
      width: 148px; }
.content .midContent .col8 {
  width: 67.22622%; }

.col13 .col9 {
  display: block;
  float: left;
  margin-right: 2.52955%;
  width: 68.45245%; }
  .col13 .col9:last-child {
    margin-right: 0; }
  .col13 .col9 .main {
    width: 100%; }
.col13 .col4 {
  display: block;
  float: left;
  margin-right: 2.52955%;
  width: 29.018%;
  margin-right: 0; }
  .col13 .col4:last-child {
    margin-right: 0; }

.clear {
  clear: both; }

.top, .nav, .breadcrumbs {
  clear: both;
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 100em;
  max-width: 100rem; }
  .top:before, .top:after, .nav:before, .nav:after, .breadcrumbs:before, .breadcrumbs:after {
    content: " ";
    display: table; }
  .top:after, .nav:after, .breadcrumbs:after {
    clear: both; }

.top {
  position: relative; }
  .top .topnav {
    position: absolute;
    right: 30.35%; }
  .top .fun-menu {
    position: absolute;
    right: 0;
    top: 0; }

.logo {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 23.46583%; }
  .logo:last-child {
    margin-right: 0; }

.mainnav {
  width: 50%;
  float: left; }

.search {
  width: 24%;
  float: right;
  position: relative; }

.calloutImg {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 23.46583%; }
  .calloutImg:last-child {
    margin-right: 0; }

.calloutText {
  display: block;
  float: left;
  margin-right: 2.04556%;
  width: 48.97722%; }
  .calloutText:last-child {
    margin-right: 0; }

.omega {
  margin-right: 0; }

.content {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 100em; }
  .content:before, .content:after {
    content: " ";
    display: table; }
  .content:after {
    clear: both; }
  .content .oneColDetail {
    margin-left: 6.37785%; }

footer {
  clear: both; }
  footer .footer-wrap {
    *zoom: 1;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    max-width: 100em;
    padding: 0; }
    footer .footer-wrap:before, footer .footer-wrap:after {
      content: " ";
      display: table; }
    footer .footer-wrap:after {
      clear: both; }
    footer .footer-wrap nav.footer-menu {
      display: block;
      float: left;
      margin-right: 2.04556%;
      width: 29.84368%;
      float: right;
      margin-right: 0; }
      footer .footer-wrap nav.footer-menu:last-child {
        margin-right: 0; }
    footer .footer-wrap div.footer-middle {
      display: block;
      float: left;
      margin-right: 2.04556%;
      width: 29.84368%;
      float: right; }
      footer .footer-wrap div.footer-middle:last-child {
        margin-right: 0; }
    footer .footer-wrap nav.footer-social {
      display: block;
      float: left;
      margin-right: 2.04556%;
      width: 36.22153%;
      float: right; }
      footer .footer-wrap nav.footer-social:last-child {
        margin-right: 0; }

/****objects spotlight****/
div.objects {
  display: block;
  float: left;
  margin-right: 2.52955%;
  width: 92.11311%; }
  div.objects:last-child {
    margin-right: 0; }
  div.objects .col4 {
    display: block;
    float: left;
    margin-right: 2.74614%;
    width: 31.50258%;
    margin-bottom: 2em; }
    div.objects .col4:last-child {
      margin-right: 0; }
    div.objects .col4:nth-child(3n+3), div.objects .col4 .third {
      margin-right: 0; }
    div.objects .col4 a {
      clear: left;
      float: left;
      max-width: 100%;
      margin-bottom: 15px;
      min-height: 140px; }
      div.objects .col4 a img {
        max-width: 100%;
        height: auto;
        margin-bottom: 0; }

.landIntro {
  width: 41%;
  float: left;
  height: 100%; }

.landingImg {
  width: 59%;
  float: left;
  height: 100%; }
  .landingImg img {
    height: 100%; }

.listing .callout {
  width: 100%;
  margin-bottom: 20px; }
  .listing .callout img.left {
    display: block;
    float: left;
    margin-right: 2.04556%;
    width: 23.46583%;
    max-width: inherit;
    float: left;
    padding-right: 0; }
    .listing .callout img.left:last-child {
      margin-right: 0; }
  .listing .callout .right {
    display: block;
    float: left;
    margin-right: 2.04556%;
    width: 36.22153%;
    margin-right: 0; }
    .listing .callout .right:last-child {
      margin-right: 0; }

/**tablet media query is max-width 1024 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 64em) {
  .header .top, .header .nav, .header .breadcrumbs {
    *zoom: 1;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    max-width: 94.5%;
    width: 94.5%; }
    .header .top:before, .header .top:after, .header .nav:before, .header .nav:after, .header .breadcrumbs:before, .header .breadcrumbs:after {
      content: " ";
      display: table; }
    .header .top:after, .header .nav:after, .header .breadcrumbs:after {
      clear: both; }
  .header .topnav {
    right: 38%; }
  .header .fun-menu {
    display: block;
    float: left;
    margin-right: 2.04556%;
    width: 36.22153%;
    right: 0; }
    .header .fun-menu:last-child {
      margin-right: 0; }
  .header .search {
    position: relative; }
  .header .search button[type="submit"] {
    position: absolute;
    top: 62px;
    left: -55px; }
  .header .logo {
    display: block;
    float: left;
    margin-right: 2.04556%;
    width: 29.84368%; }
    .header .logo:last-child {
      margin-right: 0; }
  .header .mainnav {
    width: 45%; }
  .header .topgradient .nav {
    box-sizing: content-box;
    max-width: 100%;
    padding: 0 20px; }
    .header .topgradient .nav .search {
      right: 0;
      width: 155px; }
      .header .topgradient .nav .search input[type="text"] {
        width: 89%;
        float: right; }

  .midContent.col13 {
    display: block;
    float: left;
    margin-right: 2.04556%;
    width: 80.86646%; }
    .midContent.col13:last-child {
      margin-right: 0; }
    .midContent.col13 .midContent {
      display: block;
      float: left;
      margin-right: 2.04556%;
      width: 68.11076%; }
      .midContent.col13 .midContent:last-child {
        margin-right: 0; }

  .rt-sidebar {
    display: block;
    float: left;
    margin-right: 2.52955%;
    width: 29.018%; }
    .rt-sidebar:last-child {
      margin-right: 0; }
    .rt-sidebar.side {
      display: block;
      float: left;
      margin-right: 2.52955%;
      width: 29.018%; }
      .rt-sidebar.side:last-child {
        margin-right: 0; }

  .landing .rt-sidebar {
    display: block;
    float: left;
    margin-right: 2.04556%;
    width: 23.46583%; }
    .landing .rt-sidebar:last-child {
      margin-right: 0; }

  .Landing .landing2col {
    height: 310px; }
    .Landing .landing2col .landIntro h2 {
      font-size: 2.4em;
      font-size: 2.4rem; }
    .Landing .landing2col .landIntro p {
      font-size: 1.6em;
      font-size: 1.6rem;
      line-height: 2.75em;
      line-height: 2.75rem; } }
/**bigmobile media query is max-width 768 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 47.9375em) {
  .header .topgradient .nav {
    padding: 0; }
  .header .toggle.menu {
    margin-right: 0; }

  .content .col4 {
    width: 94%; }
  .content .twitter-feed, .content .twitter-timeline, .content .twitter-timeline, .content h2.blog-head, .content h2.events-head, .content h2.twitter-head {
    width: 100%; }
  .content .midContent .homehighlight {
    width: 48%; }
    .content .midContent .homehighlight a {
      width: 100%; }
    .content .midContent .homehighlight img {
      max-width: 100%; }
    .content .midContent .homehighlight p {
      width: 100%; }

  .postal-history {
    width: 94%;
    max-width: 94%;
    margin-left: 20px; }

  .content {
    /*end landing page styles*/ }
    .content .header .logo {
      width: 40%; }
    .content .header .nav {
      padding: 0; }
    .content .landIntro {
      width: 100%; }
    .content .landing .col4 {
      width: 94%;
      max-width: 94%;
      margin-left: 20px; }
      .content .landing .col4 .side {
        width: 48%;
        margin-right: 20px;
        margin-left: 0px; }
        .content .landing .col4 .side a {
          width: 48%;
          margin-right: 2%; }
        .content .landing .col4 .side p img {
          max-width: 100%; }
        .content .landing .col4 .side a img {
          max-width: 100%; }
        .content .landing .col4 .side h2 {
          width: 47%; }
          .content .landing .col4 .side h2 a {
            width: 100%; }
        .content .landing .col4 .side:nth-child(2n+2) {
          margin-right: 0; }
    .content .landing .middle .homehighlight img {
      max-width: 100%;
      float: left;
      margin-right: 2%; }
    .content .landing .middle .homehighlight p img {
      max-width: 100%; }
    .content .landing .middle .homehighlight a {
      width: 100%; }
      .content .landing .middle .homehighlight a img {
        max-width: 100%; }
    .content .landing .middle, .content .landing .midContent {
      width: 94%;
      max-width: 94%;
      margin-left: 20px; }
      .content .landing .middle .homehighlight, .content .landing .midContent .homehighlight {
        display: block;
        float: left;
        margin-right: 8.71718%;
        width: 45.64141%;
        width: 48%;
        max-width: 48%;
        float: left;
        margin-right: 20px; }
        .content .landing .middle .homehighlight:last-child, .content .landing .midContent .homehighlight:last-child {
          margin-right: 0; }
      .content .landing .middle .right, .content .landing .midContent .right {
        width: 45%; }
        .content .landing .middle .right h3, .content .landing .midContent .right h3 {
          width: 100%; }
          .content .landing .middle .right h3 a, .content .landing .midContent .right h3 a {
            width: 100%; }
    .content .landing .rt-sidebar .no-img-callout, .content .landing .rt-sidebar .img-callout {
      display: block;
      float: left;
      margin-right: 8.71718%;
      width: 45.64141%;
      width: 47.5%;
      margin-right: 20px; }
      .content .landing .rt-sidebar .no-img-callout:last-child, .content .landing .rt-sidebar .img-callout:last-child {
        margin-right: 0; }
      .content .landing .rt-sidebar .no-img-callout:nth-child(2n+2), .content .landing .rt-sidebar .img-callout:nth-child(2n+2) {
        margin-right: 0; }
    .content .landing .side p, .content .landing .homehighlight p {
      width: 48%;
      margin-right: 20px; }
      .content .landing .side p a, .content .landing .homehighlight p a {
        width: 100%; }
        .content .landing .side p a img, .content .landing .homehighlight p a img {
          max-width: 100%; }
    .content .landing .side h2, .content .landing .homehighlight h2 {
      width: 48%;
      margin-right: 0; }
      .content .landing .side h2 a, .content .landing .homehighlight h2 a {
        width: 100%; }
    .content .landing .side h3 a, .content .landing .homehighlight h3 a {
      width: 100%; }
    .content .middle, .content .midContent {
      max-width: 94%;
      width: 94%;
      margin: 0 20px; }
      .content .middle .main, .content .midContent .main {
        width: 97%; }
        .content .middle .main .homehighlight p, .content .midContent .main .homehighlight p {
          width: 100%; }
      .content .middle .homehighlight, .content .midContent .homehighlight {
        margin-right: 20px; }
        .content .middle .homehighlight figure a, .content .midContent .homehighlight figure a {
          width: 100%; }
          .content .middle .homehighlight figure a img, .content .midContent .homehighlight figure a img {
            max-width: 100%; }
        .content .middle .homehighlight:nth-child(2n+1), .content .midContent .homehighlight:nth-child(2n+1) {
          margin-right: 0; }
        .content .middle .homehighlight .right h3, .content .midContent .homehighlight .right h3 {
          width: 100%;
          float: left; }
        .content .middle .homehighlight h3 a, .content .midContent .homehighlight h3 a {
          width: 100%; }
        .content .middle .homehighlight a, .content .midContent .homehighlight a {
          width: 100%;
          margin-right: 5%; }
          .content .middle .homehighlight a img, .content .midContent .homehighlight a img {
            padding: 0;
            max-width: 100%;
            margin-bottom: 10px; }
        .content .middle .homehighlight p, .content .midContent .homehighlight p {
          margin: 0;
          width: 100%; }
          .content .middle .homehighlight p a, .content .midContent .homehighlight p a {
            max-width: 100%;
            width: 100%; }
          .content .middle .homehighlight p img, .content .midContent .homehighlight p img {
            max-width: 100%;
            padding-right: 0; }
      .content .middle .midContent, .content .midContent .midContent {
        width: 100%;
        max-width: 100%;
        margin: 0;
        /*midContent w/in midContent*/ }
      .content .middle .rt-sidebar, .content .midContent .rt-sidebar {
        max-width: 96%;
        /*right sidebar within main or midContent*/
        width: 96%; }
    .content .rt-sidebar {
      max-width: 94%;
      width: 94%;
      margin: 0 20px; }
      .content .rt-sidebar.side {
        width: 100%;
        margin-right: 20px; }
        .content .rt-sidebar.side .events > div {
          width: 100%; }
        .content .rt-sidebar.side .events iframe {
          width: 100%; }
        .content .rt-sidebar.side h2.blog-head, .content .rt-sidebar.side h2.twitter-head, .content .rt-sidebar.side h2.events-head, .content .rt-sidebar.side .twitter-timeline {
          width: 100%; }
      .content .rt-sidebar .img-callout, .content .rt-sidebar .no-img-callout {
        width: 100%; }

  /*end .content*/
  footer {
    padding-top: 0; }
    footer .footer-wrap {
      *zoom: 1;
      max-width: 68em;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; }
      footer .footer-wrap:before, footer .footer-wrap:after {
        content: " ";
        display: table; }
      footer .footer-wrap:after {
        clear: both; }
      footer .footer-wrap .nobile {
        display: none; }
      footer .footer-wrap nav.footer-social {
        float: left;
        display: block;
        float: left;
        margin-right: 8.71718%;
        width: 100%;
        margin: 20px auto; }
        footer .footer-wrap nav.footer-social:last-child {
          margin-right: 0; }
        footer .footer-wrap nav.footer-social ul {
          width: 94%;
          float: none;
          margin: 0 auto; }
      footer .footer-wrap div.footer-middle {
        float: left;
        display: block;
        float: left;
        margin-right: 8.71718%;
        width: 100%;
        margin: 0px auto 10px; }
        footer .footer-wrap div.footer-middle:last-child {
          margin-right: 0; }
        footer .footer-wrap div.footer-middle h3 {
          padding-left: 20px; }
        footer .footer-wrap div.footer-middle .footer-info, footer .footer-wrap div.footer-middle a, footer .footer-wrap div.footer-middle small {
          padding: 10px 20px; }
      footer .footer-wrap nav.footer-menu {
        float: left;
        display: block;
        float: left;
        margin-right: 8.71718%;
        width: 100%; }
        footer .footer-wrap nav.footer-menu .nobile {
          display: none; }
        footer .footer-wrap nav.footer-menu:last-child {
          margin-right: 0; }
        footer .footer-wrap nav.footer-menu ul {
          padding-left: 5%;
          margin-bottom: 20px;
          margin-top: 0; }
          footer .footer-wrap nav.footer-menu ul li {
            display: block;
            float: left;
            margin-right: 8.71718%;
            width: 45.64141%;
            margin-right: 20px; }
            footer .footer-wrap nav.footer-menu ul li:last-child {
              margin-right: 0; }
            footer .footer-wrap nav.footer-menu ul li a:hover {
              color: #ffd520; }

  .mainnav.mobile.menu {
    width: 100%;
    margin-left: 0; }

  /*object spotlight*/
  div.objects .col4 {
    display: block;
    float: left;
    margin-right: 8.71718%;
    width: 45.64141%; }
    div.objects .col4:last-child {
      margin-right: 0; }
    div.objects .col4:nth-child(3n+3) {
      margin-right: 8.71718%; }
    div.objects .col4:nth-child(2n+2) {
      margin-right: 0; }
    div.objects .col4 a {
      float: left;
      display: block;
      float: left;
      margin-right: 19.09927%;
      width: 40.45036%;
      margin-right: 15px; }
      div.objects .col4 a:last-child {
        margin-right: 0; }
    div.objects .col4 p {
      float: left;
      display: block;
      float: left;
      margin-right: 19.09927%;
      width: 40.45036%; }
      div.objects .col4 p:last-child {
        margin-right: 0; } }
/**mobile media query is max-width 640 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 39.9375em) {
  body {
    min-width: 320px; }

  .container {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden; }

  .header .topgradient {
    *zoom: 1;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto; }
    .header .topgradient:before, .header .topgradient:after {
      content: " ";
      display: table; }
    .header .topgradient:after {
      clear: both; }
    .header .topgradient .nav {
      position: relative; }
      .header .topgradient .nav .logo {
        width: 68%;
        padding: 10px 0; }

  .content {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden; }
    .content h1 {
      width: 111%;
      margin-left: -4%;
      padding: 20px; }
    .content .col12 .main {
      width: 100%; }
    .content .col13 .col9 {
      width: 94%;
      max-width: 94%; }
    .content .landIntro {
      width: 100%;
      height: auto; }
      .content .landIntro h2 {
        margin-top: 0; }
    .content .landing {
      width: 100%;
      height: auto; }
      .content .landing .col4 {
        width: 92%; }
        .content .landing .col4 .side {
          width: 100%; }
      .content .landing .col8 {
        width: 92%;
        padding-right: 0; }
        .content .landing .col8 .homehighlight {
          width: 100%;
          max-width: 100%;
          margin-right: 0; }
      .content .landing .rt-sidebar .img-callout, .content .landing .rt-sidebar .no-img-callout {
        width: 100%; }
    .content .midContent, .content .middle, .content .rt-sidebar {
      border-bottom: 0;
      width: 92%; }
    .content .middle, .content .midContent {
      padding-right: 0; }
      .content .middle .midContent, .content .midContent .midContent {
        margin: 0;
        max-width: 100%;
        width: 100%; }
      .content .middle .homehighlight, .content .midContent .homehighlight {
        width: 100%; }
        .content .middle .homehighlight .right, .content .midContent .homehighlight .right {
          width: 94% !important;
          max-width: 94%;
          margin-right: 20px; }
          .content .middle .homehighlight .right h3, .content .midContent .homehighlight .right h3 {
            width: 100%;
            float: left;
            margin-bottom: 10px; }
            .content .middle .homehighlight .right h3 a, .content .midContent .homehighlight .right h3 a {
              width: 100%; }
          .content .middle .homehighlight .right p, .content .midContent .homehighlight .right p {
            width: 100%;
            float: left;
            margin-right: 20px; }
        .content .middle .homehighlight a, .content .midContent .homehighlight a {
          margin-right: 5%; }
          .content .middle .homehighlight a img, .content .midContent .homehighlight a img {
            padding: 0;
            max-width: 100%; }
        .content .middle .homehighlight p, .content .midContent .homehighlight p {
          margin: 0;
          margin-right: 5%; }
          .content .middle .homehighlight p a, .content .midContent .homehighlight p a {
            max-width: 100%;
            width: 100%; }
          .content .middle .homehighlight p img, .content .midContent .homehighlight p img {
            max-width: 100%;
            padding-right: 0; }
      .content .middle .rt-sidebar, .content .midContent .rt-sidebar {
        margin: 0;
        width: 100%;
        max-width: 100%; }
    .content .rt-sidebar.side {
      width: 92%;
      padding: 0;
      padding-right: 20px;
      margin-right: 20px; }

  .Home .content .midContent {
    width: 92%; }
    .Home .content .midContent .homehighlight {
      width: 100%; }
      .Home .content .midContent .homehighlight .right {
        clear: both;
        float: left; }
        .Home .content .midContent .homehighlight .right p {
          width: 100%; }
  .Home .content .rt-sidebar.side {
    margin: 0 0 0 20px;
    padding: 0; }

  .content .midContent h1 {
    width: 120%;
    padding-left: 8%;
    padding-right: 15%;
    margin-left: -7%;
    font-size: 3em;
    font-size: 3rem;
    margin-top: 0; }
  .content .midContent .col11 {
    width: 100%; }

  /**object spotlight*/
  div.objects .col4 {
    display: block;
    float: left;
    margin-right: 47.21657%;
    width: 100%;
    margin-right: 0; }
    div.objects .col4:last-child {
      margin-right: 0; }
    div.objects .col4 a {
      display: block;
      float: left;
      margin-right: 47.21657%;
      width: 100%;
      margin-bottom: 5px; }
      div.objects .col4 a:last-child {
        margin-right: 0; }
      div.objects .col4 a img {
        max-width: 230px;
        margin-bottom: 0; }
    div.objects .col4 p {
      display: block;
      float: left;
      margin-right: 47.21657%;
      width: 100%; }
      div.objects .col4 p:last-child {
        margin-right: 0; } }
@media screen and (min-width: 1024px) {
  aside .connect ul li:nth-child(3n+3) {
    padding-right: 0; } }
@media screen and (min-width: 768px) {
  .rt-sidebar.side {
    width: 23%; }

  .fb-activity iframe {
    width: 140px !important; } }
@media screen and (min-width: 950px) {
  aside .connect ul li:nth-child(3n+3) {
    padding-right: 10px; }
  aside .connect ul li:nth-child(4n+4) {
    padding-right: 0; }

  .fb-activity iframe {
    width: 94% !important; } }
/***** slideshow *****/
section.slideshow {
  position: relative;
  z-index: 2;
  width: auto;
  height: 390px;
  margin-bottom: 10px;
  /* next/previous arrows */ }
  section.slideshow .slide {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 390px;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
    section.slideshow .slide.hide {
      opacity: 0;
      z-index: -1; }
    section.slideshow .slide img {
      width: 100%; }
  section.slideshow .slideOverlay {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 10px;
    padding: 20px;
    z-index: 3; }
    section.slideshow .slideOverlay .slideTitle {
      font-size: 4em;
      font-size: 4rem;
      line-height: 5.5em;
      line-height: 5.5rem;
      font-weight: 400;
      text-transform: normal;
      text-align: right;
      font-family: Oswald;
      margin-bottom: 0em;
      margin-bottom: 0rem;
      padding-top: 0em;
      padding-top: 0rem;
      color: white; }
    section.slideshow .slideOverlay .slideSubTitle {
      font-size: 1.8em;
      font-size: 1.8rem;
      line-height: 2.2em;
      line-height: 2.2rem;
      font-weight: 400;
      text-transform: normal;
      text-align: right;
      font-family: Oswald;
      margin-bottom: 0em;
      margin-bottom: 0rem;
      padding-top: 0em;
      padding-top: 0rem;
      color: white; }
      section.slideshow .slideOverlay .slideSubTitle a {
        color: white; }
  @media (min-width: 768px) {
    section.slideshow .nxtImg, section.slideshow .prvImg {
      display: block; } }
  section.slideshow .nxtImg {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2em;
    margin-top: -2rem;
    height: 35px;
    width: 29px;
    overflow: hidden;
    z-index: 99; }
    section.slideshow .nxtImg a:before {
      font-size: 3.5em;
      font-size: 3.5rem;
      color: #fff;
      -webkit-transition: color .25s ease-in-out;
      -moz-transition: color .25s ease-in-out;
      -ms-transition: color .25s ease-in-out;
      -o-transition: color .25s ease-in-out;
      transition: color .25s ease-in-out; }
    section.slideshow .nxtImg a:hover:before {
      color: #005996; }
  section.slideshow .prvImg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2em;
    margin-top: -2rem;
    height: 35px;
    overflow: hidden;
    z-index: 99; }
    section.slideshow .prvImg a:before {
      font-size: 3.5em;
      font-size: 3.5rem;
      color: #fff;
      -webkit-transition: color .25s ease-in-out;
      -moz-transition: color .25s ease-in-out;
      -ms-transition: color .25s ease-in-out;
      -o-transition: color .25s ease-in-out;
      transition: color .25s ease-in-out; }
    section.slideshow .prvImg a:hover:before {
      color: #005996; }
  section.slideshow .controls {
    height: 7px;
    position: absolute;
    display: block;
    top: 94%;
    z-index: 3;
    right: 20px; }
    section.slideshow .controls .box {
      width: 16px;
      height: 7px;
      background-color: #222;
      display: block;
      float: left;
      margin: 0 5px 0 0;
      cursor: pointer;
      -webkit-transition: background-color .25s ease-in-out;
      -moz-transition: background-color .25s ease-in-out;
      -ms-transition: background-color .25s ease-in-out;
      -o-transition: background-color .25s ease-in-out;
      transition: background-color .25s ease-in-out; }
      section.slideshow .controls .box:hover, section.slideshow .controls .box.selected {
        background-color: #fff; }

/*Landing pages*/
.Landing .landingImg {
  padding-left: 0;
  position: relative; }
  .Landing .landingImg section.slideshow {
    height: 100%; }
    .Landing .landingImg section.slideshow .slide {
      height: 100%; }
      .Landing .landingImg section.slideshow .slide img {
        height: auto; }
    .Landing .landingImg section.slideshow .slideOverlay {
      background: #404040;
      padding-bottom: 30px; }
      .Landing .landingImg section.slideshow .slideOverlay a.slideTitle {
        font-size: 2.5em;
        font-size: 2.5rem;
        line-height: 3em;
        line-height: 3rem; }
    .Landing .landingImg section.slideshow .controls {
      top: 91%; }
  .Landing .landingImg .nxtImg {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2em;
    margin-top: -2rem; }
    .Landing .landingImg .nxtImg a {
      font-size: 3.5em;
      font-size: 3.5rem;
      color: #fff; }
  .Landing .landingImg .prvImg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2em;
    margin-top: -2rem; }
    .Landing .landingImg .prvImg a {
      font-size: 3.5em;
      font-size: 3.5rem;
      color: #fff; }

/**tablet media query is max-width 1024 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 64em) {
  section.slideshow {
    height: 317px; }
    section.slideshow .wrap {
      height: 317px; }
      section.slideshow .wrap .slideOverlay {
        bottom: 0; }

  .Landing .landingImg section.slideshow .controls {
    top: 93%; }
    .Landing .landingImg section.slideshow .controls .box {
      pointer-events: auto; } }
/**bigmobile media query is max-width 768 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 47.9375em) {
  section.slideshow {
    height: 325px;
    margin-bottom: 0; }
    section.slideshow .controls {
      left: 20px; }
    section.slideshow .slideOverlay {
      background: #404040; }
      section.slideshow .slideOverlay .slideTitle {
        line-height: 5.5em;
        line-height: 5.5rem; } }
/**mobile media query is max-width 640 converted to ems (grid-settings.scss)**/
@media screen and (max-width: 39.9375em) {
  section.slideshow {
    height: 205px; }
    section.slideshow .nxtImg, section.slideshow .prvImg {
      top: 35%;
      font-size: 37px;
      height: 37px; }
    section.slideshow .slide {
      height: 225px; }
    section.slideshow .controls {
      top: 100%; }
      section.slideshow .controls .box {
        pointer-events: none; }
    section.slideshow .slide.hide {
      display: none; }
    section.slideshow .slideOverlay {
      padding: 12px 20px 25px;
      bottom: 20px; }
      section.slideshow .slideOverlay .slideTitle {
        font-size: 2.3em;
        font-size: 2.3rem;
        line-height: 2.5em;
        line-height: 2.5rem;
        font-weight: 400;
        text-transform: normal;
        text-align: right;
        font-family: "Oswald";
        margin-bottom: 1em;
        margin-bottom: 1rem;
        padding-top: 0em;
        padding-top: 0rem;
        color: white;
        float: left; }
      section.slideshow .slideOverlay .slideSubTitle {
        font-size: 1.4em;
        font-size: 1.4rem;
        line-height: 1.8em;
        line-height: 1.8rem;
        font-weight: 300;
        text-transform: normal;
        text-align: right;
        font-family: "Oswald";
        margin-bottom: 0em;
        margin-bottom: 0rem;
        padding-top: 0em;
        padding-top: 0rem;
        color: white;
        clear: left;
        float: left; } }
/******************** NIGHT KITCHEN FONT MIXIN ************************/
/** example: p { @include fonter(1.6, 1.1,300,uppercase,center,arial,2,1); } **/
/** background shortcode neveer works **/
/**********clearfix mixin**************/
/*colors*/
/* styles for the mega-nav*/
/****************************************
Selected states for top level navigation
*****************************************/
.header .topgradient .nav .mainnav ul {
  margin-top: 0; }
  .header .topgradient .nav .mainnav ul li {
    position: relative;
    background: white; }
    .header .topgradient .nav .mainnav ul li.active {
      position: relative;
      background: white; }
      .header .topgradient .nav .mainnav ul li.active:after {
        content: '';
        position: absolute;
        bottom: -8px;
        background: url(../images/icon_arrow_selected_link.png) no-repeat;
        width: 27px;
        height: 14px; }
    .header .topgradient .nav .mainnav ul li.visit:after {
      left: 35%; }
    .header .topgradient .nav .mainnav ul li.collections:after {
      left: 40%; }
    .header .topgradient .nav .mainnav ul li.exhibits:after {
      left: 38%; }
    .header .topgradient .nav .mainnav ul li.research:after {
      left: 39%; }
  .header .topgradient .nav .mainnav ul li {
    font-size: 1.9em;
    font-size: 1.9rem;
    line-height: 1.9em;
    line-height: 1.9rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    font-family: "Oswald";
    margin-bottom: 0em;
    margin-bottom: 0rem;
    padding-top: 0em;
    padding-top: 0rem;
    color: black;
    float: left;
    list-style-type: none;
    background: none;
    padding-left: 0;
    margin-top: 20px;
    position: relative;
    border: 1px solid #404040;
    border-top: none;
    color: #28363F;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    outline: 0;
    float: left; }
    .header .topgradient .nav .mainnav ul li:last-child {
      border-right: 2px solid #404040; }
    .header .topgradient .nav .mainnav ul li:first-child {
      border-left: 2px solid #404040; }
    .header .topgradient .nav .mainnav ul li.visit a {
      border-bottom: 6px solid #3f5936; }
    .header .topgradient .nav .mainnav ul li.exhibits a {
      border-bottom: 6px solid #7d3620; }
    .header .topgradient .nav .mainnav ul li.collections a {
      border-bottom: 6px solid #24535b; }
    .header .topgradient .nav .mainnav ul li.research a {
      border-bottom: 6px solid #9b5627; }
    .header .topgradient .nav .mainnav ul li a {
      padding: 14px 22px 27px;
      float: left; }
    .header .topgradient .nav .mainnav ul li .meganav {
      position: absolute;
      width: 743px;
      display: none;
      background: #ffffff;
      padding: 25px 20px 20px;
      float: left;
      top: 60px;
      left: 0px;
      box-shadow: 0px 6px 20px #000;
      z-index: 0; }
      .no-boxshadow .header .topgradient .nav .mainnav ul li .meganav {
        border: 1px solid #ccc;
        border-width: 1px 2px 2px 1px; }
      .header .topgradient .nav .mainnav ul li .meganav ul {
        width: 33%;
        float: left;
        padding-right: 20px; }
        .header .topgradient .nav .mainnav ul li .meganav ul li {
          padding: 0;
          margin: 0;
          border-left: 0px;
          border-right: 0px;
          clear: left;
          border-bottom: 0;
          font-size: 1.7em;
          font-size: 1.7rem;
          line-height: 1.7em;
          line-height: 1.7rem;
          font-weight: 300;
          text-transform: none;
          text-align: left;
          font-family: "Oswald";
          margin-bottom: 0em;
          margin-bottom: 0rem;
          padding-top: 0em;
          padding-top: 0rem;
          color: #005996;
          padding-bottom: 12px; }
          .header .topgradient .nav .mainnav ul li .meganav ul li a {
            color: #005996;
            padding: 0;
            margin: 0;
            text-transform: none;
            border-left: 0px;
            border-right: 0px;
            border-bottom: 0px;
            -webkit-transition: color .15s ease-in-out;
            -moz-transition: color .15s ease-in-out;
            -ms-transition: color .15s ease-in-out;
            -o-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out; }
            .header .topgradient .nav .mainnav ul li .meganav ul li a:hover {
              color: #7d3620; }
          .header .topgradient .nav .mainnav ul li .meganav ul li ul {
            padding: 0;
            margin: 0;
            display: none; }
      .header .topgradient .nav .mainnav ul li .meganav section.middle {
        float: left;
        width: 33%;
        padding-left: 20px;
        padding-right: 20px;
        border-right: 2px dotted #ddd;
        border-left: 2px dotted #ddd; }
        .header .topgradient .nav .mainnav ul li .meganav section.middle p {
          text-transform: none; }
      .header .topgradient .nav .mainnav ul li .meganav section.right {
        float: left;
        width: 33%;
        padding-left: 20px; }
        .header .topgradient .nav .mainnav ul li .meganav section.right iframe {
          width: 215px !important; }
        .header .topgradient .nav .mainnav ul li .meganav section.right p {
          text-transform: none; }
      .header .topgradient .nav .mainnav ul li .meganav h3 {
        margin-top: 0; }
      .header .topgradient .nav .mainnav ul li .meganav p {
        margin-top: 0; }
    .header .topgradient .nav .mainnav ul li.exhibits .meganav {
      left: -230px; }
    .header .topgradient .nav .mainnav ul li.collections .meganav {
      left: -84px; }
      .header .topgradient .nav .mainnav ul li.collections .meganav .middle {
        height: 300px; }
    .header .topgradient .nav .mainnav ul li.research .meganav {
      left: -344px; }
      .header .topgradient .nav .mainnav ul li.research .meganav .middle {
        height: 375px; }
    .header .topgradient .nav .mainnav ul li:hover a {
      background: #ffffff;
      border-bottom: 6px solid #fff;
      position: relative;
      z-index: 9999; }
    .header .topgradient .nav .mainnav ul li:hover .meganav {
      display: block;
      z-index: 999; }

.Visit .header .topgradient .nav .mainnav ul li.visit:after {
  content: '';
  position: absolute;
  bottom: -8px;
  background: url(../images/icon_arrow_selected_link.png) no-repeat;
  width: 27px;
  height: 14px; }
.Visit .header .topgradient .nav .mainnav ul li.visit > a {
  background: #fff; }

.Collections .header .topgradient .nav .mainnav ul li.collections:after {
  content: '';
  position: absolute;
  bottom: -8px;
  background: url(../images/icon_arrow_selected_link.png) no-repeat;
  width: 27px;
  height: 14px; }
.Collections .header .topgradient .nav .mainnav ul li.collections > a {
  background: #fff; }

.Exhibits .header .topgradient .nav .mainnav ul li.exhibits:after {
  content: '';
  position: absolute;
  bottom: -8px;
  background: url(../images/icon_arrow_selected_link.png) no-repeat;
  width: 27px;
  height: 14px; }
.Exhibits .header .topgradient .nav .mainnav ul li.exhibits > a {
  background: #fff; }

.Research .header .topgradient .nav .mainnav ul li.research:after {
  content: '';
  position: absolute;
  bottom: -8px;
  background: url(../images/icon_arrow_selected_link.png) no-repeat;
  width: 27px;
  height: 14px; }
.Research .header .topgradient .nav .mainnav ul li.research > a {
  background: #fff; }

@media screen and (max-width: 64em) {
  .header .topgradient .nav .mainnav ul li {
    line-height: 1.8em;
    line-height: 1.8rem; }
    .header .topgradient .nav .mainnav ul li:hover .meganav {
      display: none; }
    .header .topgradient .nav .mainnav ul li.visit.active:after {
      left: 23%; }
    .header .topgradient .nav .mainnav ul li.collections.active:after {
      left: 36%; }
    .header .topgradient .nav .mainnav ul li.exhibits.active:after {
      left: 32%; }
    .header .topgradient .nav .mainnav ul li.research.active:after {
      left: 33%; }
    .header .topgradient .nav .mainnav ul li a {
      padding: 14px 7px 28px; }

  .timeline .stream {
    width: 89%; }

  .no-touch .header .topgradient .nav .mainnav ul li:hover .meganav {
    display: block; }
  .no-touch .header .topgradient .nav .mainnav ul li.visit:hover .meganav {
    left: -199px; }
  .no-touch .header .topgradient .nav .mainnav ul li.collections:hover .meganav {
    left: -245px; }
  .no-touch .header .topgradient .nav .mainnav ul li.exhibits:hover .meganav {
    left: -343px; }
  .no-touch .header .topgradient .nav .mainnav ul li.research:hover .meganav {
    left: -415px; } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/****object spotlight****/
.objects figure {
  position: relative; }
.objects div.overlay, .objects div.EXoverlay {
  background-color: #000;
  background: rgba(0, 0, 0, 0.85);
  padding: 20px 30px;
  position: absolute;
  width: 100%; }
  .objects div.overlay p.spotlight-title, .objects div.EXoverlay p.spotlight-title {
    color: #fff;
    font-family: 'Oswald', arial, sans-serif;
    font-size: 1.8em;
    font-size: 1.8rem;
    font-weight: 300;
    margin-bottom: 0;
    text-align: right; }
  .objects div.overlay p.object-title, .objects div.EXoverlay p.object-title {
    color: #fff;
    font-family: 'Oswald', arial, sans-serif;
    font-size: 4em;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: right; }
    .objects div.overlay p.object-title a, .objects div.EXoverlay p.object-title a {
      color: #fff; }
      .objects div.overlay p.object-title a:hover, .objects div.EXoverlay p.object-title a:hover {
        color: #fff; }
  .objects div.overlay h3, .objects div.EXoverlay h3 {
    float: left;
    margin-top: 0;
    margin-bottom: 20px; }
.objects .col4:nth-child(3n) {
  margin-right: 0; }
.objects .col4 a {
  clear: left;
  float: left;
  max-width: 100%;
  margin-bottom: 15px;
  min-height: 140px; }
  .objects .col4 a img {
    max-width: 100%;
    height: auto; }
.objects .col4 h3 a {
  min-height: 0;
  height: auto; }
.objects .sidebar ul li a.active {
  background-color: #24535B;
  color: #fff; }

@media screen and (max-width: 39.9375em) {
  .objects div.overlay p.object-title, .objects div.EXoverlay p.object-title {
    font-size: 2.3em;
    font-size: 2.3rem;
    line-height: 2.5em;
    line-height: 2.5rem;
    font-weight: 400;
    text-transform: normal;
    text-align: rleft;
    font-family: "Oswald";
    margin-bottom: 1em;
    margin-bottom: 1rem;
    padding-top: 0.5em;
    padding-top: 0.5rem;
    color: white; } }
#object-thumbs .last {
  margin-right: 0; }

.lt-ie9 {
  background: #000000; }
  .lt-ie9 body {
    padding-bottom: 0; }
  .lt-ie9 .breadcrumbs {
    width: 1074px; }
  .lt-ie9 .header .top .topnav ul li {
    padding-top: 11px; }
  .lt-ie9 .header .topgradient {
    background: #ececec; }
    .lt-ie9 .header .topgradient .nav .mainnav ul li {
      line-height: 1em; }
      .lt-ie9 .header .topgradient .nav .mainnav ul li ul li a {
        font-size: 17px;
        line-height: 25px;
        font-weight: 400; }
      .lt-ie9 .header .topgradient .nav .mainnav ul li .meganav h3 {
        font-size: 15px;
        line-height: 22px; }
      .lt-ie9 .header .topgradient .nav .mainnav ul li .meganav p {
        font-size: 16px;
        line-height: 20px; }
  .lt-ie9 .landing2col {
    height: 317px; }
    .lt-ie9 .landing2col .landIntro p {
      line-height: 25px; }
  .lt-ie9 .content {
    overflow: hidden; }
    .lt-ie9 .content h1 {
      font-size: 30px;
      line-height: 44px;
      margin-bottom: 22px; }
    .lt-ie9 .content h2 {
      line-height: 22px;
      font-size: 17px; }
    .lt-ie9 .content h3 {
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 15px; }
    .lt-ie9 .content p {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 20px; }
    .lt-ie9 .content .slideshow .slideOverlay {
      background: #000; }
      .lt-ie9 .content .slideshow .slideOverlay .slideTitle {
        font-size: 40px;
        float: right;
        line-height: 55px;
        clear: both; }
      .lt-ie9 .content .slideshow .slideOverlay .slideSubTitle {
        float: right;
        line-height: 22px;
        font-size: 18px;
        clear: both; }
    .lt-ie9 .content .slideshow .slide.hide {
      display: none; }
    .lt-ie9 .content .sidebar ul li {
      font-size: 15px;
      font-weight: normal;
      line-height: 20px; }
    .lt-ie9 .content .col12 {
      margin-right: 0; }
    .lt-ie9 .content .midContent p {
      margin-bottom: 20px; }
  .lt-ie9 footer {
    width: 100%;
    min-height: 600px; }
    .lt-ie9 footer p {
      line-height: 100% !important; }
    .lt-ie9 footer div.owney {
      position: absolute;
      top: 350px; }