html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after{ content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; }

body{ background: #0a0501; color: #a2935b; font: 12px "Century Gothic", centurygothic, futura, verdana, sans-serif; }
html,body,#bg,#bg table, #bg td,#cont{ width: 100%; height: 100%; overflow: hidden; }
#bg{ position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td{ vertical-align: middle; text-align: center; }
#bg img{ min-height: 50%; min-width: 50%; margin: 0 auto; }
#scroller{ height: 100%; width: 100%; overflow: scroll; position: absolute; z-index: 100; }

#container{ width: 1000px; height: 710px; margin: 2% auto; padding: 0 50px; background: #0a0501; }

#header{ float: left; }

#global{ font-size: 14px; margin: 60px 0 0 0; padding: 0 0 0 20px; float: left; }
#local{ font-size: 14px; margin: 10px 0 0 -15px; padding: 0 0 25px 0; }
.navigation li{ display: block; float: left; padding: 0 10px; }
.navigation li a{ display: block; float: left; padding: 5px; }
.navigation li a:link,
.navigation li a:visited{ color: #686042; text-decoration: none; border-bottom: 1px solid #0a0501;}
.navigation li a:hover{ border-color: #686042; }
.navigation li.current a:link,
.navigation li.current a:visited{ font-weight: bold; color: #a2935b; }
.navigation li.current a:hover{ border-bottom: none; cursor: default; }

a:link{ color: #a2935b; }
a:visited{ color: #686042; }
a:hover{ text-decoration: none; }

#social{ float: right; margin: 50px 0 0 0; }
#social a{ text-decoration: none; }
#social img{ border: none; height: 32px; }

#page_body{ clear: both; }

.info1{ background: url(../../content/info/about/images/01.jpg) center center no-repeat; }
.info2{ background: url(../../content/info/weddinginfo/images/01.jpg) center center no-repeat; }
.resources{ background: url(../../content/info/resources/images/01.jpg) center center no-repeat; }
.sessions{ background: url(../../content/info/sessions/images/01.jpg) center center no-repeat; }
.contact{ background: url(../../content/info/contact/images/01.jpg) center center no-repeat; }

#slideshow{ display: block; width: 1000px; height: 535px; margin: 0 auto 3px auto; }
#gallery{ display: block; width: 1000px; height: 535px; margin: 0 auto 3px auto; }

#content{ background: #0a0501; width: 350px; height: 350px; padding: 90px 100px; margin: 0 0 15px 445px; border-left: 5px solid #0a0501; }
html>body #content{ background: transparent url(../images/content.png); }
#body{ width: 350px; height: 350px; padding-right: 50px; overflow: auto; }

h1{ font-size: 30px; line-height: 36px; font-weight: normal; color: #686042; }
h2{ font-size: 24px; line-height: 36px; font-weight: normal; color: #686042; }
p{ padding-bottom: 24px; line-height: 24px; }
li, dt, dd{ line-height: 18px; }

form#contact{ width: 320px; }
form#contact fieldset { margin: 0; border: none; padding: 0; float: left; width: 320px; }
form#contact legend{ display: block; width: 310px; clear: both; color: #a2935b; font-size: 14px; padding-left: 0; padding-top: 0.8em; /* position: relative; left: -0.5em; */ }
form#contact label{ float: left; width: 45%; display: block; clear: none; padding: 0.4em 0.8em 0.4em 0; white-space: nowrap; }
form#contact img{ display: block; margin: 10px 0 0 0; padding: 0; }
form#contact input, #contact select{ width: 100%; margin-top: 0.1em; }
form#contact textarea{ width: 208%; margin-top: 0.1em; }
form#contact select{ height: 18px; margin-bottom: -5px; }
form#contact input.checkbox,
form#contact input.radio{width: auto; height: auto; margin: 0 .4em 0 0; padding-left: 0.3em; }
form#contact input#submit{ clear: both; float: left; width: auto; }
form#contact p{ font-size: 12px; text-indent: 0; margin: 0; }

.required{ color: #a2935b; }

input[type="checkbox"], input[type="radio"]{ margin: 0 15px 0 0; }
input[type="text"], textarea{ width: 250px; float: left; margin: 3px 75px 3px 3px; }
input[type="submit"], input[type="reset"]{ margin: 3px; }
input[type="submit"]:hover, input[type="reset"]:hover{ cursor: pointer; }

#session{ margin-bottom: 24px; }
#session label{ clear: left; float: left; width: 120px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session input[type="submit"]{ clear: both; }
#session p{ text-align: center; padding: 10px 0; }

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; background: #0a0501; border: 1px solid #686042; }

.instructions{ padding-bottom: 12px; }
.session_list{ width: 350px; margin: 0 auto; padding: 0; }
.session_list li{ list-style-type: none; padding: 0; margin: 0; }
.session_list li a{ display: block; padding: 5px; margin: 5px; border-bottom: 1px solid #686042; }

#footer{ clear: both; color: #686042; text-align: right; font-size: 10px; }
#footer .vcard{ margin: 20px -25px 20px 0; }
#footer .vcard div{ display: inline; padding-right: 25px; }
#footer p{ padding-right: 25px; }