#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; z-index: 101}
#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}
body {background-color: #FFFFFF; color: #595959; font-family: Arial, helvetica, sans-serif; font-size: 10pt; font-weight: 500}
tr.even {background-color: #dedece}
div.byline {margin-top: 0px}
div.description {background-color: #dedece; border: 1px solid #ccccbb; margin: 6px; margin-top: 10px; padding: 4px; width: 80%}
p {margin-top: 2px; margin-bottom: 10px}
p a {color: #666666}
p a:active {color: #666666}
p a:visited {color: #666666}
hr {padding: 0px; margin-top: 8px; margin-bottom: 8px}
h1 {color: #4f4f4f; font-size: 1.4em; text-align: left}
h2 {color: #4f4f4f; font-size: 1.18em; text-align: left}
h3 {color: #4f4f4f; font-size: 1em; text-align: left}
table.content {border: none; border-collapse: collapse; font-size: 1.0em; width: 705px}
table.content tr td.content {background-color: #EDEDED; border: none; margin: 0px; padding: 0px; vertical-align: top; width: 705px}
td.footer {background-image: url(/images/bg_footer.gif); background-repeat: no-repeat; font-size: 0.78em; height: 45px; text-align: center; vertical-align: bottom; width: 705px}
.errorExplanation {background-color: #FFFFFF; border: 1px solid #666666; color: black; padding: 10px; padding-top: 0px}
.errorExplanation h2 {color: red}
.errorExplanation p {color: black}
.errorExplanation li {color: black}
.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%}
.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}
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}
div.media {margin: 10px; background-color: white; margin: 12px; width: 90%}
div.media table.titles {margin-top: 20px}
div.media table.titles th {text-align: left}
div.media div.title {border-bottom: 1px dotted #FFCC33}
div.media div.series {}
div.media .description {}
div.media .byline {float: left; margin-top: 10px}
div.media .datetime {float: right; margin-top: 10px}
div.media .audio_file {border: 1px soild silver; padding: 10px}
div.media .study_notes {}
div.media .sendback {float: right; text-align: right}
.media-grid {width: 100%}
.media-grid td {padding: 1em; width: 33%; vertical-align: top; color: black; font-size: 0.7em}
.media-grid b {display: block}
.media-grid a {text-decoration: none; color: #02628A}
.media-grid p {font-size: 0.88em}
.media-grid img {margin-right: 1em; float: left; border: 1px solid black;}
td.menu {padding-top:0pt; padding-bottom:0pt; padding-left:10pt; padding-right:25pt}
div.dynarch-horiz-menu {border: none; height: 23px; margin: 0px; max-height: 23px; padding: 0px; padding-top: 0px}
div.dynarch-horiz-menu table {}
div.dynarch-horiz-menu table tr td {padding: 0px; margin: 0px}
div.dynarch-horiz-menu table tr td.item {padding-top: 4px; padding-bottom: 2px; padding-left: 14px; padding-right: 12px; margin: 0px}
.dynarch-popup-menu .item .arrow div {display: none}
div.dynarch-horiz-menu table tr td.hover {}
div.dynarch-horiz-menu table tr td.active {}
div.dynarch-horiz-menu table tr td.separator {width: 7px}
div.dynarch-horiz-menu table tr td.separator div {margin: 3px 3px}
div.dynarch-popup-menu {margin-top: 0px; padding: 2px}
div.dynarch-popup-menu table {border: thin solid black}
div.dynarch-popup-menu table .item {border: thin solid black; background-color: white; padding-top: 4px; padding-top: 4px}
div.dynarch-popup-menu tr.item.hover {background-color: black; color: white}
div.dynarch-popup-menu tr.item.active {}
div.dynarch-popup-base-menu table {border-width: 0px;}
div.dynarch-popup-base-menu table tr.item, div.dynarch-popup-base-menu table tr.item.hover {border: 0px; background-color: transparent; color: #02628A}
div.dynarch-popup-menu tr.separator td div {margin-top: 1px; margin-bottom: 1px}
div.dynarch-popup-menu tr.disabled td.label {}
.one-column {border-collapse: collapse; font-size: 0.90em; line-height: 1.36em; min-height: 480px; width: 100%}
.one-column td {color: #212121; padding-top: 1em; padding-left: .8em; padding-right: .8em; vertical-align: top}
table.two-column {border-collapse: collapse; font-size: 0.90em; line-height: 1.36em; margin: 2em; min-height: 480px; padding: 0em; width: 100%}
table.two-column td.main_deck {color: #212121; padding-top: 1em; padding-left: .8em; padding-right: .8em; vertical-align: top; width: 470px}
table.two-column td.side_deck {color: #333333; font-size: 0.92em; padding-top: 1em; padding-left: .5em; padding-right: .5em; vertical-align: top}
table.two-column td.side_deck h1 {}
table.two-column td.side_deck h2 {}
table.headlines {border-collapse: collapse; font-size: 0.90em; line-height: 136%; min-height: 480px; margin: 0px; width: 100%}
table.headlines td.side_deck {color: #333333; font-size: 0.92em; padding-top: 1em; padding-left: .5em; padding-right: .5em; vertical-align: top; width: 156px}
table.headlines td.main_deck {color: #212121; padding-top: 1em; padding-left: .8em; padding-right: .8em; vertical-align: top; width: 470px}
table.headlines #rightside {border-right: 1px solid #DDDBDC}
table.headlines #leftside {border-left: 1px solid #DDDBDC}
.article-summary td {width: 33%; padding: 1em; vertical-align: top; font-size: 0.7em}
.article-summary img {float: left; border: 1px solid black; margin-right: 1em}
.article-summary b {display: block; text-transform: uppercase;}
.article-summary a {text-decoration: none; color: #02628A; font-size: 1.2em}
#banner-article {border: 5px solid #cee7ef; float: right; margin-left: 1em}
#donation-success th {text-align: left;vertical-align: top;}
.menu {width: 100%; height: 1em}
.menu, .menu li {list-style-type: none; margin: 0; padding: 0}
.menu li {float: left; padding: 0 0.25em}
.menu a {text-decoration: none; padding: 0.25em; background-color: gray; color: white}
.list {border-collapse: collapse; font-size: 92%; margin: 0px; padding: 0px; padding-left: 6px; width: 100%}
.list .even {background-color: #E6E6E6}
.list .odd {background-color: #ffffff}
.list .inactive {text-decoration: line-through; font-size: 100%; color: gray}
.list .inactive a {color: gray}
.list .edit-line td {background-color: lightgray}
.list th, .list td {vertical-align: top}
.list td {padding: 0.25em}
.list th {border-bottom: 1px solid black; text-align: left}
.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}
#login {float: left}
#other-session-actions {float: left; width: 20em; margin: 0 0 1em 2em; border-left: 1px solid gray; padding: 1em }
#other-session-actions .action {padding-bottom: 4em;}
#other-session-actions a {float: right; clear: both; text-decoration: none; padding: 0.25em; background-color: gray; color: white}
#register {position: relative}
#register #secondary-column {position: absolute; left: 25em}
#register label, #register legend {font-weight: bold}
#register #user_gender label {font-weight: normal}
#register legend {font-size: 1.2em}
.fieldWithErrors {display: inline}
body {margin: 0px}
h1 {color: #3E88A7; font-size: 1em; text-transform: uppercase }
.bottom {position: absolute; width: 100%; left: 0px; bottom: 0px}
.top {position: absolute; width: 100%; left: 0px; top: 0px}
#display-area {position: relative; z-index: 1; width: 863px; margin: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 1px; background-image: url(/images/display-area-center.png)}
#display-area .bottom {height: 12px; background-image: url(/images/display-area-bottom.png); bottom: -1px}
#content-container {padding: 333px 0px 62px 145px}
.tall #content-container, .medium #content-container {padding-top: 390px}
#content-container .content {position: relative; background-image: url(/images/content-center.png); padding: 10px; width: 675px; margin: 50px 0px 0px}
#content-container .content .bottom {height: 10px; background-image: url(/images/content-bottom.png); width: 695px}
#highlight {position: absolute; top: 110px; left: 25px; width: 875px; height: 220px; z-index: 2; background-image: url(/images/highlight-center.png) }
.medium #highlight {height: 287px}
.tall #highlight {height: 334px}
#highlight .top {height: 10px; background-image: url(/images/highlight-top.png) }
#highlight .bottom {height: 10px; background-image: url(/images/highlight-bottom.png)}
#highlight .content {margin: 10px; margin-left: 7px; margin-right: 0px}
#highlight .banners, #highlight .pic {float: left; margin-right: 4px}
#highlight #banner-home_highlight_right, #highlight #banner-highlight_right {margin-right: 0px}
#menu {position: absolute; top: 300px; left: -48px; width: 175px; z-index: 1; color: #02628A; font-weight: bold; font-size: 1.1em; background-image: url(/images/menu-center.png) }
.medium #menu, .tall #menu {top: 375px}
#menu .top {height: 10px; background-image: url(/images/menu-top.png) }
#menu .bottom {height: 10px; background-image: url(/images/menu-bottom.png)}
#menu .content {margin: 30px 0px 0px 10px}
.tall #menu .content {margin-top: 60px}
#menu div.dynarch-popup-menu table {width: 161px}
#menu div.dynarch-popup-base-menu {margin-bottom: 2em}
#menu .item {height: 21px}
#menu .icon, #menu .icon div, #menu .end, #menu .end div {display: none}
#menu .label {padding: 0em 1em;}
#menu .selected .label {background-image: url(/images/menu-highlight.png); background-repeat: no-repeat}
#header {position: absolute; top: 0px; left: 0px; width: 100%; height: 90px}
#logo {position: absolute; top: 0px; left: 25px; width: 137px; height: 100px; background-image: url(/images/logo.png)}
#header .banner {position: absolute; top: 0px; left: 170px; width: 640px; height: 79px; padding: 10px; background-image: url(/images/banner-center.png)}
#header .banner .bottom {height: 10px; background-image: url(/images/banner-bottom.png); width: 660px; bottom: -1px}
#design-bar {position: absolute; top: 185px; left: 0px; width: 100%; height: 200px; background-color: #258ff7; z-index: 0}
.medium #design-bar, .tall #design-bar {height: 260px}
#footer {margin: auto; width: 863px; text-align: center}
#banner-bottom {margin-top: 1em; border: 1px solid #308E94}
#number-saved {position: absolute; top: 125px; right: 8px; background-color: black; color: white; width: 199px; padding: 0.25em 0em; text-align: center; font-weight: bold}
#login-notice {margin: 1em 3em; padding: 1em; border: 1px solid gray; background-color: lightgray}
#login-notice h1 {color: red }
#subscriber-list {border-collapse: collapse; border: 1px solid black}
#subscriber-list td {padding: 0.25em 0.5em}
.donations-new_batch .form th {text-align: left}