/*mac hide \*/
html, body { height: 100% }
/* finish hide*/
body { margin: 15px }
body { color: #000; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; background-color: #fff; text-align: center; min-width: 770px }
* html body { font-size: x-small; f\ont-size: small }
/* ie5 is one size out*/
/*Elements*/
p, #leftcontentarea, #maincontentarea, #rightcontentarea, ol { color: #003262; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-weight: normal; line-height: 17px; letter-spacing: 0.1ex; margin: 0; padding: 0 0 5pt }
ol, ul { margin-left: 35px }
ol ol, ul ul { list-style-type: lower-alpha; margin-left: 23px }
strong { color: #7f3d17; font-size: 1em; font-weight: bold; }
em { color: #7f3d17; font-size: 1em; font-style: italic; font-weight: bold; }
h1 { color: #8e9b01; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-weight: bold; line-height: 16px; margin: 0 0 5px; border-bottom: 3px dotted #f0ecaf }
h2 { color: #0e3d91; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-weight: bold; line-height: 13px; text-transform: uppercase; margin: 0; padding: 0 }
h3 { color: #50240c; font-size: 13px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-weight: bold; line-height: 15px; margin: 10px 0 0 }
h5 { color: #003262; font-size: xx-small; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: normal; font-weight: bold; margin: 0 }
a { color: #5c5838; text-decoration: none }
a:hover { color: #F0ECAF; text-decoration: none }
/*FORMS*/
.tableoutline { font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 14px; background-color: #fff; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: #8e9b01; outline: solid 1px #fc0 }
.tablesectionheader { color: #cc0; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; font-weight: bold; line-height: 14px; background-color: #0e3d91; padding: 3px 10px; border-style: solid solid none none; border-width: 1px 1px 1px medium; border-color: #8e9b01; outline: solid 1px #8e9b01 }
.tableheader { font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 14px; background-color: #cc0; padding: 2px 10px; border-style: solid solid solid none; border-width: 1px 1px 1px medium; border-color: #8e9b01; outline: solid 1px #fc0 }
.tableheadertext { font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 14px; }
.tablerow1, .calrow1 { font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 12px; background-color: #f0ecaf; letter-spacing: 0; padding: 2px 10px; border-top: #8e9b01; border-right: 1px solid #8e9b01; border-bottom: medium none #8e9b01; border-left: #8e9b01 }
.tablerow2, .calrow2 { font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 12px; padding: 2px 10px; border-top: #8e9b01; border-right: 1px solid #8e9b01; border-bottom: medium none #8e9b01; border-left: #8e9b01 }
.tablerowoverdue, .caloverdue { font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 12px; background-color: #fdd4d7; padding: 2px 10px; border-top: #8e9b01; border-right: 1px solid #8e9b01; border-bottom: medium none #8e9b01; border-left: #8e9b01 }
.tablerowcurrent, .calcurrent { font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 12px; background-color: #fdfad4; padding: 2px 10px; border-top: #8e9b01; border-right: 1px solid #8e9b01; border-bottom: medium none #8e9b01; border-left: #8e9b01 }
.calrow1, .calrow2, .calcurrent, .caloverdue { border-top: #8e9b01; border-right: #8e9b01; border-bottom: 1pt solid #8e9b01; border-left: #8e9b01 }
.dropdownwhite, .input { font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, SunSans-Regular; line-height: 12px; border-style: solid; border-width: 2px 1px 1px 2px; border-color: #5c5838 #8e9b01 #8e9b01 #5c5838 }
/*DESIGN AREAS THAT NEED SPECIFIC CONTROL OVER STYLES*/
#leftcontentarea, #rightcontentarea { letter-spacing: 0; }
#outer { text-align: left; margin-top: 25px; margin-right: auto; margin-left: auto; position: relative; width: 770px }
* html #mainouter { position: relative; width: 100%; lef\t: 0; t\op: 50% }
* html #outer { ma\rgin-top: 0; t\op: -50% }
#outer1, #outer4 { background: url("/fpages/images/bg-top.gif") repeat-x left top; margin-left: 15px; position: relative; width: 740px; height: 15px; overflow: hidden }
#outer2 { background: #d6cf8d url("/fpages/images/bg-left.gif") repeat-y left top; position: relative; width: 770px }
#outer3 { background: url("/fpages/images/bg-right.gif") repeat-y right top; position: relative; width: 770px }
#outer4 { background: url("/fpages/images/bg-bottom.gif") repeat-x left top }
/*#content { padding: 0 17px 0 15px; position: relative; z-index: 999 }\*/
/* hide from ie mac and force layout in ie \*/
/** html #content { height: 1% }\*/
/* finish hiding*/
#contentbox { padding: 0 17px 0 15px; position: relative; z-index: 999 }
/* hide from ie mac and force layout in ie \*/
* html #contentbox { height: 1% }
/* finish hiding*/
#left { padding-top: 130px; position: relative; z-index: 2001; width: 102px; float: left }
* html #left { margin-top: 130px; padding-top: 0 }
/* mozilla needs padding-top because of its top margin bug and ie wants margin-top*/
img#logo { position: absolute; z-index: 2001; top: 27px; left: 27px; width: 80px; height: 118px }
#centre { margin: 0 2px; padding-top: 15px; width: 436px; float: left }
#centre-mainimg { margin-top: -15px; position: relative; width: 436px; height: 106px; float: left; border-bottom: 2px solid #fff }
* html #centre-mainimg { height: 108px; he\ight: 106px }
/* this following style is only used on home page via body id */
body#home #centre-mainimg { background: url("/fpages/images/homepage-main.jpg") no-repeat left top; margin-top: -15px; position: relative; width: 436px; height: 225px; float: left; border-bottom: 2px solid #fff }
* html body#home #centre-mainimg { height: 227px; he\ight: 225px }
#right { background: #2b578a; padding-top: 15px; position: relative; z-index: 1; width: 196px; float: right }
#right-top { border-bottom: 2px solid #fff }
#fostering { background: url("/fpages/images/fostering.gif") no-repeat left top; margin-left: 12px; width: 163px; height: 125px }
/* hide from mac \*/
* html #fostering { height: 127px }
/* end hide - only ie gets 127*/
body#home #fostering { height: 244px }
/* for home page only via body id*/
/*line ie up correctly -only ie gets this\*/
* html body#home #fostering { height: 246px }
/* end hiding from mac */
#footer { color: #fff; font-size: x-small; line-height: 22px; background: #2b578a; text-align: right; height: 22px; clear: both; border-top: 2px solid #fff }
* html #footer { font-size: xx-small; height: 24px; f\ont-size: x-small; he\ight: 22px }
/* box model hack and font-size for ie5.# which is one size out*/
#footer p { margin: 0; padding: 0 }
#footer a { color: #fff; text-decoration: none }
#footer a:hover { color: #ff5d00; text-decoration: none }
#corner-tl, #corner-tr, #corner-br, #corner-bl { background: url("/fpages/images/corner-tl.gif") no-repeat left top; position: absolute; z-index: 1000; width: 34px; height: 34px }
#corner-tl { top: 0; left: 0 }
#corner-tr { background: url("/fpages/images/corner-tr.gif") no-repeat left top; margin-right: 2px; top: 0; right: 0 }
#corner-br { background: url("/fpages/images/corner-br.gif") no-repeat left top; margin-right: 2px; right: 0 }
#corner-bl { background: url("/fpages/images/corner-bl.gif") no-repeat left top; left: 0 }
/* hide from ie mac \*/
#corner-br, #corner-bl { bottom: 0 }
/* finish hiding*/
/* ie mac only styles below*/
* html>body #corner-bl { margin-top: -34px; t\op: 100% }
* html>body #corner-br { margin-top: -34px; t\op: 100% }
* html>body #outer4 { lef\t: 15px }
/* end of mac ie styles */
.clearer { margin-top: -1px; height: 1px; clear: both; overflow: hidden }
/* these 2 following styles must not be moved away from each other */
* html .clearer { margin-top: -1px; voice-family: inherit }
* html .clearer { margin-top: 0; ma\rgin-top: -1px }
/*ie5.5 gets first and ie6 gets second*/
/* above hack gives different values to each ie version */
/*....................... centre page navigation ...................*/
/* #nav = middle page navigation - #leftnav =left navigation */
#mainnav { background: #e66e29; position: relative; width: 436px; height: 32px; border-bottom: 2px solid #fff }
* html { height: 34px }
/* for ie mac*/
/* hide from ie mac\*/
* html #mainnav { height: 34px; he\ight: 32px }
/* end hide*/
ul#nav { font-family: Verdana, Arial, Helvetica, sans-serif; width: 436px }
ul#nav, ul#nav li { background: #e66e29; text-transform: uppercase; list-style: none; margin: 0; padding: 0; height: 32px }
ul#nav li { color: #fff; text-align: center; width: 144px; height: 32px; float: left }
ul#nav li.central { border-right: 2px solid #fff; border-left: 2px solid #fff }
ul#nav li.central { width: 148px; w\idth: 144px }
/* account for borders in broken box model */
ul#nav li a { color: #fff; font-size: x-small; text-decoration: none; display: block; padding: 5px 0; width: 144px; height: 22px }
* html ul#nav li a { font-size: xx-small; height: 32px; f\ont-size: x-small; he\ight: 22px }
/* ie5 is one size out*/
ul#nav li a:hover { background: #3d0000 }
/*................................ subnav .......*/
#mainsubnav { background: #3d0000; margin: 0; width: 436px; height: 17px; border-bottom: 2px solid #fff }
/* hide from mac \*/
* html #mainsubnav { margin-top: -1px; padding-top: 0; height: 19px; he\ight: 17px }
/*end hide */
ul#nav ul { position: absolute; top: 100%; left: 0; width: 436px }
ul#nav ul, ul#nav ul li { background: transparent; text-align: left; list-style: none; margin: 0; padding: 0 }
* html ul#nav ul { margin-top: 4px; ma\rgin-top: 0 }
/* hide from mac \*/
* html ul#nav ul { margin-top: 2px }
/* for ie5 and 5.5.*/
/* end hide*/
ul#nav li ul li { display: inline; padding: 0; width: auto; float: none }
ul#nav li ul li a { background: transparent; display: inline; padding: 0 0 0 10px; width: auto }
body#treasurers ul#nav li a.treasurerscurrent, body#pastors ul#nav li a.pastorscurrent, body#families ul#nav li a.familiescurrent, body#about ul#nav li a.aboutcurrent, body#event ul#nav li a.eventcurrent, body#contact ul#nav li a.contactcurrent { background: #3d0000 }
ul#nav ul li a:hover, ul#nav ul li a.current { color: #e66e29; background: transparent }
ul#nav ul li.serviceslist a.services, ul#nav ul li.faqslist a.faqs, ul#nav ul li.resourceslist a.resources, ul#nav ul li.downloadslist a.downloads, ul#nav ul li.articleslist a.articles, ul#nav ul li.serviceslist a.fservices, ul#nav ul li.faqslist a.ffaqs, ul#nav ul li.resourceslist a.fresources, ul#nav ul li.downloadslist a.fdownloads, ul#nav ul li.articleslist a.farticles, ul#nav ul li.serviceslist a.tservices, ul#nav ul li.faqslist a.tfaqs, ul#nav ul li.resourceslist a.tresources, ul#nav ul li.downloadslist a.tdownloads, ul#nav ul li.articleslist a.tarticles { color: #e66e29 }
ul#nav ul { display: none }
/* turn off all subnavs */
/* sub navs are turned off via body id. therefore each page must have an id that matches the clss in the central menu*/
body#pastors .page2 { display: block }
body#treasurers .page3 { display: block }
body#families .page4 { display: block }
body#home #mainsubnav, body#home ul#nav ul { display: none }
/* ........................ left nav ............................. */
ul#leftnav, ul#leftnav li { line-height: 17px; text-transform: uppercase; list-style-type: none; margin: 0; padding: 0; float: none }
ul#leftnav { margin-top: 10px; height: auto; border-top: 2px solid #fff }
body#home ul#leftnav { margin-top: 129px }
/* used only on home page via body id */
ul#leftnav li { color: #fff; background: #e66e29; text-align: center; height: 17px; border-bottom: 2px solid #fff }
ul#leftnav li a { color: #fff; font-size: x-small; line-height: 17px; text-decoration: none; display: block; padding: 0; width: 102px; height: 17px }
* html ul#leftnav li a { font-size: xx-small; f\ont-size: x-small }
/* ie5 is one size out*/
ul#leftnav li a:hover { background: #3d0000 }
* html ul#leftnav li { margin-top: -4px; voice-family: inherit }
* html ul#leftnav li { margin-top: 0 }
/*ie5 doesn't get this*/
/* these 2 following styles must not be moved away from each other - used only on home page via body id \*/
* html ul#leftnav { margin-top: 16px; voice-family: inherit }
* html ul#leftnav { margin-top: 12px; ma\rgin-top: 12px }
/*move ul down because we shifted the li up to close gap in ie5 above hack gives different values to each ie version */
/* these 2 following styles must not be moved away from each other \*/
* html body#home ul#leftnav { margin-top: 135px; voice-family: inherit }
* html body#home ul#leftnav { margin-top: 131px; ma\rgin-top: 131px }
/* move ul down because we shifted the li up to close gap in ie5 - above hack gives different values to each ie version */
#centre h1 { color: #3d0000; font-size: 1.5em; margin: 0 0 0.5em; padding: 0 }
#centre h2 { font-size: 1em }
#centre h3 { font-size: 0.9em }
#spotlight { color: #180f06; font-size: 0.9em; font-weight: bold; padding: 16px 16px 30px }
#spotlight a img { float: right; clear: right }
#spotlight p { margin: 0; padding: 0 0 5px }
#spotimg { display: inline; margin-bottom: 3px; margin-left: 3px; position: relative; width: 147px; height: 97px; float: right; border: solid 2px #fff }
* html #spotimg { width: 151px; height: 101px; he\ight: 97px; w\idth: 147px }
#spotimg img { display: block; width: 147px; height: 97px }
#spotlight img, #maincontent img { border: solid 2px #fff }
.quote { color: #d6cf8d; font-size: 11px; text-align: center; margin-top: 20px; padding: 10px }
.quote a { color: #fff }
.quote p { margin: 0; padding: 0 }
body#home .quote { margin-top: -10px }
#news { color: #000; font-size: 90%; background: #e66e29; padding: 16px 16px 20px }
#news h2 { color: #273e80; font-size: 1em; text-transform: uppercase; margin: 0; padding: 0 }
#news h3 { color: #3d0000; font-size: small; margin: 0 0 5px; padding: 0 }
#news p { color: #000000; font-size: 0.9em; margin: 3px 0; padding: 3px 0; border-top: 1pt solid #600; border-bottom: 1px solid #600 }
#news a.bmHeadlineLink { font-size: 1em }
#news a.bmHeadlineLink:hover { color: #ffffff }
* html #news h2, * html #news h3, * html #news p { font-size: x-small; f\ont-size: small }
.top { margin-top: 0 }
/* use to kill top margin on any element you want*/
/*Navigation*/
.navcell { color: #003262; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 10px; margin: 0; padding: 4px 4px 3px; vertical-align: top }
a.bmNavigation { color: #0e3d91; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-top: 1px; padding-right: 4px; padding-left: 4px }
a.bmNavigation:visited { color: #5c5838 }
a.bmNavigation:hover { color: #fff; background-color: #8e9b01 }
.subnavcell { color: #f0ecaf; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 10px; margin: 3px 4px; padding: 3px 4px }
.subnavcell a.bmNavigation { color: #f0ecaf; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 10px; padding-top: 0 }
.subnavcell a.bmNavigation:visited { color: #cc0 }
.subnavcell a.bmNavigation:hover { color: #fff }
.subnavcell .bmActiveNav { color: #f0ecaf; font-size: 11px; background-color: #8e9b01; padding-top: 0; padding-right: 4px; padding-left: 4px }
.bmActiveNav { color: #f0ecaf; font-size: 11px; background-color: #0e3d91; padding-top: 1px; padding-right: 4px; padding-left: 4px }
.bmActiveNav:visited { color: #f0ecaf }
.bmActiveNav:hover { color: #fff }
/*Breadcrumbs*/
.bmBreadcrumbText { color: #8e9b01; font-size: 9px }
a.bmBreadcrumbs { color: #8e9b01 }
a.bmBreadcrumbs:visited { color: #5c5838 }
a.bmBreadcrumbs:hover { color: #0e3d91 }
/*Links*/
a.bmParent { color: #333; font-size: 10px; font-weight: bold }
a.bmParent:visited { color: #333 }
a.bmParent:hover { color: #c00 }
/*Article Links*/
.bmLinkleft { margin: 0; padding: 0; clear: left }
.bmLinkright { margin: 0; padding: 0; clear: right }
a.bmHeadlineLink { color: #5c5838; font-size: 8pt; text-decoration: none; margin: 0; padding: 0 }
a.bmHeadlineLink:visited, a.bmRelatedLink:visited, a.bmSpotHeadline:visited { color: #8e9b01 }
a.bmHeadlineLink:hover, a.bmRelatedLink:hover, a.bmSpotHeadline:hover { color: #0e3d91 }
a.bmRelatedLink { color: #5c5838; font-size: 8pt; line-height: 15pt; text-decoration: none; margin: 0 0 10px; padding: 0 0 10px }
#maincontentarea a.bmHeadlineLink, a.bmSpotHeadline { color: #8e9b01; font-size: 12px; font-weight: bold; letter-spacing: 0 }
div.bmRelatedLink {margin: 1em 0}
/*Tools*/
a.bmQuickHead { color: #333 }
a.bmQuickHead:visited { color: #600 }
a.bmQuickHead:hover { color: #900 }
/*Email-Print this Page*/
a.bmToolLink { color: #5c5838; font-size: 8pt; line-height: 8pt; text-decoration: none }
a.bmToolLink:visited { color: #5c5838; text-decoration: none }
a.bmToolLink:hover { color: #0e3d91; text-decoration: none }
.bmBottomTools { width: 100%; clear: both }
.bmBotRelated { text-align: left; width: 45%; float: left }
.bmBotEmailPrint { text-align: right; width: 45%; float: right }
/*Article Content and Tools*/
.bmSubhead { color: #5c5838; font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal }
.bmarticleByline { color: #8e9b01; font-size: 10px; font-family: Georgia, "Times New Roman"; font-style: italic; text-align: right }
.bmpromoByline { color: #8e9b01 }
.bmarticleDate { color: #8e9b01; font-size: 10px }
.bmpromoDate { color: #8e9b01; font-size: 10px }
.bmCaption { color: #0e3d91; font-size: 11px; font-family: Georgia, "Times New Roman"; font-style: italic; font-weight: normal; letter-spacing: 0; margin-top: 2px; padding-top: 2px }
.bmTipHead { color: #cc0; font-size: 11px; font-weight: bold; visibility: visible }
.bmTipText { color: #0e3d91; font-size: 11px }
.bmBottomText, .bmBottomText div, .bmBottomText p, .bmBottomText th, .bmBottomText td, .bmBottomText li, .bmBottomText dd, .bmBottomText dl, .bmBottomText dt, .bmBottomText a { color: #fff; font-size: 10px; line-height: 16px; letter-spacing: 0; padding: 5px 0 0 }
.bmBottomText a:hover { color: #F0ECAF; }
.bmIcon { margin: 1px; vertical-align: middle; border-width: 0 }
.footertext {color:#5c5838; font-size: 10px; line-height: 16px; letter-spacing: 0; padding: 5px 0 0}
/*Images*/
.bmLeftImage { margin-right: 15px; margin-bottom: 5px; margin-left: 0; float: left; clear: left; border: solid 1px #5c5838; outline: solid 1px #5c5838 }
.bmRightImage { margin-right: 0; margin-bottom: 5px; margin-left: 10px; float: right; clear: right; border: solid 1px #5c5838; outline: solid 1px #5c5838 }
.bmCenterImage { text-align: center; margin: 10px auto; clear: both; border: solid 1px #5c5838; outline: solid 1px #5c5838 }
.bmToolLeft img, .bmToolRight img, .bmToolCenter img { margin: 0; padding: 0; border: solid 1px #5c5838; outline: solid 1px #5c5838 }
/*PullQuotes*/
.bmBigPull, .bmBigPull div, .bmBigPull p, .bmBigPull th, .bmBigPull td, .bmBigPull li, .bmBigPull dd, .bmBigPull dl, .bmBigPull dt { color: #8e9b01; font-size: 12px; font-family: Georgia; font-style: italic; font-weight: normal; line-height: 18px }
.bmSmallPull, .bmSmallPull div, .bmSmallPull p, .bmSmallPull th, .bmSmallPull td, .bmSmallPull li, .bmSmallPull dd, .bmSmallPull dl, .bmSmallPull dt { color: #7f3d17; font-size: 12px; font-variant: small-caps; font-weight: bold }
.bmBigPull { margin-top: 5px; padding: 10px; border-top: 3px dotted #0e3d91; border-bottom: 3px dotted #0e3d91 }
.bmSmallPull { margin-top: 5px; padding: 10px; border-top: 3px dotted #8e9b01; border-right: #8e9b01; border-bottom: 3px dotted #8e9b01; border-left: #8e9b01 }
.bmClearAll { clear: both }
.bmSpider { visibility: hidden }
/*bmWidget add START*/
.bmPullLeft {
float:left;
clear:left;
width:40%;
margin:0px 20px 10px 0px;
}
.bmPullRight {
float:right;
clear:right;
width:40%;
margin:0px 0px 10px 20px;
}
.bmPullCenter {
float:left;
clear: both;
width:40%;
text-align: center;
margin: 0px auto;
}
.bmToolLeft {
float:left;
clear:left;
;
}
.bmToolRight {
float:right;
clear:right;
;
}
.bmToolCenter {
text-align:center;
margin:0px auto;
}
/*bmWidget add END*/