/* CSS Document */
html { }
/* -- GLOBAL STRUCTURE -- */
body {margin:0; padding:0; background-color:#F7EDD4; }
#container {position:relative; 	top:0;	width:900px; margin:0 auto;	z-index:100; text-align:left; background-color:#fff; }
	
html { overflow-y: scroll;

}

/* -- STRUCTURE FOR FRONT PAGE --*/

#brand { position:relative; height:237px; display:block; width:900px; background-image: url("brand_background.jpg"); background-repeat:no-repeat; background-position:right top; background-color:transparent;z-index:50; border-right:solid 1px #e5ce95;}	

#brand img.logoposition { position:absolute; top:50px; right:25px;}

/* -- bottom area of front page --*/
#bottom { position:relative; height:413px; display:block; width:900px; background-color:#fff; background-image: url("bottom_background_left.jpg"); background-repeat:no-repeat; border-right:solid 1px #e5ce95; z-index:100;  }
/* -- SPECIFIC NAVIGATION AREA --*/
#bottom #spotlight { width:263px; height:253px; position:absolute; top:0; left:90px; display:block;}
#bottom #specific_nav {width:263px; height:160px; position:absolute; top:254px; left:90px; display:block;background-image: url("specific_nav_background.jpg");  padding:0; margin:0;}
#specific_nav #visitor a {position:absolute; top:-1px; height:45px; width:130px; left:0px; display:block; background-image: url("visitors.gif"); background-color:#ff background-repeat:no-repeat;}
 #specific_nav #member_login a { position:absolute; top:-1px; left:130px;height:45px; width:130px; background-image: url("members_login.gif"); background-repeat:no-repeat;}
#specific_nav #visitor a:hover {position:absolute; top:-1px; height:45px; width:130px; left:0px; display:block; background-image: url("visitors_over.gif"); background-color:#ff background-repeat:no-repeat;}

 #specific_nav #member_login_disabled  { position:absolute; top:-1px; left:130px;height:45px; width:130px; background-image: url("member_login_background.gif"); background-repeat:repeat-x;}





#specific_nav #member_login a:hover { position:absolute; top:-1px; left:130px;height:45px; width:130px; background-image: url("members_login_over.gif"); background-repeat:no-repeat;}
#specific_nav #voices_button a {position:absolute; top:45px; height:41px; width:110px; left:8px; display:block; background-image: url("voices_newsletter.gif");  background-repeat:no-repeat;}
#specific_nav #voices_button a:hover {position:absolute; top:45px; height:41px; width:110px; left:8px; display:block; background-image: url("voices_newsletter_over.gif");  background-repeat:no-repeat;}
#specific_nav #donate_now_button a {position:absolute; top:45px; height:41px; width:110px; left:140px; display:block; background-image: url("donate_now.gif");  background-repeat:no-repeat;}
#specific_nav #donate_now_button a:hover {position:absolute; top:45px; height:41px; width:130px; left:140px; display:block; background-image: url("donate_now_over.gif");  background-repeat:no-repeat;}
#specific_nav #find_us_button a {position:absolute; top:85px; height:41px; width:110px; left:8px; display:block; background-image: url("find_us.gif");  background-repeat:no-repeat;}
#specific_nav #find_us_button a:hover {position:absolute; top:85px; height:41px; width:130px; left:8px; display:block; background-image: url("find_us_over.gif");  background-repeat:no-repeat;}
#specific_nav #church_calendar_button a {position:absolute; top:85px; height:41px; width:110px; left:140px; display:block; background-image: url("church_calendar.gif");  background-repeat:no-repeat;}
#specific_nav #church_calendar_button a:hover {position:absolute; top:85px; height:41px; width:130px; left:140px; display:block; background-image: url("church_calendar_over.gif");  background-repeat:no-repeat;}

/* -- STRUCTURE FOR TEMPLATE -- */

#brand_template { position:relative; height:113px; display:block; width:900px; background-image: url("brand_background.jpg"); background-repeat:no-repeat; background-position:right top; background-color:transparent;z-index:400; }	

#bottom_template { position:relative;  display:block; width:900px; background-color:#fff; background-image: url("template_background.gif"); background-repeat:repeat-y;  border-right:solid 1px #e5ce95; border-bottom:solid 1px #e5ce95;}

#bottom_template #left_graphic {position:absolute; top:0; left:0; }
#footer_template { position:relative; height:21px; width:900px; text-align:right; background-color:#f7edd4; padding:10px 0 0 0; text-transform:uppercase; font-size:9px; text-align:center;}

#bottom_template #left { position:relative; width:340px; display:block; float:left;  }
#bottom_template #right { position:relative; width:520px; display:block; float:right; margin: 0 30px 25px 0;}

#bottom_template #left #secondary_nav { position:relative; width:248px; left:70px; top:25px;}
#secondary_nav .menu_head a { width:248px; height:82px; background-image: url("sub_menu_header.gif"); background-repeat:no-repeat; display:block;}
#secondary_nav .menu_background { width:248px; background-image: url("sub_menu_background.gif"); background-repeat:repeat-y; display:block;}
#secondary_nav .menu_bottom { width:248px; height:33px; background-image: url("sub_menu_bottom.gif");background-repeat:no-repeat; display:block;}

.menu_background ol#submenu { padding:0 0 0 30px; margin:0; list-style:none;}
.menu_background ol#submenu li { padding:2px 0 2px 0; margin:0; }

#left #section_highlights { width:235px; position:relative; top:15px; left:85px; margin:20px 0 0 0;}
#section_highlights h3.page_head { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#d08d33; font-weight:normal;}
#section_highlights p.date { font-family:Verdana, Geneva, sans-serif; color:#d08d33; font-weight:bold; text-transform:uppercase; font-size:10px; margin: 5px 0 -10px 0; padding:0;}

ol#sub_links {padding:5px 0 8px 8px; margin:0; list-style:none; width:185px; display:none; text-decoration:none; text-transform:none;}

ol#sub_links_expanded {padding:5px 0 8px 8px; margin:0; list-style:none; width:185px; display:block; text-transform:none; text-decoration:none;}

ol#sub_sub_links {padding:5px 0 8px 8px; margin:0; list-style:none; width:185px; display:none; text-decoration:none; text-transform:none;}

ol#sub_sub_links_expanded {padding:5px 0 8px 8px; margin:0; list-style:none; width:185px; display:block; text-transform:none; text-decoration:none;}


  {text-decoration:none; }
li.menu, li.menu a {text-decoration:none; font-weight:normal;}
li.menu a:visited {text-decoration:none; font-weight:normal;}
li.menu a:active {text-decoration:none; font-weight:normal;}
li.menu_option a:hover { text-decoration:underline; font-weight:normal;}
li.menu_selected a {color:#bb6d04; text-decoration:underline; font-weight:bold;}
li.menu_option a { padding:2px 0 0 0; font-weight:normal; text-decoration:none; }

ol#sub_links_expanded li.menu a {text-decoration:none; font-weight:normal;}
ol#sub_links_expanded li.menu_selected {color:#bb6d04; text-decoration:underline; font-weight:bold;}

#vertical_container { display:block; margin:0 0 0 35px; padding:0; width:200px; }
.accordion_toggle {display: block; width: 200px;  font-size:12px;cursor: pointer;	margin:5px 0 5px 0;}
.accordion_toggle_active {	margin:5px 0 5px 0;	display:block;	font-size:12px; 	}
.accordion_content { margin:0 0 0 8px; overflow: hidden; width:150px; display:block; font-size:12px; background-color:transparent; }

li.menu_unit {margin: 3px 0 0 0;}

/* -- INTERNAL TABBED AREA --*/
#tab_area  #main {position:relative; position:absolute; width:526px;  z-index:200; top:0; left:5px;  float:right; background-color:transparent; background-repeat:no-repeat;}
#main ul.subsection_tabs { list-style:none;  padding:5px;  clear:both; font-size:10px; text-transform:uppercase;}
#main ul.subsection_tabs li.tab {position: relative; float:left; text-align:center; margin: 0 -10px 0 0; background-image: url("fp_right_tab_inactive.png") background-repeat:no-repeat; z-index:130;}
#main ul.subsection_tabs li.tab a {position: relative; display:block; height:40px; padding:5px 6px 0 6px;background-color:#transparent; color:#666; width:192px; background-image: url("fp_right_tab_inactive.png"); background-repeat:no-repeat; background-position:5px 0; z-index:225;  outline:none;}
#main ul.subsection_tabs li.tab a:hover {color:#666 ; background-image: url("fp_right_tab.png") background-repeat:no-repeat;}
#main ul.subsection_tabs li.tab a.active {background-color:transparent; font-weight:bold; border:0; background-image: url("fp_right_tab.png"); background-repeat:no-repeat; z-index:230; outline:none;}


#main ul.subsection_tabs li.tab1 {float:left; text-align:center; background-image: url("fp_left_tab_inactive.png") background-repeat:no-repeat; z-index:20;}
#main ul.subsection_tabs li.tab1 a {position: relative; display:block; height:40px; margin: 0 -60px 0 0; padding:5px 6px 0 6px;background-color:transparent; color:#666; width:192px; background-image: url("fp_left_tab_inactive.png"); background-repeat:no-repeat; background-position:5px 0; z-index:20;  outline:none;} 
#main ul.subsection_tabs li.tab1 a:hover {color:#666 ; background-image: url("fp_left_tab.png") background-repeat:no-repeat;z-index:20;}
#main ul.subsection_tabs li.tab1 a.active {position: relative; background-color:transparent; font-weight:bold; border:0; background-image: url("fp_left_tab.png"); background-repeat:no-repeat;z-index:400; outline:none;}





#main #one { width:465px;  padding:0 25px 0 25px; height:373px; }

#tab_area #ieone {postion:absolute;  width:465px;  padding:0 25px 0 25px; height:373px; top:5px; left:5px; z-index:2000;}

#main #two { width:465px;  padding:0 25px 0 25px; height:373px;}



#main #fpone {position:absolute; top:0; left:0; width:464px; height:250px; overflow:auto;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:15px; z-index:200; }
#main #fptwo { width:464px; height:250px; overflow:auto;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:15px;}
#main #fpthree {width:464px; height:250px; overflow:auto;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:15px;}
#main #fpfour { width:464px; height:250px; overflow:auto;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:15px;}




/* -- FRONT PAGE TABBED AREA --- */

#container #tab_area {position:absolute; left:339px; top:235px; width:535px; height:440px; z-index:800;  background-image: url("fp_shadow.png");  display:block; float:right; background-repeat:no-repeat; background-position:0 36px; margin:0; padding:0;}

/* -- END STRUCTURE -- */

/* -- START TYPE STYLES --*/

.spotlight_content { font-family:Verdana, helvetica, sans-serif; color:#305692; font-size:11px; line-height:1.325em;  margin: 0 0 0 10px; display:block; width:230px; }



#footer { position:relative; height:21px; width:900px; background-image: url("background_footer.jpg"); background-repeat:no-repeat; text-align:right; border-right:solid 1px #e5ce95;}


	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}	
	
/* ============  typography ============ */

h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#d08d33; font-weight:normal; margin:35px 0 0 0;}
h3.headline { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#d08d33; font-weight:normal; margin:50px 0 0 0;}

h3.paragraph { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#d08d33; font-weight:normal; margin:25px 0 -5px 0; padding:0;}
h3.paragraph_1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#d08d33; font-weight:normal; margin:10px 0 -5px 0; padding:0;}


h3.fp_head { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; margin:15px 0 -8px 0; padding:0; color:#305692;}
h4 { font-size:14px; font-weigh:bold;  margin:1.65em 0 -.2em 0; padding:0;  }

#right p { line-height:1.65em;}


h5.blue { font-family:Verdana, helveica, sans-serif; font-size:12px; color:#305692; font-weight:bold; display:block; padding:0; margin:10px 0 1px 0; }

body { font-family:Verdana, helveica, sans-serif; font-size:12px; color:#797979;}

#secondary_nav .menu_background h3.menu_headline { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:0; text-align:center; margin:0;}
#secondary_nav .menu_background {text-transform:uppercase; font-size:11px; font-weight:500;}

/*  IMAGE HANDLING */


#one { line-height:1.45em;}
#two { line-height:1.45em;}

.img_left { padding:  8px 12px 5px 0; float:left;}
.img_right {padding: 8px 10px 0 12px; float:right;}

.fp_spacer { display:block; height:2px; width:200px; }

#footer .footer_text {margin: 0 30px 0 0; text-transform:uppercase; font-size:9px;  }

ul#no_list {  margin:4px 0 0 -15px; padding:0; list-style:none;  width:210px;}
ul#no_list li.no_margin { padding:0 0 8px 0; margin:0;}

ul#no_margin { padding:0; margin:0; list-style:none; width:195px;}

#right ul { }
#right li {line-height:1.65em;}

.dotted_line { display:block; height:8px; border-top:dotted 1px #797979; margin:8px 0 0 0;}

a, a:active, a:link, a:visited {
	color:#d08d33;
	text-decoration:none;
	}
	
a:hover {
	color:#bb6d04;
	text-decoration:underline;
	}

a:visited, a:active { text-decoration:none;}

	.address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#363430;
	}
	
.rule {
	width:100%;
	height:20px;
	border-top:solid 1px #363430;
	}
	

p.quote { margin: 0 20px 0 20px; font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif; font-size:1.2em; font-style:italic;}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 0; }
ul, ol      { padding:0 10px 0 15px; margin: 0 10px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { width:100%; border:none; margin:collapse; padding:none; }
tr			{ height:25px; padding-top:20px; padding-bottom:20px; }
th          { text-align:left; font-weight: bold; padding: 6px 6px 6px 0px;  
			  font-family:Verdana, helveica, sans-serif; font-weight:bold; font-size:12px; color:#797979; }
td			{ text-align:left; font-style: normal; padding: 6px 6px 6px 0px; font-family:Verdana, helveica, sans-serif; font-size:12px; color:#797979; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
----------------------------------------------------------------- */


/* Tables
-------------------------------------------------------------- */
/* 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
----------------------------------------------------------------- */


/* Misc classes
-------------------------------------------------------------- */
.podcast { font-size:10px; }
img a {outline: none;}
img a:active { outline:none;}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*  Block Quotes
----------------------------------------------------------------- */

blockquote.callout {
margin: 0;
padding: 0;
width: 400px;
/* 
background: transparent url("left_quote.png") no-repeat 7px 0px; ----------------------------------------------------------------- */


}
blockquote.callout p {
padding: 5px 45px;
color: #727272;
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
font-size: 1.4em;
line-height: 1.3;
/* 
background: transparent url("right_quote.png") no-repeat 320px 0px;}----------------------------------------------------------------- */

blockquote.callout p.link {
padding-top: 0;
text-align: right;
font-size: 90%;
}
blockquote.callout p.link a {
text-decoration: underline;
color: #66004F;
}