@charset "UTF-8";
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #331811;
  background-color: #ffecce;
  margin: 0 0 40px 0;
  padding: 0px;
  font-size: 100%;
}

#outer {
  border: 1px solid #331811;
  padding: 2px;
  width: 940px;
  margin: 0 auto;
}
#outer #inner {
  background-color: #331811;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

#masthead {
  overflow: hidden;
  margin-bottom: 20px;
}
#masthead img {
  display: block;
}

.maincontent {
  padding: 24px 32px;
  font-size: 0.8em;
  line-height: 1.5em;
  background-color: #FFF;
}
.maincontent a {
  color: #9a422a;
}
.maincontent a:visited {
  color: #9a422a;
}
.maincontent a:hover {
  color: #eba231;
}

.folio {
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 1em;
  row-gap: 3em;
  margin-left: 3em;
  margin-right: 3em;
}
.folio a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  align-items: center;
}
.folio a img {
  object-fit: contain;
  height: 200px;
}
.folio a div {
  text-align: center;
  color: black;
}
.folio a div.title {
  font-weight: 600;
}
.folio a div.caption {
  color: #666666;
}

h1 {
  margin: 0px 0px 3em 0px;
  font-size: 1.3em;
  letter-spacing: 0.35em;
  color: #652b1c;
}

h2 {
  margin: 36px 0 0 0;
  font-size: 1.2em;
  letter-spacing: 0.35em;
  color: #652b1c;
}

h3 {
  color: #9a422a;
}

h4 {
  color: #9a422a;
  padding-left: 15px;
  margin-bottom: 0px !important;
}

.footer {
  overflow: hidden;
  font-size: 0.7em;
  color: #A09B97;
  margin-top: 20px;
  background-repeat: repeat-y;
  background-position: 504px 0px;
}
.footer .footercolumn1 {
  float: left;
  width: 498px;
  margin-right: 30px;
}
.footer .footercolumn1 a {
  color: #4AB0C6;
}
.footer .footercolumn1 a:visited {
  color: #4AB0C6;
}
.footer .footercolumn1 a:hover {
  color: #FFF;
}
.footer .footercolumn2 {
  float: left;
  width: 370px;
}
.footer .footercolumn2 a {
  color: #C0C0C0;
  text-decoration: none;
  display: block;
  padding: 6px 6px;
  border: 1px solid #382d24;
  background-color: #534235;
}
.footer .footercolumn2 a:hover {
  color: #331811;
  background-color: #caa181;
  border-color: #8f725b;
}
.footer .footercolumn2 ul {
  margin: 0;
  padding: 0;
}
.footer .footercolumn2 ul li {
  margin-bottom: 6px;
  list-style-type: none;
}
.footer .footer p {
  margin: 1px 0 12px 0;
}

#menubar {
  width: 100%;
  overflow: hidden;
  font-size: 0.8em;
  margin-bottom: 20px;
}

#menubar .menu {
  margin: 0px;
  padding: 0px;
}

#menubar .menu li {
  list-style-type: none;
  float: left;
  margin-left: 6px;
}

#menubar .menu li.first {
  margin-left: 0;
}

#menubar .menu a {
  color: #CCC;
  text-decoration: none;
  display: block;
  padding: 12px;
  border: 1px solid #666;
}

#menubar .menu a:hover {
  color: #331811 !important;
  border-color: #6DC0D1 #331811 #331811 #6DC0D1;
  background-color: #4AB0C6;
}

/*my changes below here*/
.centerText {
  text-align: center;
}

.title {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.dimensions {
  text-align: center;
  color: #666666;
}

.img-right {
  padding: 3px;
  background-color: #FFFFFF;
  border: 1px solid #B9AB84;
  float: right;
  margin-left: 10px;
}

.img-left {
  padding: 3px;
  background-color: #FFFFFF;
  border: 1px solid #B9AB84;
  float: left;
  margin-right: 10px;
}

/*Menu Outer Wrapper*/
.p7PMMh15 {
  width: auto;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: inherit;
  text-align: left;
  line-height: normal;
  margin-bottom: 1em;
}
.p7PMMh15 ul {
  margin: 0;
  padding: 0;
}
.p7PMMh15 ul li {
  list-style-type: none;
}
.p7PMMh15 > ul {
  display: flex;
  gap: 0.5em;
}
.p7PMMh15 > ul > li {
  width: auto;
  list-style-type: none;
  float: left;
}
.p7PMMh15 > ul > li a {
  display: flex;
  text-decoration: none;
  padding: 0.8em 1em;
  color: #ffecce;
  border: 1px solid #ffecce;
  text-transform: uppercase;
  align-items: center;
}
.p7PMMh15 > ul > li a:not(:only-child)::after {
  content: "▼";
  font-size: 0.5em;
  margin-left: 0.5em;
}
.p7PMMh15 > ul > li ul {
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.25s;
  transform: translateY(-10px);
}
.p7PMMh15 > ul > li:hover > a:only-child {
  color: black;
  background-color: #ffecce;
}
.p7PMMh15 > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: none;
}
.p7PMMh15 > ul > li ul {
  flex-direction: column;
  gap: 0.25em;
  padding-top: 0.5em;
  position: absolute;
  display: flex;
  min-width: 200px;
}
.p7PMMh15 > ul > li ul li a {
  background-color: #331811;
  padding: 0.5em 1em;
  background-image: none;
  text-align: left;
  border: 0;
  font-size: 0.95em;
  overflow: hidden;
  text-transform: none;
  border: solid 1px #ffecce;
}
.p7PMMh15 > ul > li ul li a:hover {
  color: black !important;
  background-color: #ffecce !important;
  background-image: none;
}

/*# sourceMappingURL=p7spepper05.css.map */