#banner { background: url(images/banner.png) no-repeat 0px/100%; background-size: 100%; height: 200px; }
#banner .oltxt { font-family: Raleway; color: yellow; font-weight: 900; font-size: 3rem; text-align: center; position: relative; float: left; margin: 50px 0 0 20px; text-shadow: 1px 1px black; }
#banner .olsm { font-family: Raleway; color: white; font-weight: bold; font-size: 1rem; }
#banner .hbtn { font-family: Raleway; color: white; font-weight: normal; font-size: 0.8rem; float: right; margin: 20px 20px 0 0; }
#banner .hbtn a { font-family: "Open Sans"; color: white; font-weight: normal; font-size: 0.8rem; text-decoration: none; }
#banner .hbtn a img { height: 16px; width: 16px; }

#facgrid { background-color: navy; margin: 6px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; }
.blurb { padding: 12px; color: white; font-family: "Open Sans",sans-serif; font-size: 1.2rem; grid-column-start: 1; grid-column-end: 3; }
.blurb a { color: cyan; text-decoration: none; }
.facitem { background-color: white; padding: 8px; border-radius: 12px; margin: 8px; }
.facheader { font-family: Raleway; font-size: 1.3rem; color: maroon; font-weight:bold; margin-bottom:4px; }
.facres { font-family: Raleway; font-size: 1.1rem; margin-bottom: 12px; }
.facblurb, .facblurb p { margin-top: 0; margin-bottom: 12px; }
.facphoto { float: right; margin-left: 9px; margin-bottom: 9px; max-width: 50%; border-radius: 12px; border: 1px solid #999; max-height: 250px; }
.faclink { margin: 0 0 15px 12px; padding-left: 24px; background: transparent url(/common/images/link.svg) no-repeat left center; background-size: 20px auto; display: inline-block; color: #999; font-weight: bold; font-family: "Open Sans",sans-serif; text-decoration: none; }
.faclink:hover { color: maroon; font-weight: bold; }

.nicetext { margin: 12px; font-family: Lora; font-size: 1.2rem; line-height: 1.2; }
.nicetext p { margin: 0 0 12px 0; font-family: Lora; font-size: 1.2rem; line-height: 1.2; }
.nicetext b { font-weight: bold; color: maroon; }
.nicetext a { text-decoration: none; font-weight: bold; color: #666; border-bottom: 1px solid #666; }
.nicetext a:hover { border-bottom: 1px solid maroon; color: maroon; }
.nicetext ul { margin-left: 20%; margin-right: 24px; padding-left: 24px; list-style-type: none; }
.nicetext li { padding: 15px; border-bottom: 1px solid #ddd; font-family: "Open Sans"; font-size: 1.1rem; line-height: 1.3; }
.nicetext li:first-child { border-top: 1px solid #ddd; }
.nicetext li b { font-weight: bold; color: navy; }
.leftphoto { width: 20%; }

.facpub { margin: 0 0 15px 6px; padding-left: 0px; display: inline-block; color: #999; font-weight: bold; font-family: "Open Sans",sans-serif; text-decoration: none; cursor: pointer; }
.facpub::after { content: "\a0\25b6"; }
.facpublist { font-size: 0.8rem; display: none; margin-bottom: 9px; }
.facpubul { margin: 0; list-style-type: square; list-style-position: inside; text-indent: -12px; }
.facpubul li { margin-bottom: 6px; }
.facpubactive { color: black; }
.facpubactive::after { content: "\a0\25bc"; }

@media (max-width: 570px) {
  #facgrid { grid-template-columns: 1fr; }
  }