@charset "UTF-8";
/* CSS Document */


body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #fffceb;  /* cream */
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* zero padding and margin on lists */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing top margin */
	padding-right: 15px;
	padding-left: 15px; /* get rid of box model math */
}

/* set paragraph element size */
p {
  font-size: 1.5rem;
  font-weight: normal;
}

/* set header element sizes */
h1 {
   font-size:2.3rem;
   font-weight:bold;
   }

h2, h4 {
   font-size:1.6rem;
   font-weight:bold;
   }

h3 {
   font-size:1.2rem;
   font-weight:bold;
   }
   
a img { /* removes the default blue border  */
	border: none;
}

a:link {
	color: #206ba4;
	text-decoration: none;
}

a:visited {
	color: #206ba4;
} 
 
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	color: #570e0e;
}

.tiny_text {
  font-size: 1.0rem;
  font-weight: bold;
}

/* ********************************************************************** */
/*        Add spacing around images and create different image sizes      */
/* ********************************************************************** */

img {
   margin:5px;
}

.smaller-img{
   padding: 3px;
   width: 75px;
}

.small-img{
   padding: 5px;
   width: 100px;
}

.medium-img{
   padding: 5px;
   width: 200px;
}

.medium125-img{
   padding: 5px;
   width: 125px;
}

.medium150-img{
   padding: 5px;
   width: 150px;
}

.medium250-img{
   padding: 5px;
   width: 240px;
}

.med_large-img{
   padding: 5px;
   width: 275px;
}

.large-img{
   padding: 5px;
   width: 360px;
}

.larger-img{
   padding: 5px;
   width: 475px;
}

.largest-img{
   padding: 5px;
   width: 625px;
}

.largest1000-img{
   padding: 5px;
   width: 1000px;
}

.largest-img-nopad{
   padding: 0px;
   margin-bottom:-6px;
   width: 625px;
}

.largest-img-form{
   padding: 5px;
   width: 800px;
}


.NHR-img{
   padding: 3px;
   width: 125px;
}

.vendor-small-img{
   padding: 2px;
   width: 65px;
}

.frame-vendor-img{
   padding: 3px;
   border-style: double;
   border-color: green;
   border-width: thick;
   margin-bottom: 15px;
   box-shadow: 0px 0px 10px 5px pink;  /* h v blur spread color - dark gray - 4 sides */ 
}


/* ********************************************************************** */
/* override bootstrap background color */
.chg_bg_white {
   background-color: #fcfcfc;  
}

/* override bootstrap background color */
.chg_bg_gray {
   background-color: #eee;  
}

/* override bootstrap background width */
.chg_bg_width {
   width: 100%;  
   margin-left: 2px;
}

/* center text */
.chg_align_center {
   text-align:center;
   padding: 1px;
}

/* justify text */
.chg_align_justify {
   text-align: justify;
   padding: 1px;
}

/* align text right */
.chg_align_right {
   text-align: right;
   padding: 1px;
}

/* align text left */
.chg_align_left {
   text-align: left;
   padding: 1px;
}

/* center image */
.center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* width: 50%; */
}

.divider {
 color:#ddd;
}

/* ********************************************************************** */
/* Styles for the top bar with contact information and social media links */ 
/* ********************************************************************** */

/* style the stripe on the top of the page */

#shs-header {
  height: 150px;
  background: #fffceb;  /* cream */
 }

#shs-header h5 {
  font-size: 6em;
  font-family: 'Dancing Script', cursive;
  color:#fff; 
  text-shadow: 5px 5px 5px #570e0e;
  padding: 20px 0 0 30px;  /* top right bottom left */ 
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: 570e0e;
 }


#shs-header h5 {
  /* Extra small devices (phones, less than 768px) */
  font-size: 2em;

  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    font-size: 4em;
  }


  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    font-size: 5.57em;
  }
}

.navbar-brand {
    font-family: "Six Caps";
    font-size: xx-large;
    margin-left:75px;
 }

/*  media icons right justified */
#media_block {
      float: right;
      padding: 30px 10px 0 0;  /* top right bottom left */
      margin: 0 20px 0 0;  /* top right bottom left */
      }

/*  set height and spacing for media icons */
#media_block img {
      height: 25px;
      margin-right: 5px;
      }



/* ********************************************************************** */
/* ~~ this fixed width container surrounds the other divs ~~ */
/* ********************************************************************** */

.container {
  width: 1250px;
  background-color: #fcfcfc;
  margin: 0 auto; /* centers the layout */
  box-shadow: 0px 0px 10px 5px #32383e;  /* h v blur spread color - dark gray - 4 sides */
}

/* left aside */
.aside_events{
  height: auto;
  padding:5px;
  margin:0 0px 0 0px;  /* top right bottom left */
  background-color:#CCC49F; /* tan */
  font-size: .85em;
  text-align: center;
  color: #570e0e;  /* maroon */
}

/* right aside */
.aside_topic {
  height: auto;
  padding:5px;
  margin:0 0px 0 0px;  /* top right bottom left */
  background-color:#E5E1CF; /* light tan */
  font-size: 1.0em;
  text-align: center;
  color: #570e0e;  /* maroon */
}

/* left aside */
.aside_history{
  /* height: 400px; */
  padding: 5px;  /* top right bottom left */
  margin:0 0px 0 0px;  /* top right bottom left */
  background-color:#E5E1CF; /* light tan */
  font-size: .85em;
  text-align: left;
  color: #570e0e;  /* maroon */
}

