﻿/* */
body { color:#000000;}


h1
{	margin: 0;
	padding-bottom:0.4em;
}
h2, h3, h4
{	margin: 0;
	padding-bottom:2px;
	padding-top:0.6em; line-height:1.1em
}
h5, h6
{	margin: 0;
	padding-bottom:0.1em;
	padding-top:0;
}
.leftcol div , .maincol div 	
{
	padding-bottom:0.1em;
	padding-top:0;
}
p {	padding-bottom:0.4em; }

h1 { font-size:160%}
h2 { font-size:130%}
h3, h4 { font-size:110%}
h5, h6 { font-size:100%; font-weight:normal}
h2.subhead, h3.subhead, h4.subhead ,h5.subhead, h6.subhead  {padding-bottom:0.1em; padding-top:0.25em}

a { color:#774c1f}
a:visited { color:#774c1f}
a:active { color:#008CCC}
a:hover { color:#008CCC; background-color:#eeeeee}

.topNavText { display:none; position:absolute; left:-900em; top:-900em} 

/* Color pallet for sections */
.home { color:#999999}
.news  { color:#ff9500 } /* orange */
.about { color:#774c1f } /* brown */
.calendar { color:#0066cc } /* blue */
.education { color:#9a2b2d } /* red */
.services, .worship.new { color:#171796 } /* dark blue */
.social { color:#6a9f2c } /* green */
.donations { color:#a0874f } /* tan */
.membership { color:#7d3ab6 } /* purple */
.contact { color:#00b1e0 } /* light blue */
.black { color:#000000}

/*  home page */
.header .homePagePhoto { float: left; clear: none; top: 9px; left: 285px; position: absolute; height:313px ; width:685px; overflow:hidden; }
.header img.logo { float: left; clear: none; top: 50px; left: 30px; position: absolute; width: 200px; height: 160px;}
p.highLightItem {padding-bottom:0.75em}

.caption { font-size:75%; color:#222222}
.maincol .caption { font-size:75%; width:90%; color:#222222}
.leftcol .caption { font-size:75%; width:190px; color:#222222}

div.callout  { background-color:#cfeff7; padding:12px; color:#008CCC; margin: 1em 0 1em 0; font-weight:bolder}

/*  left col section nav */

#leftNav { padding-bottom:1em; width:95% ;border-bottom:solid 0px; }
#leftNav li {padding: 4px 0 8px 18px; border-bottom:solid 1px;  font-size:14px}
#leftNav li.section {font-size:24px; padding-top:0; background: url(../images/flameIcon.png) top left no-repeat}
#leftNav li.parentSection {font-size:20px; font-weight:normal }
#leftNav li.subSection {font-size:16px; font-weight:bold }
#leftNav li.navHere { background-color:#e8e8e8}
#leftNav li.navHereTop { background-color:#e8e8e8}
#leftNav ul.leftSubNav a { padding-left:1em}
#leftNav ul.leftSubNav  ul.leftSubNav a { padding-left:2em}
#leftNav li.navHere { background-image: url(../images/navArrow.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.about li.navHere { background-image: url(../images/navArrow-about.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.calendar li.navHere { background-image: url(../images/navArrow-calendar.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.contact li.navHere { background-image: url(../images/navArrow-contact.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.donations li.navHere { background-image: url(../images/navArrow-donations.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.education li.navHere { background-image: url(../images/navArrow-education.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.membership li.navHere { background-image: url(../images/navArrow-membership.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.news li.navHere { background-image: url(../images/navArrow-news.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.services li.navHere { background-image: url(../images/navArrow-services.png); background-position:top left; background-repeat:no-repeat; }
#leftNav.social li.navHere { background-image: url(../images/navArrow-social.png); background-position:top left; background-repeat:no-repeat; }

a.home { color:#999999; text-decoration:none}
a.news  { color:#ff9500; text-decoration:none } /* orange */
a.about { color:#774c1f; text-decoration:none } /* brown */
a.calendar { color:#0066cc; text-decoration:none } /* blue */
a.education { color:#9a2b2d; text-decoration:none } /* red */
a.services { color:#171796; text-decoration:none } /* dark blue */
a.social { color:#6a9f2c; text-decoration:none } /* green */
a.donations { color:#a0874f; text-decoration:none } /* tan */
a.membership { color:#7d3ab6; text-decoration:none } /* purple */
a.contact { color:#00b1e0; text-decoration:none } /* light blue */
a.blog { color:#774c1f; text-decoration:none } /* red */

a.home:hover { color:#008CCC; text-decoration:underline}
a.news:hover  { color:#008CCC; text-decoration:underline } /* orange */
a.about:hover { color:#008CCC; text-decoration:underline } /* brown */
a.calendar:hover { color:#008CCC; text-decoration:underline } /* blue */
a.education:hover { color:#008CCC; text-decoration:underline } /* red */
a.services:hover { color:#008CCC; text-decoration:underline } /* dark blue */
a.social:hover { color:#008CCC; text-decoration:underline } /* green */
a.donations:hover { color:#008CCC; text-decoration:underline } /* tan */
a.membership:hover { color:#008CCC; text-decoration:underline } /* purple */
a.contact:hover { color:#008CCC; text-decoration:underline } /* light blue */
a.blog:hover { color:#008CCC; text-decoration:underline } /* brown */

/*			*/
.footer { font-size: 75%;}
.footer .footerMain {position:relative; top:20px; left:20px;  text-align:center}
.footer .footerLeft { width:470px; text-align:right ; padding-right:10px; float:left }
.footer .footerFlame {width:26px; float:left}
.footer .footerRight {width:400px; text-align:left ; padding-left:10px; float:left;}
.footer .footerFacebook {width:16px;  float:right;}
.footer .footerYouTube {width:48px;  float:right;}

.footer .footerNav  { padding-bottom:10px; font-size:120%; font-weight:bold }
.footerNav a { text-decoration:none; padding:0 0.25em 0 0.25em }
.footerNav a:hover {text-decoration:underline}
.footer p { font-size:100%}
.modDate { padding-top:0.5em;  color:#666666} /* 10px */

a.navButton { background-color:Transparent;}
a.navButton:hover { background-color:Transparent;}
a.navButton:visited, a.navButton:active { background-color:Transparent;}

/* basic */
div.indent, p.indent, .indent{margin-left:24px;}
.indentLarge{margin-left:48px;}
.buttonArea { padding-top:12px; padding-bottom:12px}
.px100L {width:100px; float:left; }
.px150L {width:150px; float:left; }
.px220L {width:220px; float:left; }
.px250L {width:250px; float:left;}
.clear {clear:both;}
small, .small {font-size:80%}
strong, .strong { font-weight:bold}

.errorMsg, .required { color:#993333} 
/*  forms */
.formRow { padding-top:8px; clear:both; width:640px; }
.formLabel { font-weight:bold; float:left; width:220px; text-align:right; padding-right:8px }
.formdata { font-weight:normal; float:left; width:410px;  text-align:left }
.formButton { font-weight:normal; float:left; width:120px;  text-align:left; }

input { font-size:80%}  /* 10pt */
input:disabled, input.disabled { color:#000;  background-color:#cccccc; border: solid 1px #999999;}
input.isdate, input.isNum {width: 75px}
input.isRadio { width: 18px }
input.isShortText, input.small {width: 100px}
input.tiny {width: 50px}
input.med , textarea.med {width: 150px}
input.large , textarea.large {width: 200px}
input.huge, textarea.huge {width: 350px}

input.searchText { width:120px; font-size:10pt; line-height:0px; height:18px; background-color:#dddddd;}


.tintButton { color:#000000; border-bottom: solid 1px #774c1f; border-right: solid 1px #774c1f; border-top: solid 2px #a0874f; border-left: solid 2px #a0874f}
.tintButton:hover { color:#666666; border-bottom: solid 2px #a0874f; border-right: solid 2px #a0874f; border-top: solid 1px #774c1f; border-left: solid 1px #774c1f}

.leftcol ul.basic { padding-left:10px; list-style-type:disc}
.leftcol ul.basic ul { padding-left:10px; list-style-type:circle}
.leftcol ul.basic ul ul { padding-left:10px; list-style-type:square}
.maincol ul, .maincol ul.basic { padding-left:0.5em; list-style-type:disc; margin-left:2em; padding-bottom:0.5em}
.maincol ul.basic ul { padding-left:0.5em; list-style-type:circle}
.maincol ul.basic ul ul { padding-left:0.5em; list-style-type:square}
.maincol ol, .maincol ol.basic { padding-left:0.5em; list-style-type: decimal; margin-left:2em; padding-bottom:0.5em}
.maincol ol ol, .maincol ol.basic ol { padding-left:0.5em; list-style-type: upper-alpha; margin-left:2em; padding-bottom:0.5em}
.maincol ol ol ol, .maincol ol.basic ol ol{ padding-left:0.5em; list-style-type: lower-roman; margin-left:2em; padding-bottom:0.5em}

ul.sitemap { padding-left:10px; list-style-type:disc}
ul.sitemap li { padding-bottom:0.5em}
ul.sitemap ul li { padding-bottom:0}
ul.sitemap ul ul li { padding-bottom:0}
ul.sitemap ul { padding-left:20px; list-style-type:circle}
ul.sitemap ul ul { padding-left:10px; list-style-type:square}

/* fancybox */
a#fancybox-left, a#fancybox-right, a#fancybox-close { background-color:Transparent}

