/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

html {}
body, .text { font-size: 12px} 
html, body, p, .text { font-family: Arial, Helvetica, sans-serif; color: #333; }
#main_body { padding:0; margin: 15px 0 0; background: #97b8d9 url(../images/bg-blue.jpg) no-repeat center top; }
#main_container { width: 990px;margin-right: auto; margin-left: auto; background: url(../images/bg-purple3.gif) repeat-y center top; }
#main_background {background:url(../images/bg-blue2.gif) no-repeat left top; vertical-align:top}
#print_header {display:none}
#main_content { vertical-align:top; padding:20px 0 20px 20px; height:400px}
#home_content {}

p { margin:0px 0px 10px 0px; }
p, .text, li {line-height: 1.7em}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.75em; line-height: 1em; color: #050041; font-weight: normal; margin:0px 0px 10px 0px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.2em; color: #050041; font-weight: normal; margin:15px 0px 2px 0px; }
h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.2em; color: #050041; font-weight: normal; margin:0px 0px 7px 0px }
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.2em; color: #050041; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #cdccd9}
h5{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 1.2em; color: #050041; font-weight: normal; margin:0px 0px 0px 0px}
h6  { color:#999; font-size:.95em; line-height:1.4em; margin:0 0 10px; font-weight:normal; }

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; } 
ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 5px 6px; margin-top: 0px; padding-left: 15px; }

a:link, a:visited { color: #d32711; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:active, .ValidatorTextClass a:hover { color: #004f74; text-decoration: underline; }

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited { color: #004f74; text-decoration: none; }
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active { color: #d32711; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #cdccd9; border-right: 0px; border-bottom: 0px; border-left: 0px }


.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #999; font-size: 11px; line-height:13px; color: #666666; }
.formbox, .ValidatorTextClass input  { padding: 2px 3px; background: #fff; }
.formtextarea { padding: 2px 0px; background: #fff; }
.formselect { padding: 0px 0px 0px 5px; background: #fff; }
.formbutton { padding: 2px 3px; background: #9A7532; color:#fff; cursor:pointer; border:none;}

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 20px; border-top: solid 1px #cdccd9;border-bottom: solid 1px #cdccd9; padding:1px 0}
.photoleft { float:left; margin:0px 20px 10px 0px; border-top: solid 1px #cdccd9;border-bottom: solid 1px #cdccd9; padding:1px 0}
.phototreatment {margin:0 0 10px 0;border-top: solid 1px #cdccd9;border-bottom: solid 1px #cdccd9; padding:1px 0}
.clear { clear:both}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { color:#999;font-size:10px;line-height:10px; height:28px; vertical-align:top }
/* OFF */.Tier0 a:link, .Tier0 a:visited {}
/* ON */.Tier0 a:hover, .Tier0 a:active {color:#004f74; }
.Tier0 a.On {text-decoration:none; color:#999;}
.Tier0 div { float:right}
.topSearch {border:solid 1px #e6e6e6; background:#f2f2f2; width:98px; height:16px}
.topSearchBox { padding:2px 4px; background:none; border:none; font-size:10px; line-height:10px; color:#999; width:76px;}
.topSearch input { float:left; }

/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { position: absolute;z-index: 500;margin-top: 84px; }
.Tier1 img { float:left}
.Tier1 a:link, .Tier1 a:visited { width: 139px; text-align:center; display:block; float:left; background: url(../images/navigation/Tier1_Off.gif) no-repeat 0 0; height:19px; font-size:13px; line-height:13px; padding:6px 0 0;opacity:0.9;filter:alpha(opacity=90); color:#333; font-weight:bold}
.Tier1 a:active, .Tier1 a:hover { width: 139px; text-align:center; display:block; float:left; background: #fff none; text-decoration:none; height:19px; font-size:13px; line-height:13px; padding:6px 0 0;opacity:1.0;filter:alpha(opacity=100); color: #d32711; font-weight:bold}
.Tier1 a:link.On, .Tier1 a:visited.On, .Tier1 a:active.On, .Tier1 a:hover.On { width: 139px; text-align:center; display:block; float:left; background: #fff none; text-decoration:none; height:19px; font-size:13px; line-height:13px; padding:6px 0 0;opacity:0.95;filter:alpha(opacity=95); color: #004f74; font-weight:bold}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/
ul.DHTMLMenu {background: transparent url(../images/menu_background.png) repeat-y 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 569;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #d32711;background: #fff;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- TIER 2 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier2 { width:171px}
/* OFF */.Tier2 a:link, .Tier2 a:visited { width:140px;padding:17px 16px 10px 15px;text-decoration:none;color:#050041;display:block;background: url(../images/navigation/Tier2_Off.gif) no-repeat left bottom; font-size: 13px; line-height: 16px; }
/* ON */.Tier2 a:hover, .Tier2 a:active { background: url(../images/navigation/Tier2_On.gif) no-repeat left bottom; }


.breadcrumb { padding:15px 20px 0; vertical-align:top; background: url(../images/navigation/breadcrumb_bg.gif) no-repeat left bottom}

/*----- TIER 3 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier3 { border-right: solid 1px #cdccd9; vertical-align:top; padding:0 0 20px 0}
.Tier3 ul {list-style-type: none; margin:0; padding:0;}
.Tier3 ul li { background:none; margin:0; padding:0; display:inline}
/* OFF */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:125px;padding:8px 15px 8px 30px;text-decoration:none;color:#004f74;display:block;background: url(../images/navigation/Tier3.gif) no-repeat 0 0; font-size: 12px; line-height: 14px; }
/* ON */.Tier3_Active a:link, .Tier3_Active a:visited { width:125px;padding:8px 15px 8px 30px;text-decoration:none;color:#fff;display:block;background: url(../images/navigation/Tier3.gif) no-repeat 0 -180px; font-size: 12px; line-height: 14px; }
/* HOVER */.Tier3_Inactive a:hover, .Tier3_Inactive a:active, .Tier3_Active a:hover, .Tier3_Active a:active { width:125px;padding:8px 15px 8px 30px;text-decoration:none;color:#fff;display:block;background: url(../images/navigation/Tier3.gif) no-repeat 0 -90px; font-size: 12px; line-height: 14px; }
.Tier3-Line { background:url(../images/navigation/Tier3_rule.gif) no-repeat 0 0; height:1px; font-size:0; line-height:0; margin:10px 0}
.Tier3-Callout { width:170px; overflow:hidden; padding:10px 0; text-align:center}


/*----- FOOTER ELEMENTS -----*/

.Footer { width:930px; margin:10px auto}
.Footer p { color: #4c4c4c; font-size: 11px; line-height: 15px; }
.Footer a.On { text-decoration:none; color:#004f74; }

/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.PrintBar { padding-top:50px; clear:both;}
.PrintBarHome {padding-top:15px; border-top: solid 1px #cdccd9}
.PrintBar a:link, .PrintBar a:visited, .PintBarHome a:link, .PintBarHome a:visited { text-decoration:none} 
.PrintBar a:hover, .PrintBar a:active, .PintBarHome a:hover, .PintBarHome a:active { text-decoration:underline}


.homeRightSection { width:465px; float:right; font-size:.95em; padding:5px 8px 5px 14px;}
.homeRightSection ul li{ margin-top:8px; background-position:0 6px; padding-left:10px;}
.homeRightSection ul { width:457px;}
.homeRightSection h3 {}
.homeRightSection p { line-height:1.3em}
.homeTitle h2{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 0 0; color:#050041;}
.homeTitle {background:#D7C69B;width:466px; float:right;padding:5px 8px 5px 14px;}
h2 .eventTime { font-size:.95em; line-height:1.3em;}
.eventGraphics { overflow:hidden; width:455px}
.eventGraphics a { margin:0 10px 10px 0; float:left;}

.churchLocator {background:url(../images/home/church-locator.gif) no-repeat 0 0; height:52px; width:335px; padding:20px 0 0 65px}
.churchLocator h2 { margin:0}
.churchLocator p { font-family:Georgia, "Times New Roman", Times, serif; line-height:12px; font-size:12px; margin:0}

.Connecting {width:488px; height:68px; float:right; font-size:11px; line-height:17px; margin:10px 0 0; background:url(../images/home/connecting.gif) no-repeat 0 0}
.Connecting h3 { color:#000; font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0 0 15px}
.Connecting h3 a:link, .Connecting h3 a:visited { color:#fff}
.Connecting p { text-align:right; color:#000; margin:15px 15px 0 0}
.Connecting p a:link, .Connecting p a:visited { color:#fff}

#home_content h1 { text-transform:uppercase; font-size:1.25em}
#home_content h1 em { text-transform:none; color:#666}

.textCaption { margin:10px 0 0}
.textCaption p, p.textCaption { color:#999; font-size:.95em; line-height:17px; margin:0 0 10px}
.textCaption h3 { color:#333; font-size:.95em; margin:0}

.welcome p { font-size:1.15em; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif}
.findChurch {border-top:solid 1px #cdccd9;border-bottom:solid 1px #cdccd9; background:#edf1f8; margin:20px 0}
.findChurch td { vertical-align:top; padding:10px 20px 0 0}

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

.textCalloutRight { width:250px; float:right; margin:0 0 10px 20px; border:solid 1px #D7C69B;background:#f7f4f0}
.textCalloutRight th { padding:5px; background:#D7C69B; text-align:left}
.textCalloutRight td { padding:5px}
.textCalloutRight h2 { margin:0; font-size:1.2em}
.textCallout { border-top:solid 1px #cdccd9;border-bottom:solid 1px #cdccd9; background:#edf1f8; padding:10px 20px; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; color: #050041}