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

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body   {
	background-image: url(/_astro/bodybackground.DgmD26nW.png);
	background-repeat:repeat-x;
	background-color:#000;
	padding:0px;
	border:0px;
	margin:0px;
	color: #1B140B;
	font-family:Verdana;	
}

#mainwrapper  {
background-color:#F4EBDC;
width: 100%;
height:100%;
}
	

#header			{
	background-image: url(/_astro/header.o5GeJgXu.png);
	width: 1007px;
	height: 350px;
	margin:auto;
	background-repeat:no-repeat;
	position:relative;
}

#navigation   {
	position: absolute;
	width: 885px;
	height: 36px;
	top: 85px;
	left: 87px;
}

#navigation  a {
	color:#FFF;
	text-decoration:none;
	font-size: 14pt;
	padding: 10px;
}

#navbutton   {
	width:142px;
	height: 39px;
	position:relative;
	float:left;
	background-image:url(/_astro/buttons.vVRavDWq.png);
	color: #FFF;
	text-align: center;
	line-height: 46px;
}

#content   {
	background-image:url(/_astro/contentbody.CnHVqsvf.png);
	width: 1007px;
	height: 800px;
	height:auto;
	overflow:visible;
	position:relative;
	margin:auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #1B140B;
}

#contenthead   {
	background-image:url(/_astro/contenthead.DQjDtrwZ.png);
	width: 1007px;
	height:33px;
	overflow:visible;
	position:relative;
	margin:auto;
	margin-left: auto;
}

#contentfoot   {
	background-image:url(/_astro/contentfoot.Cw_XppuQ.png);
	width: 1007px;
	height:25px;
	overflow:visible;
	position:relative;
	margin:auto;
	margin-left: auto;
}

#boxes   {
	background-image:url(images/content.jpg);
	width: 1007px;
	height:320px;
	overflow:visible;
	position:relative;
	margin:auto;
	margin-left: auto;
}

#footer   {
	background-image:url(/_astro/footer.DvwVNsck.jpg);
	width:100%;
	height: 200px;
	position:relative;
	background-repeat: repeat-x;
	background-color: #F4EBDC;
}

#leftcontent {
	width: 297px;
	height:300px;
	background-image:url(images/leftbox.jpg);
	float:left;
	position:relative;
	background-repeat:no-repeat;
	padding: 0px;
	padding-left: 5px;
	background-position: vertical-position;
}

#middlecontent {
	width: 297px;
	height:300px;
	background-image:url(images/middlebox.jpg);
	float:left;
	position:relative;
	background-repeat:no-repeat;
	padding: 0px;
	padding-left: 5px;
}

#rightcontent {
	width: 297px;
	height:300px;
	background-image:url(images/rightbox.jpg);
	float:left;
	position:relative;
	background-repeat:no-repeat;
	padding: 0px;
	padding-left: 0px;
}
	
#smallboxtext   {
	position:relative;
	color: #FFF;
	width: 265px;
	left: 15px;
	bottom: -130px;
}

#calltoaction   {
	position:absolute;
	color: #630;
	left: 28px;
	top: 243px;
	font-size: 20pt;
	width: 230px;
	text-align: center;
}

#calltoaction  a {
	color: #3F2A19;
}

hr  {
	margin:-10px;
	color:#332717
}

h1   {
	font-size:16pt;
	font-weight: bold;
	color:#332717;
	padding-bottom: 6px;
}

