@import url("/javascripts/menu/hmenu.css"); div.dynarch-horiz-menu, div.dynarch-popup-base-menu {border: 0px; background-image: url(/images/menu-background.png); height: 33px}
div.dynarch-horiz-menu table, div.dynarch-popup-base-menu table {color: white; font-weight: bold}
div.dynarch-horiz-menu table tr td, div.dynarch-popup-base-menu table tr td {border-right: 1px solid white; line-height: 1.7em}
div.dynarch-horiz-menu table tr td.hover, div.dynarch-popup-base-menu table tr td.hover {}
div.dynarch-horiz-menu table tr td.active, div.dynarch-popup-base-menu table tr td.active {}
div.dynarch-horiz-menu table tr td.separator div, div.dynarch-popup-base-menu table tr td.separator div {}
div.dynarch-popup-menu {background-color: #ffc20d; margin-top: 0em}
div.dynarch-popup-menu table td {color: white}
div.dynarch-popup-menu tr.item.hover td {color: black; background-color: white}
div.dynarch-popup-menu tr.item.active td {}
div.dynarch-popup-menu tr.separator td div {}
div.dynarch-popup-menu tr.disabled td.label {}
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font-size: 76%; color: black; background-color: white; margin: 0em; padding: 0em}
p, ol, ul, li {font-size: 1em; line-height: 1.8em;}
h1, h2, h3, h4, h5, h6, p {margin: 1.2em 0em 1.2em 0em;}
h1, h2, h3 {font-weight: normal;}
h4, h5, h6 {font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}
image {border: 0em;}
ol, ul, li {margin: 0.2em 0em 0.1em;}
ol {list-style-type: decimal;}
ul {list-style-type: disc;}
ol, ul {padding-left: 1em;}
dd {margin-top: 0.25em;margin-left: 2em;margin-bottom: 1em;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace;font-size: 1.0em;}
strong, b {font-weight: bold;}
fieldset {border: thin solid black; padding: 0.5em; width: 30em; margin: 1em 0em}
fieldset legend {padding: 0em 0.25em; font-size: 1.2em}
// A few styles for ChurchCMS specific elements .back {float: right;}
.download-link {display: block}
// Give Flash messages and error displays a sane look */ .flash {padding: 1em;border: thin solid black;font-size: 1.2em;}
.flash li {list-style-type: none;}
#notice {background-color: #ccff66}
#message {background-color: #cccc66}
#warning, #error {background-color: #cd5c5c}
.errorExplanation {border: thin solid #666666; padding: 0em 1em 1em;}
.errorExplanation h2 {font-size: 1.2em;font-weight: bold; color: red;}
.errorExplanation li, .errorExplanation p {font-size: 1em !important;}
.errorExplanation li {list-style-type: disc !important;}
#RB_overlay {position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #000; opacity: .6; filter: alpha(opacity=60)}
#RB_redbox {width: 100%; position: absolute; top: 0px}
#RB_loading {position: relative; top: 200px; z-index: 101; width: 70px; height: 70px; margin: 0 auto; text-align: center; background: #666 url(../images/redbox_spinner.gif) no-repeat center center; border: 2px solid black}
#RB_window {z-index: 102; background-color: #FFFFFF; display: block; text-align: left; overflow: hidden; margin: 20px auto 0 auto; position: absolute}
.blog_entries .header h2, .blog_entries .header h3, .blog_entries .header h4, .blog_entries .header h5, .blog_entries .header h6, .blog, .blog li, .blog li h2, .blog li h3, .blog li h4, .blog li h5, .blog li h6 {padding: 0em;margin: 0em;}
.blog {width: 70%}
#content .blog li {list-style-type: none; padding: 1em 0em; margin: 0}
.blog_entries .header, .blog .header {position: relative; background-color: #EFEFEF; padding: 0.5em}
.blog_entries h2, .blog li h2 {color: #2f3c3c; font-size: 1.2em; font-weight: bold}
.blog_entries h3, .blog li h3 {color: #2f3c3c; font-size: 0.84em}
.blog_entries h4, .blog li h4 {color: #2F3C3C; font-style: italic}
.blog_entries h5, .blog li h5 {font-size: 0.84em; font-style: italic}
.blog_entries h6, .blog li h6 {}
#blog-tags {float: right; width: 25%}
#blog-tags, #blog-tags li {margin: 0em; padding: 0em; list-style-type: none}
#blog-tags li {padding: 0.25em 0.5em}
.blog_entries #comments, #blog_entries #comments li {margin: 0em; padding: 0em}
.blog_entries #comments li {list-style-type: none}
div.calendar {padding: 20px; text-align: center; width: 100%}
table.calendar {border-collapse: collapse; margin: 40px; width: 80%}
table.calendar .header {background-color: #f79429; color: white; font-size: 95%; padding-bottom: 8px}
table.calendar .header a {background-image: url(/images/bkgrd.gif); background-repeat: repeat; color: white; font-size: 0.88em; font-weight: 700}
table.calendar .header a:hover {color: white; text-decoration: underline}
table.calendar th.month-label {font-size: 120%}
table.calendar, table.calendar .day {background-color: #DCDCDC; border: thin solid black}
table.calendar .day {height: 120px; padding: 0.25ex 0.25em; vertical-align: top; width: 14%}
table.calendar .week-labels .label {font-size: 90%; padding: 0.25ex 0.25em; text-align: center}
table.calendar .noday {background-color: #ababab}
table.calendar .day.currentday {background-color: white}
table.calendar tr.week.currentweek {background-color: #F5F5F5}
table.calendar .day .label {font-size: 90%; font-weight: bold; margin-left: 2em; text-align: right; text-indent: -2em}
table.calendar .day ul, table.calendar .day ol, table.calendar .day li {font-size: 84%; list-style-type: none; margin: 0px; margin-left: 6px; margin-bottom: 6px; padding: 0px; text-indent: -6px}
.event {margin: 12px; width: 99%}
.event .title {font-size: 1.4em; font-weight: 700}
.event .datetime {font-size: 0.95em}
.event .description {background-color: transparent; border: none; font-size: 0.95em; padding: 1em; text-align: left}
.photos-show h2 {text-align: center; clear: both}
.photo-info {text-align: center}
.galleries-show .list td {padding: 0.25em 0.5em }
.maps-show td {vertical-align: top; padding: 0.5em}
.titles-index .list {width: 100%; border: thin solid black}
.titles-index .list th {color: white; background-color: black; font-size: 1.2em }
.titles-index .list th, .titles-index .list td {padding: 0.25em 0.5em}
.titles-index .instructions {font-size: 1.1em; width: 40em}
.contact_pages fieldset {border-width: 0em; width: 100%; margin: 0; padding: 0}
.contact_pages legend, .contact_pages label {font-size: 1.2em; font-weight: bold; padding-left: 0em}
.contact_pages legend {margin-bottom: 1em}
.contact_pages fieldset label {font-size: 1em; font-weight: normal}
.contact_pages #contact-information {margin: 1em 0em}
.contact_pages #contact-information p {margin: 0.1em 0em}
.contact_pages .form th {text-align: left}
.contact_pages .form td {padding-bottom: 2em}
.contact_pages .form fieldset td {padding: 0.25em}
.column-container {width: 100%;}
.column-container td {vertical-align: top; padding: 1em;}
.left-sidebar {width: 30%; font-size: 0.95em}
.portfolio td {padding: 8px; vertical-align: top;}
.donations table.content td.content {padding: 16px}
.donations table.content td.content input, .donations table.content td.content select {margin-bottom: 6px}
.donations table.content td.content label {}
.profiles .list .phone {padding-left: 10em; font-weight: bold}
.profiles .list td {padding-top: 1em;}
.profiles-show h1 {text-align: left}
#contact-info {float: right}
#contact-info a {display: block}
#display-area {width: 835px; margin: 0em auto; padding: 0em; position: relative}
#content {margin-top: 199px; padding: 1em 8em; position: relative}
#content.page-home {padding: 1em}
.inset {padding-left: 3em}
#header {position: absolute; top: 0em; left: 0em; height: 200px; width: 100%}
#secondary-navigation {position: absolute; top: 1em; right: 6em}
#secondary-navigation li {float: left; padding: 0em 0.75em}
#social-network-navigation {position: absolute; top: 3.25em; right: 4em}
#social-network-navigation li {float: left; padding: 0em 0.25em}
#promotion {position: absolute; bottom: 4em; right: 2em}
#logo {position: absolute; top: 1em; left: 4em}
#tag-line {position: absolute; top: 4em; left: 20em}
#menu {position: absolute; left: 0em; bottom: 0em; width: 100%}
#menu, #menu li {margin: 0em; padding: 0em}
#footer {position: relative; width: 100%; height: 50px;}
#icon-navigation {position: absolute; left: 0em; bottom: 0em;}
#icon-navigation li {float: left; margin: 0em 0.5em}
#contact-info {position: absolute; left: 14em; bottom: 1em;}
#contact-info li {float: left; padding: 0em 0.6em}
#cordata-logo {position: absolute; right: 0em; bottom: 0em}
.shadowed-content {position: relative; padding-top: 1px}
.shadow-box {position: absolute; top: 0em; left: 0em; width: 100%; height: 100%}
.shadow-box .right, .shadow-box .left {position: absolute; top: 0em; width: 17px; height: 100%}
.shadow-box .left {left: -17px}
.shadow-box .right {right: -17px}
.shadow-box .bottom {position: absolute; bottom: -20px; left: 0em; width: 100%; height: 20px}
.main-column {width: 529px}
.main-column h1 {width: 100%; height: 39px; margin: 0em; line-height: 30px}
#banner-column {height: 246px; padding-bottom: 1em}
#home-text {padding: 1px 1em 1em}
body {font-family: arial, helvetica, sans-serif; font-size: 10pt}
p, ol, ul, li {line-height: 1.4em;}
p {margin: 1em 0em}
a, a:visited {color: #f89c2a; text-decoration: none}
a:hover {text-decoration: underline}
html {background-image: url(/images/background.png); background-repeat: repeat-x}
body {background-color: transparent}
h1, h2, h3 {color: #4C4C4D; font-weight: bold}
h1 {font-size: 1.5em; border-bottom: 1px solid black; padding-bottom: 0.5em}
.warning {background-color: #FF6347; padding: 1em; font-weight: bold}
#content, #header {background-color: white}
#content li {list-style-type: disc; margin-left: 2em}
#content table {border-collapse: separate}
#header {background-repeat: no-repeat; background-position: top right; background-image: url(/images/corner.png)}
#secondary-navigation li, #contact-info li {line-height: 0.9em}
#secondary-navigation li {border-left: 1px solid #f89c2a; font-weight: bold}
#secondary-navigation li.first {border-left-width: 0px}
#footer {font-size: 0.9em; color: #787878}
#contact-info li {border-left: 1px solid #787878}
#contact-info li.first {border-left-width: 0px}
.shadow-box .left, .shadow-box .right {background-repeat: repeat-y}
.shadow-box .left {background-image: url(/images/shadows/left.png)}
.shadow-box .right {background-image: url(/images/shadows/right.png)}
.shadow-box .bottom {background-image: url(/images/shadows/bottom.png); background-repeat: repeat-x}
.shadow-box .bottom .left, .shadow-box .bottom .right {background-repeat: no-repeat}
.shadow-box .bottom .left {background-image: url(/images/shadows/bottom-left.png)}
.shadow-box .bottom .right {background-image: url(/images/shadows/bottom-right.png)}
.side-column {width: 230px; vertical-align: top; background-image: url(/images/background.png); background-repeat: repeat-x; background-position: 0px -400px; padding: 1em 1em 0em; text-align: center}
.side-column div {position: relative; width: 100%}
.side-column #portfolio {position: absolute; left: 0; bottom: 0em; width: 100%; text-align: center}
.main-column {padding-left: 2em; vertical-align: top}
.main-column h1 {background-image: url(/images/home-title.png); background-repeat: repeat-x; text-align: center; color: white; font-size: 1.2em; font-weight: bold; padding: 0em; border-bottom-width: 0em}
#home-text {background-color: #e9e8e7}
#home-text table {font-size: 0.9em}