.sample-banner { background: #222; color: #fff; font: 14px/1.45 Arial, Helvetica, sans-serif; text-align: center; padding: 10px 14px; }
body { margin: 0; background: #7fb2a6; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #555; }
#page { box-sizing: border-box; width: 760px; max-width: 100%; margin: 12px auto; background: #fffde8; border: 3px ridge #6a8f3a; }
#masthead { background: #3d7a2a; background: linear-gradient(#5aa03c, #2f6320); text-align: center; padding: 14px 8px; border-bottom: 4px double #d4c24a; }
.logo-paw { color: #f7e36b; font-size: 12px; letter-spacing: 4px; }
.site-title { font-family: "Comic Sans MS", "Comic Sans", cursive; font-size: 30px; color: #ffff66; text-shadow: 2px 2px 0 #1b3a10; font-weight: bold; }
.site-sub { font-style: italic; color: #e8f5d0; font-size: 15px; }
#navbar { background: #9c2a2a; text-align: center; padding: 6px 4px; font: bold 12px Arial, sans-serif; color: #fff; }
#navbar a { color: #ffff99; text-decoration: none; }
#marquee { background: #ffff99; color: #c00; font: bold 12px Arial, sans-serif; text-align: center; padding: 4px; border-bottom: 1px solid #cc9; }
#layout { width: 100%; border-collapse: collapse; }
#layout td { vertical-align: top; }
#sidebar { width: 170px; background: #e6efd0; border-right: 2px solid #b8c98f; padding: 8px; font: 12px Verdana, Arial, sans-serif; }
.side-box { border: 1px solid #8aa65a; background: #f7fbe9; margin-bottom: 10px; padding: 6px; }
.side-head { background: #6a8f3a; color: #fff; font-weight: bold; padding: 2px 4px; margin: -6px -6px 6px; }
.side-box a { color: #2222cc; }
.tip { margin: 0; color: #777; }
.counter { text-align: center; font-size: 11px; color: #666; }
.digits { display: inline-block; margin-top: 3px; background: #000; color: #0f0; font: bold 13px "Courier New", monospace; padding: 2px 5px; border: 2px inset #999; }
#content { padding: 10px 16px 18px; line-height: 1.35; }
h1 { font-family: Georgia, serif; color: #9c2a2a; font-size: 24px; text-align: center; margin: 6px 0 10px; text-decoration: underline; }
h2 { font: bold 17px Arial, sans-serif; color: #3d7a2a; border-bottom: 1px dotted #3d7a2a; margin: 18px 0 6px; }
#content a { color: #0000ee; }
.photo-box { width: 240px; max-width: 100%; margin: 10px auto; border: 1px solid #999; padding: 4px; background: #fff; text-align: center; }
.photo-missing { height: 110px; line-height: 110px; background: #eee; color: #aaa; font: 12px Arial, sans-serif; border: 1px dashed #bbb; }
.caption { font-size: 11px; color: #888; margin-top: 3px; }
.small { font-size: 11px; color: #999; }
table.hours { border: 1px solid #aaa; border-collapse: collapse; font-size: 13px; }
table.hours td { border: 1px solid #ccc; padding: 3px 8px; }
.center { text-align: center; }
a.bevel { display: inline-block; background: #c0c0c0; color: #000 !important; text-decoration: none; font: bold 12px Arial, sans-serif; padding: 5px 12px; border: 3px outset #eee; }
#footer { background: #2f6320; color: #cfe3b0; text-align: center; font: 11px Arial, sans-serif; padding: 8px; }
#footer a { color: #ffff99; }
@media (max-width: 600px) {
  #page { margin: 0; border-width: 2px; }
  #layout, #layout tbody, #layout tr, #layout td { display: block; width: auto; }
  #sidebar { border-right: 0; border-bottom: 2px solid #b8c98f; }
  .site-title { font-size: 24px; }
}