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

/*reset*/
body, html, ul, iframe {margin:0; padding:0; font-size:1em; color:#000000; text-align:justify; border:none;}

body {width:95%; background-color:#b398ae; margin:8px auto 8px auto;}

p {margin:2px 2px 4px 2px; text-align:left;}

h1 {font-size:1.6em; font-weight:bold; text-align:center; margin:2px 0px 4px 0px;}

h2 {font-size:1.2em; font-weight:bold; text-align:center; margin:2px 0px 4px 0px;}

h3 {font-size:1em; font-weight:bold; text-align:left; margin:2px 0px 4px 0px;}

ul {margin:0 0 0 1em; list-style-type:disc;}

a:link {color:#2f39c1;}

a:visited {color:#900000;}

a:active, a:hover {color:#3d4aff;}

sub, sup {line-height:0;}

/*heading for tables such as the monthly events calendars*/
caption {text-align:center; font-size:1.2em; font-weight:bold; padding-bottom:4px;}

.alignleft {float:left; margin: 4px;}

.alignright {float:right; margin:0px 0px 4px 8px;}

.aligncenter {display:block; margin: 8px auto 8px auto;}

.column-1 {float:left;}

.column-2 {float:right;}

.column-2-1 {float:left;}

.column-2-2 {float:right;}

/*surround embedded YouTube videos, Google Maps and other iframe content in a .responsive-iframe div for responsive size*/
.responsive-iframe {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin:0 0 1em 0;}

.responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed {position:absolute; top:0; left:0; width:100%; height:100%;}

table.calendar {background-color:#fff5cc; font-size:1em; border-collapse:collapse; clear:both;}

table.calendar img {display:block; margin-left:auto; margin-right:auto;}

/*the weekday names at the top of monthly events calendars*/
tr.weekdays-black-on-gold {text-align:center; font-weight:bold; color:#000000; background-color:#ffcc00;}

/*alternate coloring for the weekday names at the top of monthly events calendars*/
tr.weekdays-gold-on-burgundy {text-align:center; font-weight:bold; color:#ffcc00; background-color:#900000;}

table.calendar td {padding:4px; border:1px solid #900000; vertical-align:top;}

table.calendar td.spacer {background-color:#900000; color:#ffffff;}

table.calendar td.spacer a:link, table.calendar td.spacer a:visited, table.calendar td.spacer a:hover, table.calendar td.spacer a:active {color:#ffcc00;}

table.calendar td.spacer ul {color:#ffffff;}

div.section {clear:both;}

div.smalltext p {font-size:0.9em;}

div.smalltext h1 {font-size:1.2em;}

/*creates a justified row of images. use stretch as the last element to force justify. doesn't work properly when pasted into Gmail*/
ul.row_of_images {text-align:justify; font-size:1em; line-height:1em; margin:0 0 -1em 0;}
.row_of_images li {display:inline-block;}
.row_of_images li.stretch {width:100%;}

p.centered {text-align:center;}

p.date {font-weight:bold; color:#900000;}

p.blockquote {font-size:0.9em; margin:2px 2em 4px 2em; color:#444444;}

p.attribution {text-align:right; margin:2px 2em 4px 2em;}

p.emphasis {font-weight:bold; font-variant:small-caps; color:#F00;}

/*caption text for centered images*/
p.caption {font-weight:normal; text-align:center; font-size:0.8em; margin:0 0 4px 0;}

.captionbox-left {float:left; text-align:center; margin:0px 4px 4px 0px; font-size:0.8em;}

.captionbox-center {text-align:center; margin:0px 4px 4px 4px; font-size:0.8em;}

.captionbox-right {float:right; text-align:center; margin:0px 0px 4px 4px; font-size:0.8em;}

.small {font-size:0.8em;}

.x-small {font-size:0.7em;}

#header {font-family:Copperplate Gothic Bold, serif; font-size:2em; text-align:center;}

#navbar {background-color:#900000; font-family:Copperplate Gothic Bold, serif;  margin:4px 0 4px 0;text-align:center;}

#navbar a, #navbar a:visited {color:#ffcc00; text-decoration:none;}

#navbar a:active, #navbar a:hover {color:#ffcc00; text-decoration:underline;}

#footer {text-align:center;}