@import url("/javascripts/menu/hmenu.css"); div.dynarch-horiz-menu, div.dynarch-popup-base-menu {}
div.dynarch-horiz-menu table, div.dynarch-popup-base-menu table {}
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 {}
div.dynarch-popup-menu table td {}
div.dynarch-popup-menu tr.item.hover td {}
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;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;}
#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%}
.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: black; color: white; font-size: 95%; padding-bottom: 8px}
table.calendar .header th {text-align: center}
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.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}
#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}
* {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif, Verdana}
html, body {background-color:#2A6EBB}
body {margin:0px; padding:0px; font-size:12px; color:#000; background-color:#2A6EBB; padding-top:30px; padding-bottom:10px}
p, ol, ul, li {font-size: 12px; line-height: 14px;}
.maincontainer {margin:0px auto; width:844px; height:100%}
.page-header {background-image:url(/images/topcurve.jpg); width:750px; height:105px; background-repeat:no-repeat; background-position:left bottom; position:relative; padding:28px 46px 0px 48px}
.footer {background-image:url(/images/botcurve.jpg); width:750px; min-height:107px; background-position:left top; background-repeat:no-repeat; position:relative; padding:0px 46px 0px 48px}
.container {background-image:url(/images/midbg.jpg); width:750px; height:100%; min-height:425px; padding:0px 48px 0px 46px}
.logo {position:absolute; top:30px; left:50px}
.search {position:absolute; right:48px; top:100px; height:25px}
.search label {float:left; font-family: Helvetica, sans-serif, Verdana; color:#2A6EBB; font-size:16px; margin-right:10px}
.search input.searchfield {background-image:url(/images/serchfieldbg.jpg); width:154px; height:19px; border:0px; border-width:0px; background-repeat:no-repeat; padding:0px 5px; float:left; margin-right:5px}
.search input.searchbut {background-image:url(/images/gobut.jpg); width:18px; height:18px; border:0px; border-width:0px; background-repeat:no-repeat; float:left; padding-left:18px}
.clearit {clear:both; font-size:0px; height:0px; line-height:0px}
.banner {position:relative; float:right; width:571px; height:215px; padding-top:24px}
.donatebut {position:absolute; top:24px; left:30px}
img {border:none}
.calltoaction {width:100%; margin-top:15px; height:180px}
.cta_boxes {float:left; margin-right:15px}
.lastbox {margin:0px}
.topmenu {position:absolute; right:48px; top:130px; color:#70B51C; font-size:15px; z-index:2}
.topmenu a {color:#70B51C; text-decoration:none}
.topmenu a:hover {color:#70B51C; text-decoration: underline}
.upcomingevents {background-image:url(/images/upcomingevents_box.jpg); width:179px; height:239px; background-repeat:no-repeat; float:left; overflow: auto}
.event-summary-container {height: 214px; margin-top: 25px; overflow: auto}
.upcomingevents_inner .event-summary-container {height: 104px}
.upcomingevents ol {padding:0px 15px; list-style:none}
.upcomingevents ol li {margin:0px 0px 7px 0px; padding:5px; list-style:none; border-bottom: solid 1px #fff; color:#fff}
.upcomingevents ol li.last {border-bottom:none}
.upcomingevents ol li a {color:#fff; text-decoration:none}
.upcomingevents ol li a:hover {color:#000; text-decoration:none}
.float_left {float:left; margin-right:5px}
.float_right {float:right; margin-left:5px}
.copyright {font-size:10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif, Verdana; color:#70B51C; margin-left:20px; margin-top:10px}
.copyright a {color:#70B51C; text-decoration:none}
.copyright a:hover {color:#70B51C; text-decoration: underline}
.ministrybox {position:absolute; bottom:20px; left:260px}
.upcomingevents_inner {background-image: url(/images/upcomingevents_box_inner.jpg); width:179px; height:129px; background-repeat:no-repeat; float:left; overflow: auto}
.upcomingevents_inner ol {padding:0px 15px; list-style:none}
.upcomingevents_inner ol li {margin:0px 0px 7px 0px; padding:5px; list-style:none; border-bottom: solid 1px #fff; color:#fff}
.upcomingevents_inner ol li.last {border-bottom:none}
.upcomingevents_inner ol li a {color:#fff; text-decoration:none}
.upcomingevents_inner ol li a:hover {color:#000; text-decoration:none}
.banner_inner {position:relative; float:right; width:571px; height:105px; padding-top:24px}
.subnavigation {float:right; background-image:url(/images/subnavibg.jpg); width:179px; min-height:239px; background-position:left bottom; background-repeat:no-repeat; background-color:#B7DA8D; padding-bottom:20px}
.subnavigation ul {margin:10px; padding:0px; list-style:none; color:#2A6EBB}
.subnavigation ul ul {margin: 0px 10px}
.subnavigation li {font-size:14px;}
.subnavigation ul a {color:#2A6EBB; text-decoration:none}
.subnavigation .active a {color: black}
.subnavigation ul a:hover {color:#2A6EBB; text-decoration: underline}
.sitecontent {float:left; width:560px; height:100%; padding-top:15px}
.sitecontent li {list-style: circle}
.content {width:100%; height:100%}
.sitecontent h1, .sitecontent h2 {color:#2A6EBB; font-weight:normal; font-size:20px; border-bottom:solid 1px #70B51C; margin-bottom:10px; padding-bottom:5px}
.sitecontent h2 {border-bottom-width: 0px; font-size: 18px}
.sitecontent p {margin-bottom:10px}


/*This is all a temp fix until habitat starts using full size banners*/
.banners img {
	right:0px !important;
	left:inherit !important;
	width:60px;
	height:45px;
}