.aside_history a {
  text-align:left;
  display:block;
  padding:10px;
  color: #570e0e;  /* maroon */
  font-weight: bold;
  text-shadow: 2px 1px 0 #ddd;
  background:#E5E1CF;   /* light tan */
  text-decoration:none;
}
.aside_history  a:hover,  a:active {
  color:#CCC49F;  /* tan */
  text-decoration:none;
  background:#570e0e;   /* light tan */
  text-shadow: 2px 1px 0 #000;
}
/*
 left aside history */
.aside_history li {
  font-size: 1.25em;

}

/* store onlye */
.store_left {
  /* height: 400px; */
  padding: 5px;  /* top right bottom left */
  margin:0 0px 0 0px;  /* top right bottom left */
  background-color:#E5E1CF; /* light tan */
  font-size: .85em;
  text-align: left;
  color: #570e0e;  /* maroon */
}

.store_left a {
  text-align:left;
  display:block;
  padding:10px;
  color: #570e0e;  /* maroon */
  font-weight: bold;
  text-shadow: 2px 1px 0 #ddd;
  background:#E5E1CF;   /* light tan */
  text-decoration:none;
}
.store_left  a:hover,  a:active {
  color:#CCC49F;  /* tan */
  text-decoration:none;
  background:#570e0e;   /* light tan */
  text-shadow: 2px 1px 0 #000;
}

.main_resources ul, li{
  margin:0 0px 0 50px;  /* top right bottom left */
  line-height: 1.75;
}
.main_resources a {
  text-align:left;
  font-size: 1.2em;
  padding:10px;
  color: #570e0e;  /* maroon */
  font-weight: bold;
  text-shadow: 2px 1px 0 #ddd;
  text-decoration:none;
}
.main_resources  a:hover,  a:active {
  color:#CCC49F;  /* tan */
  text-decoration:none;
  text-shadow: 2px 1px 0 #000;
}

.ul_homepage {
  font-weight: normal;
  font-size: 1.5rem;
}

/* historic preservation timeline date */
.hptdate {
  color: #570e0e;  /* maroon */
  font-weight:bold;
  padding-right: 10px;
}


/* ********************************************************************** */
/*                      Styles for the navigation bar                     */ 
/* ********************************************************************** */


#navbar{
      list-style:none;
      margin-bottom:10px;
      float:left;  /* Float parameters force elements to stay on a single line */
      width:1240px;
      padding:5px;
      background-color:#CCC49F;   /* tan */
      margin-left: -15px;  /* shift to the left to align */
      }

#navbar li{
      font-size:1.6rem;
      list-style-type:none;
      float:left;
      margin-right:15px;
      margin-left:20px;
      border-radius:5px;
      position:relative;
      }

#navbar a{
      display:block;
      padding:4px;
      color: #570e0e;  /* maroon */
      font-weight: bold;
      text-shadow: 2px 1px 0 #ddd;
      background:#CCC49F;   /* tan */
      text-decoration:none;
      }

#navbar a:hover,  a:active {
      color:#CCC49F;  /* tan */
      text-decoration:none;
      }

/* ***** Dropdown styling ***** */

#navbar ul{
      list-style: none;
      position: absolute;
      background-color:  #570e0e;   /* maroon  */
      left: -9999px; /*Hide off-screen when not hovered over*/
      z-index: 10 !important;
      } 

#navbar ul li{
      padding-top:5px; /* Between the li items for spacing */
      float:none;
      margin-left:0px;
      }

#navbar ul a{
      white-space:nowrap; /*Stop text wrapping*/
      }

/* Display the dropdown on hover */
#navbar li:hover ul{ 
      left:0; /*Bring back on-screen when needed*/
      z-index: 99 !important;
      }

/* The top link display when a user hovers over sub-menu items */
#navbar li:hover a{ 
      text-decoration: none;
      background-color:  #570e0e;   /* maroon  */
      color:#CCC49F;  /* tan */
      text-shadow: 2px 1px 0 #000;
      }

/* The hover state defined a global style for links even before they're hovered over. Here we undo these effects. */
#navbar li:hover ul a{ 
      text-decoration:none;
      }

/* Defines the most explicit hover states when a user hovers over an individual link. */
#navbar li:hover ul li a:hover{ 
      background-color:  #fcfcfc;   /* white  */
      }
	  
/* ------------------------------------------- */
/*  override bootstrap table-hover  */
.table-hover {
	text-decoration: none:
}



.auction_gallery p {
   padding: 5px;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
   /* background: #dbdfe5; */
   }

.auction_gallery img {
   width: 245px;
   }


.frame-auction-img {
   padding: 3px;
   border-style: double;
   border-color: maroon;
   border-width: thick;
   margin-bottom: 15px;
   box-shadow: 0px 0px 10px 5px pink;  /* h v blur spread color - dark gray - 4 sides */ 
}


/* ------------------------------------------- */

figure img {
 display: block;
  margin-left: auto;
  margin-right: auto;
 }
 
figcaption {
 font: 10pt/10pt Verdana, Tahoma, Sans-serif;
 padding: 2px 4px;
 text-align:center;
 }

/* Fix middle column of image table so it centers */
.center-mid {
  margin-left: 45px; 
}
 
.museumitem {
  font:11pt/11pt Verdana, Arial, Helvetica, sans-serif; 
  line-height: 1.5;
}

/* ********************************************************************** */
/*                          Styles for the footer                         */ 
/* ********************************************************************** */

.footer {
	padding: 10px 0;
	background: #CCC49F;
	text-align: center;
	font-size: .75em;
}