@import url(/css/colorbox.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic|Courgette|Pirata+One|Fjalla+One);
* { box-sizing: border-box; }
html { background: url("/images/background.jpg"); background-color: #cccccc; margin: 0; padding: 0; }
body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 12pt; margin: 32px auto; padding: 0; width: 960px; background: rgba(255, 255, 255, 0.75); box-shadow: 0 0 8px 1px #333333; }
h1, h2, h3 { font-family: Courgette; font-weight: normal; }
h1 { font-family: "Pirata One"; font-size: 40pt; margin: 0; background: url("/images/logo.png") no-repeat 50% 50%; text-shadow: 0 0 4px #ffffff; }
h2 { font-size: 22pt; margin: 0 0 1em 0; }
h3 { font-size: 20pt; margin: 1em 0}
a { color: #663300; }
label { display: block; font-size: 10pt; margin-top: 8px; }
input[type="text"], select, textarea { width: 360px; border: 1px solid #999999; background: #ffffff; padding: 8px; }
textarea { height: 120px; }
header { width: 960px; height: 192px; margin: 0; padding: 16px; no-repeat 50% 100%; }
header a { text-decoration: none; color: #333333; display: block; text-align: center; margin: 0; }
main { display: block; margin: 0; padding: 32px; min-height: 400px; }
main .images { float: right; margin: 16px 0 16px 16px; clear: both; text-align: center; }
main .images img { box-shadow: 0 0 8px 1px #666666; width: 320px; display: block; }
main .images a { display: block; color: #333333; text-decoration: none; margin-bottom: 16px; }
main .gallery, main .link { display: inline-block; border: 1px solid #cccccc; margin: 0 32px 32px 0; background: #ffffff; box-shadow: 0 0 8px 1px #666666; padding: 2px 2px 4px 2px; width: 262px; }
main .gallery img, main .link img { max-width: 256px; max-height: 256px; display: block; padding-bottom: 4px; }
main .gallery a, main .link a { display: block; color: #333333; text-decoration: none; text-align: center; }
main blockquote { position: relative; font-style: italic; margin: 0 0 32px 0; border-left: 8px solid #999999; padding: 0 0 4px 48px; }
main #map_wrapper, main #map_canvas { z-index: 1; }
main blockquote::before { content: "\201C"; color: #999999; font-size: 48pt; font-weight: bold; font-family: Georgia, serif; position: absolute; top: 0; left: 0; }
main blockquote cite { color: #666666; }
main blockquote cite::before { content: "\2014"; }
navi { position: absolute; top: 120px; margin: 8px; }
navi ul { margin: 0; padding: 0; list-style: none; }
navi li { display: inline-block; margin-left: 12px; width: 144px; height: 48px; background: repeating-radial-gradient(farthest-side at 50% 150%, #ccaa66, #eeeecc 5%); border-top-left-radius: 72px 8px; border-top-right-radius: 72px 8px; border-bottom-right-radius: 2px 48px; border-bottom-left-radius: 2px 48px; box-shadow: 0 0 2px 1px #666666;}
navi a { display: block; font-family: "Fjalla One"; font-size: 15pt; padding: 14px 0; color: #663300; text-shadow: 0 0 4px #ffeecc; text-decoration: none; text-align: center; }
navi a:hover, navi .active a { text-decoration: underline; }
navi ul ul { display: none; position: absolute; top: 48px; left: 0; z-index: 1;  padding: 0 8px; width: 976px; height: 48px; margin: 0 -16px; background: linear-gradient(#eeeecc 5%, #b68d4c 50%, #664422 95%); border-radius: 8px / 24px; box-shadow: 0 1px 4px 1px #666666; }
navi ul ul::before { content: ""; opacity: 0.5; background: url('/images/header.png'); z-index: -1; border-radius: 8px / 24px; width: 976px; height: 48px; top: 0; left: 0; position: absolute; }
navi ul ul li { background: none; box-shadow: none; width: auto; border-radius: 0; margin: 0; }
navi ul ul a { display: inline-block; background: none; text-decoration: none; text-align: left; margin: 12px 0 0 32px; padding: 0; }
navi .active ul { display: block; }
navi ul .active ul a { text-decoration: none; }
navi ul ul .active a { text-decoration: underline; }
footer { padding: 16px 16px; clear: both; text-align: center; }
#fb { float: right; margin: 14px; }
dt { font-weight: bold; }