@import url("/javascripts/menu/hmenu.css"); div.dynarch-horiz-menu, div.dynarch-popup-base-menu {border-width: 0em }
div.dynarch-horiz-menu table, div.dynarch-popup-base-menu table {color: #2b6dbc; font-size: 1.1em; text-transform: uppercase}
div.dynarch-horiz-menu table tr td.item {padding: 3px 0}
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: #2B6EBD; color: #C9E39C; margin-top: 0em }
div.dynarch-popup-menu table td {}
div.dynarch-popup-menu tr.item.hover td {background-color: #C9E39C; color: #2B6EBD}
div.dynarch-popup-menu tr.item.active td {}
div.dynarch-popup-menu tr.separator td div {}
div.dynarch-popup-menu tr.disabled td.label {}
#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: 90%}
.blog li {list-style-type: none; padding: 1em 0em}
.blog_entries .header, .blog .header {position: relative; background-color: #EFEFEF; padding: 0.5em}
.blog_entries h2, .blog li h2 {color: #2f3c3c; font-weight: bold}
.blog_entries h3, .blog li h3 {color: #2f3c3c; top: 0.5em; right: 0.5em; position: absolute}
.blog_entries h6, .blog li h6 {bottom: 0.5em; right: 0.5em; position: absolute}
.blog_entries h6, .blog li h4 {color: #2F3C3C; font-style: italic}
#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}
table.calendar {border-collapse: collapse; width: 100%}
table.calendar .header {background-color: #579DD9; color: white; font-size: 95%; padding-bottom: 8px}
table.calendar .header a {color: white; font-size: 0.88em; font-weight: 700}
table.calendar .header a:hover {color: white; text-decoration: underline}
table.calendar th {text-align: center}
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 input, .contact_pages select, .contact_pages input, .contact_pages textarea {width: 15em;}
.contact_pages textarea {height: 5em}
.contact_pages th, .contact_pages td {vertical-align: top; padding: 0.5em}
.contact_pages th {text-align: right}
.column-container {width: 100%;}
.column-container td {vertical-align: top; padding: 1em;}
.left-sidebar {width: 30%; font-size: 0.95em}
#sub-navigation, #sub-navigation li {margin: 0em; padding: 0em}
#sub-navigation {height: 200px}
#sub-navigation li {float: left; margin-top: 1em; margin-left: 12px}
#sub-navigation li.first {margin-left: 0}
#radio {color: #c9e39c; background-color: #2b6ebd; padding: 1em; font-size: 1.4em; margin-top: 1em; border: 3px solid #c9e39c; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em}
#radio a {font-size: 0.65em; margin-left: 2em; padding: 0.5em 2em; color: white; background-color: #579dd9; border: 2px solid #c9e39c; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; line-height: 20px; vertical-align: top; text-decoration: none}
.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}
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;border-spacing:0;}
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;}
* {font-family: verdana, arial, helvetica, sans-serif}
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;}
#display-area {margin: 2em auto; width: 63em; position: relative; padding: 1px}
#content {margin: 305px 0 0 180px; position: relative; padding: 1em}
.home-page #content {margin-top: 400px; margin-left: 0; padding: 0}
#header {height: 305px; width: 100%; top: 0; left: 0; position: absolute}
.home-page #header {height: 400px}
#header #logo {position: absolute; top: 2.5em; left: 1em}
#header #visitor {position: absolute; right: -9px; top: -3px}
#header #events {position: absolute; top: 11em; left: 1em; z-index: 2}
#header #stock-art {position: absolute; top: 13.5em; left: 180px; z-index: 1}
.home-page #stock-art {left: 170px}
#events h2 {margin: 0em; padding: 0.25em}
#events .content {overflow: auto; height: 140px}
.home-page #events .content {height: 215px}
#menu {position: absolute; right: 1em; top: 11em}
#secondary-menu {position: absolute; top: 25em; left: 1em; z-index: 1; padding: 2em 0 1em}
#secondary-menu li {padding: 0 0.5em}
#events, #secondary-menu {width: 180px}
#footer {height: 2em; margin: 0em; padding: 0em; margin-left: 1em; position: relative; top: 2em}
#footer li {float: left; padding: 0em 0.5em; margin: 0em}
#footer li img {position: relative; top: -0.5em}
#footer li.first {padding-left: 0em}
#cordata-ad {text-align: center; position: relative; top: 2em}
.shadowed-content {position: relative; padding: 1px 1em}
.shadow-box {position: absolute; top: 0em; left: 0em; width: 100%; height: 100%; z-index: 0}
.shadow-box div {position: absolute}
.shadow-box .top, .shadow-box .bottom {left: 0em; width: 100%}
.shadow-box .right, .shadow-box .left {top: 24px; width: 30px; height: 100%}
.shadow-box .left {left: -30px}
.shadow-box .right {right: -30px}
.shadow-box .top {top: -13px; height: 13px}
.shadow-box .top .left, .shadow-box .top .right {top: 0; height: 37px}
.shadow-box .bottom {bottom: -70px; height: 70px}
html {background-image: url(/images/background.jpg)}
body {background-color: transparent;}
#display-area {background-color: white;}
a, a:visited {color: #2b6dbc}
h1 {color: #017bc6; text-align: right; border-bottom: medium solid #c9e39c; margin: 0.5em 0}
#events {background-color: #c9e39c; height: 180px; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-top-left-radius: 2em; -webkit-border-top-left-radius: 2em; -moz-border-radius-topleft: 2em; border-top-right-radius: 2em; -webkit-border-top-right-radius: 2em; -moz-border-radius-topright: 2em}
.home-page #events {height: 260px}
#events h2 {background-color: #2b6ebd; color: white; font-size: 1.4em; text-align: center; border-top-left-radius: 1em; -webkit-border-top-left-radius: 1em; -moz-border-radius-topleft: 1em; border-top-right-radius: 1em; -webkit-border-top-right-radius: 1em; -moz-border-radius-topright: 1em}
#events ul, li {margin 0; padding: 0}
#events ol {padding: 0 1em}
#events li {border-bottom: 2px solid #2B6DBC; padding: 0.5em 0}
#secondary-menu {background-color: #acc7e5; border-bottom-left-radius: 1em; -webkit-border-bottom-left-radius: 1em; -moz-border-radius-bottomleft: 1em; border-bottom-right-radius: 1em; -webkit-border-bottom-right-radius: 1em; -moz-border-radius-bottomright: 1em}
#secondary-menu a {text-decoration: none; color: white; font-size: 1.1em}
#secondary-menu a.selected {color: black}
#footer, #footer a {color: #4e7aaf}
#footer li {border-left: 1px solid #4e7aaf; line-height: 0.8em;}
#footer li.first, #footer li.nosep {border-left-width: 0em}
.shadow-box .left, .shadow-box .right {background-repeat: repeat-y}
.shadow-box .top, .shadow-box .bottom {background-repeat: repeat-x}
.shadow-box .left {background-image: url(/images/shadows/left.png)}
.shadow-box .right {background-image: url(/images/shadows/right.png)}
.shadow-box .top {background-image: url(/images/shadows/top.png)}
.shadow-box .bottom {background-image: url(/images/shadows/bottom.png)}
.shadow-box .top .left, .shadow-box .top .right, .shadow-box .bottom .left, .shadow-box .bottom .right {background-repeat: no-repeat}
.shadow-box .top .left {background-image: url(/images/shadows/top-left.png)}
.shadow-box .top .right {background-image: url(/images/shadows/top-right.png)}
.shadow-box .bottom .left {background-image: url(/images/shadows/bottom-left.png)}
.shadow-box .bottom .right {background-image: url(/images/shadows/bottom-right.png)}