#galleryitem  {
	width: 125px;
	height:auto;
	display:inline;
	padding:25px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#gallerybox   {
	padding: 40px;
	clear:both;
	width: 700px;
	height: 150px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footertext {
	font-size:14px;
	color:#1B140B;
	text-align:center;
	padding-top: 7px;
}

			
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
*                                       {

}
a, a img                                { border: 0; text-decoration: none; outline: 0; }
#page-wrap                              { width: 760px; padding: 15px; background: black; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         {
	width: 900px;
	height: 190px;
	position: absolute;
	margin: 0 auto 15px;
	left: 64px;
	top: 145px;
}
.anythingSlider .wrapper                {
	width: 820px;
	overflow: auto;
	height: 171px;
	margin: 0 40px;
	position: absolute;
	top: -3px;
	left: 0;
}

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color:#D2C7B4;
	border-top: 3px solid ##D2C7B4;
	border-bottom: 3px solid #D2C7B4;
	margin: 0;
}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 171px; width: 861px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(/_astro/arrows.Q2yshSjs.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -15px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(/_astro/cellshade.Dw1uFhSu.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(/_astro/cellshade.Dw1uFhSu.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/*
 * responsive.css — the one stylesheet here that is NOT live's (DECISIONS D-15,
 * Josh 2026-11-03: "make it responsive"). Live is a fixed 1007px desktop page
 * with no viewport meta; this makes it usable on tablets and phones.
 *
 * Every rule sits under max-width: 1023px — the widest window in which the
 * 1007px frame plus a desktop scrollbar cannot fit. From 1024px up NOTHING here
 * applies, and the page stays pixel-identical to live (scripts/probe-parity.mjs
 * at 1024/1440/1920). Live's stylesheets stay verbatim; no font sizes change.
 *
 * Live draws the layout with fixed-width artwork: header.png carries the logo
 * AND the slideshow's beige frame, and contenthead/contentbody/contentfoot.png
 * are the content panel. Artwork 1024px wide cannot narrow, so below the
 * breakpoint the logo is cropped out of header.png and the frame and panel are
 * drawn in CSS from the same colours, corner radius and shadow.
 *
 * Selectors repeat live's own, so they win on source order (this file is
 * imported after live's) rather than on extra specificity. Rules for elements
 * our components own live in those components' \3c style> blocks.
 */

/* ---- Tablet and phone: one fluid column ------------------------------------- */
@media (max-width: 1023px) {
  /* The header becomes a stack: logo, tabs, slideshow. */
  #header {
    width: auto;
    height: auto;
    padding: 14px 12px 0;
    background-image: none;
  }

  /* The logo, cropped out of header.png (its box is 364x71 at 88,14) and
     scaled down when the screen is narrower than that. The percentages are the
     crop: size 1024/364, position 88/(1024-364) and 14/(352-71). */
  #header::before {
    content: "";
    display: block;
    width: min(364px, 100%);
    aspect-ratio: 364 / 71;
    background: url(/_astro/header.o5GeJgXu.png) no-repeat 13.3333% 4.9822% / 281.3187% auto;
  }

  /* The six tabs share one row on tablets, narrowing from live's 142px
     (the tab image stretches to fit), and wrap three to a row on phones. */
  #navigation {
    position: static;
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  #navbutton {
    float: none;
    flex: 1 1 0;
    min-width: 0;
    max-width: 142px;
    background-size: 100% 100%;
    white-space: nowrap;
  }
  #navigation a {
    padding: 10px 0;
  }

  /* The slideshow in a CSS copy of its frame: header.png's #D2C7B4 panel with
     rounded corners and a soft shadow. */
  .anythingSlider {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    margin: 12px 0 0;
    padding: 10px 24px;
    background: #D2C7B4;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  }
  .anythingSlider .wrapper {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    margin: 0;
  }
  /* One slide per wrapper width; the script reads the width, so the slides
     still line up after a resize or a rotation. */
  .anythingSlider .wrapper ul {
    position: relative;
    display: flex;
    width: auto;
    border-bottom: 0;
  }
  .anythingSlider ul li {
    flex: 0 0 100%;
    width: auto;
    height: auto;
  }
  .anythingSlider ul li img {
    display: block;
    width: 100%;
    height: auto;
  }
  /* The arrows at half size, centred on the frame's sides. */
  .anythingSlider .arrow {
    top: 50%;
    width: 33.5px;
    height: 100px;
    margin-top: -50px;
    background-size: 67px 200px;
  }
  .anythingSlider .forward       { right: -11px; background-position: 0 0; }
  .anythingSlider .back          { left: -11px;  background-position: -33.5px 0; }
  .anythingSlider .forward:hover { background-position: 0 -100px; }
  .anythingSlider .back:hover    { background-position: -33.5px -100px; }

  /* On live these sit under #content and are never seen; stacked, they would
     land in the middle of the page. */
  #thumbNav,
  #start-stop {
    display: none;
  }

  /* The content panel: live's artwork is the #D2C7B4 panel with rounded caps
     and a shadow on #1B140B sides. Drawn in CSS with 12px sides. */
  #contenthead,
  #content,
  #contentfoot {
    width: auto;
  }
  #contenthead,
  #contentfoot {
    background-image: none;
  }
  #contenthead::after,
  #contentfoot::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    background: #D2C7B4;
  }
  #contenthead::after {
    top: 15px;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.35);
  }
  #content {
    background-image: linear-gradient(#D2C7B4, #D2C7B4);
    background-size: calc(100% - 24px) 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  #contentfoot::after {
    top: 0;
    height: 16px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
  }

  /* Gallery index rows: live's fixed 700px boxes and floated 175px items
     become centred rows that wrap. */
  #gallerybox {
    width: auto;
    height: auto;
    padding: 10px 0;
    text-align: center;
  }
  #gallerybox h3 {
    text-align: left;
  }
  #galleryitem {
    float: none;
    display: inline-block;
    width: auto;
    padding: 10px 4px;
  }
}

/* ---- Phone: tabs three to a row ------------------------------------------- */
@media (max-width: 767px) {
  #header::before {
    margin: 0 auto;
  }
  #navigation {
    justify-content: center;
  }
  #navbutton {
    flex: 0 1 calc(100% / 3);
  }
}
.wrapper[data-astro-cid-kb4uamjl] {
  overflow: hidden;
}
.footer-inner[data-astro-cid-jo6i4kqk] {
  padding-left: 55px;
  padding-right: 55px;
}

@media (width <= 1023px) {
  .footer-inner[data-astro-cid-jo6i4kqk] {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.credit[data-astro-cid-jo6i4kqk] {
  padding: 5px;
  font-weight: bolder;
  font-size: 10px;
  text-align: center;
  display: block;
  width: 250px;
  color: #666;
  margin: auto;
  letter-spacing: -1px;
  margin-top: 30px;
}
.content-inner[data-astro-cid-ju4pidww] {
  padding-left: 90px;
  padding-right: 80px;
}

.content-inner[data-astro-cid-ju4pidww].gallery {
  padding-left: 60px;
}

@media (width <= 1023px) {
  .content-inner[data-astro-cid-ju4pidww], .content-inner[data-astro-cid-ju4pidww].gallery {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (width <= 767px) {
  .content-inner[data-astro-cid-ju4pidww], .content-inner[data-astro-cid-ju4pidww].gallery {
    padding-left: 24px;
    padding-right: 24px;
  }
}