@charset "UTF-8";

body { height: 100%; margin: 0; padding: 0; background: #006a53; font: 14px/23px 'Open Sans', 'Lucida Grande', sans-serif; color: #f9f8dd; overflow-y: scroll; }
body.home { background: #006a53 url('/images/under-bg.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

html { height: 100%; }

/* element/tag selectors */
ul, ol, dl { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
h1 { font: 25px 'EB Garamond', 'Palatino', Times, serif; color: #f3f29a; letter-spacing: 1px; }
h2 { margin-bottom: .5em; font-size: 15px; color: #f4f3b5; }
h3 { margin-bottom: 0; font-size: 14px; color: #fff; }

a img { border: none; }
a:link, a:visited { color: #fd0; text-decoration: underline; }
a:hover, a:active, a:focus { color: #f3f29a; text-decoration: none; }

ul, ol { margin: 0 0 0 1.5em; padding-bottom: 1.5em; }
li { margin-bottom: .5em; }
#content p { margin-bottom: 1.5em; }
iframe { margin: 6px 0 22px; }

/* misc. */
.cb { clear: both; height: 0; font-size: 1px; line-height: 0; }
.clearfix::after { content:""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.bold { font-weight: bold; };
.small-space { font-size: 1px; }
.yellow { color: #fd0; }

/* layout */
.wrapper { width: 100%; height: 100%; background: url('/images/bg-nav.png') repeat-x 0 156px; position: relative; }
body.home .wrapper { background: url('/images/bg-nav.png') repeat-x 0 327px; }

.container { width: 1020px; margin: 0 auto; min-height: 100%; position: relative; z-index: 1; }
#content { padding: 0 123px 100px; }

/* header */
#header { height: 250px; background: url('/images/header-level2.png') no-repeat 0 -14px; margin: 0; }
body.home #header { width: 820px; height: 484px; margin: 0 auto; background: url('/images/header-home2.png') no-repeat 20px -20px; clear: both; }

#announce { top: 34px; left: 95px; width: 333px; padding: 14px 0; border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(247,246,202,.1); -moz-box-shadow: 0 0 10px rgba(247,246,202,.1); box-shadow: 0 0 10px rgba(247,246,202,.1); font: 300 17px/31px 'Lato', 'Lucida Grande', sans-serif; color: #f7f6ca; text-align: center; letter-spacing: 1px; position: absolute; }
#announce .yellow { margin-top: 3px; font: 19px 'Palatino', Times, serif; display: inline-block; }

/* navigation */
#menu { padding: 158px 0 0 53px; }
body.home #menu { padding: 329px 0 0 9px; }
#menu ul { width: 100%; margin: 0 0 0 44px; padding: 0; overflow: hidden; }
#menu li { padding: 11px 22px 0; float: left; list-style: none; }
body.home #menu li { padding: 11px 23px 0; }
#menu li a { padding: 4px 6px; background: #fd0; border: 1px solid #fd0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #09674c; text-decoration: none; text-transform: uppercase; font: 14px 'Open Sans', 'Lucida Grande', sans-serif; text-shadow: 0 0 4px rgba(255,255,255,.5); }
#menu li a:hover { background: #fe0; border: 1px solid #fc0; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); color: #006a53; }
#menu li a.current-page { background: #fe0; border: 1px solid #fc0; bold; text-shadow: 0 0 4px rgba(255,255,255,.8); }

/* home */
body.home #announce { top: 402px; left: 341px; height: auto; padding: 0; border: 0; box-shadow: none; font: 300 20px/34px 'Lato', 'Lucida Grande', sans-serif; }
body.home #announce span.yellow { font: 23px 'Palatino', Times, serif; }

body.home #content p { text-align: center; }
body.home #content p.p1 { margin: 2px 0 23px 0; font: 400 italic 17px/34px 'Lato', 'Lucida Grande'; letter-spacing: 1px; }
body.home #content p.p2 { display: none; }
body.home #content p.p3 { margin-left: 200px; float: left; text-align: left; }
body.home #content p.p4 { margin-left: 30px; float: left; text-align: left; }
body.home #content p.p5 { margin-top: 10px; }
body.home #content p.p6 { margin-top: 0; font: 400 italic 17px/34px 'Lato', 'Lucida Grande'; letter-spacing: 1px; }

/* galleries */
.gallery-main-thumb { border: 1px solid rgba(0,0,0,.2); }
.thumb1, .thumb3 { margin: 10px 0 30px; }
.thumb2 { margin: 10px 9px 30px; }
iframe { margin: 6px 0 22px; }

/* celebrations styles */
#content.celebrations li { margin-bottom: 2.0em; }
#content.celebrations li p { margin: 0 0 1em 1em; }
#content.celebrations li p:first-of-type { margin: .5em 0 1em 1em; }

.all-years-table { margin-bottom: 1.5em; border-collapse: collapse; }
.all-years-table td { padding: 4px 9px; border: 1px solid #075542; vertical-align: top; }
.all-years-table td:first-of-type { width: 140px; font-weight: bold; }
.all-years-table ul { padding-bottom: 0; }
.all-years-table ul ul li { margin-bottom: 0; }

/* footer */
#footer-container { height: 50px; width: 100%; margin-top: -50px; display: block; background: rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 35px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 35px 1px rgba(0,0,0,0.2); box-shadow: 0 0 35px 1px rgba(0,0,0,0.2); position: relative; z-index: 100; }
.footer { width: 776px; margin: 0 auto; padding: 18px 0 0 0; }
.footer p { font: 11px 'Open Sans', 'Lucida Grande', sans-serif; color: #cec9b3; }