@charset "UTF-8";

/* import core styles */
@import url(../yaml/core/base.css);

/* form styles (not in use) */
/* @import url(../yaml/screen/forms.css); */

/* standard layout and content styles */
@import url(screen/basemod.css);
@import url(screen/content.css);

/* modifications for full width layout - to enable full width, uncomment the following line and edit layouts/includes/layout.cfm */
/* @import url(screen/basemod_full_width.css); */

/* import forums styles - comment this out if forums not used */
@import url(screen/forums.css);

/* 
 * import horizontal nav styles - either sliding door (tabs) or shiny buttons (menu bar)
 * shiny buttons is the default because it doesn't require the modification of any images
*/
/* @import url(navigation/nav_slidingdoor.css); */
@import url(navigation/nav_shinybuttons.css);

/* import vertical nav styles */
@import url(navigation/nav_vlist.css);



/*
 * **************************** START OF CUSTOM STYLES ********************************
 * Add and modify styles below this comment - don't modify css files in sub-directories
 * ************************************************************************************
 */

/* body, h6.vlist {font-family:"Helvetica Neue", "Bitstream Vera Sans", Arial,Helvetica,Sans-Serif;} */

/* custom styles for heading and sliding door navigation */
/* 
#header { background: #edf2f8 url("../images/bg_header.png") repeat-x bottom left;}
#nav .hlist {background-color: #e8e8e8}
#nav .hlist ul { padding-left: 0}
*/

/* custom styles for header and shiny buttons navigation */
/* #header, #header .page { color: #fff; background: #F9F9F9 url("../images/background.png") repeat-x scroll left top; } */
#header { color: #fff; background-color: #F9F9F9; }
#header h1 { color: #7d3278; }
#nav * { border: 0px none !important;  }

.hlist { background:#EFEFEF url(../images/top-nav.jpg) repeat-x top;}
.hlist ul { margin-left: 19px; font-size:85%;  }
.hlist ul li { line-height: 1.2em; margin-top:12px; }

.hlist ul li a{ background:#5a1354 url(../images/navigation/nav-bg.png) left top no-repeat; color:#e2d6de; display:block}
.hlist ul li a span{ background:transparent url(../images/navigation/right-side-nav-bg.png) no-repeat right top;  padding:3px 14px 9px 14px; font-weight:bold;  color:#e2d6de; display:block}


.hlist ul li a:hover{ background:#c36fbd url(../images/navigation/nav-bg.png) left top no-repeat; color:#5a1159; display:block}
.hlist ul li a:hover span{ background:transparent url(../images/navigation/right-side-nav-bg.png) no-repeat right top;  color:#5a1159; display:block}

.hlist ul li.active a{ background:#c36fbd url(../images/navigation/nav-bg.png) left top no-repeat; color:#5a1159; display:block}
.hlist ul li.active a span{ background:transparent url(../images/navigation/right-side-nav-bg.png) no-repeat right top;  padding:3px 14px 9px 14px;  color:#5a1159; display:block}


.hlist ul li.active a:hover{ background:#c36fbd url(../images/navigation/nav-bg.png) left top no-repeat; color:#5a1159; }
.hlist ul li.active a:hover span{ background:transparent url(../images/navigation/right-side-nav-bg.png) no-repeat right top; }

#bottom-btns-home{ margin:60px 0 0 0;}
#bottom-btns-home img{ margin-bottom:10px;}
#home_photos_wrapper{ height:259px; width:344px; background:url(../images/image-swither-bg.gif) left top no-repeat; margin-left:338px; padding-top:40px;}
#home_photos{ margin:0 0 0 22px; width:289px; height:185px; border:4px solid #feffff}
#home_welcome p{ width:261px; float:left}
/*.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { background: #c36fbd; color: #fff; }*/

/*.hlist ul li.active { background: #c36fbd; }

/*background:url(../images/btn-on-left.jpg) left top no-repeat;*/
/*.hlist ul li.active a{background:transparent url(../images/btn-off-left.jpg) left top no-repeat; padding: 0.4em 0.8em;*/ 
/*.hlist ul li.active a span{background:transparent url(../images/btn-off-left.jpg) left top no-repeat; /*padding: 0.4em 0.8em;*/ 

/*.hlist ul li.active a:hover{ background:transparent url(../images/btn-off-left.jpg) left top no-repeat; }
/*.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:active { color: #666666; font-weight: bold; }
*/






.content img { /*border: 1px solid #EFEFEF;*/ padding:0 0.31em 0 1em }
.content h3 img{ padding:0 0 0 1em}
.content h2, .content h3 {margin-top:1em;}
.content p, .content table {margin-bottom:1em;}
.content code { display: block; margin: 1em; }
.content p{padding:0.31em 15px 0 1.56em;text-align:justify;}

fieldset { border: 1px solid #EFEFEF; padding: 0.5em; }

.spContentPaging {}
.spContentPagingTop {width:100%;text-align:right;}
.spContentPagingBottom {width:100%;text-align:center;}

.article_display_pubdate, .event_display_dates, .event_display_times, .event_display_venue {margin-bottom: 0.5em;}
.article_display_image, .event_display_image {float:right; margin-left: 0.5em;}
.article_summary_image, .event_summary_image {float:left; margin-right: 0.5em;}
.article_display_widgets, .event_display_widgets {margin-bottom: 0.5em;}
.article_display_print, .event_display_print {
	background: url(/speck/images/icons/silk/printer.png) no-repeat left center;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
	}
.article_display_email, .event_display_email {
	background: url(/speck/images/icons/silk/email.png) no-repeat left center;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
	}

.articlebox dl { padding-top: 0.3em; }
.articlebox dl dd img { float:left; margin-right: 0.3em; }
.articlebox ul { padding-top: 0.5em; }
.articlebox ul li { margin-bottom: 0.7em; }

.document_display {margin: 0 0 1em 0;}
.document_display_description {margin:0; padding:0;}

#image_list table, table.spHandler {width:100%;}
#image_list .image_thumbnail {text-align: center; margin: auto; padding: 1em; border: 1px solid #EFEFEF; height:150px; }
#image_list .image_thumbnail_caption {padding-top: 0.3em;}

.content .form_field, .content input[type="text"] { border: 1px #c0c0c0 solid; padding: 2px; }
.content .form_field:focus, .content input[type="text"]:focus { background-color: #ffffee; border-color: #a0a0a0; }

/* 
firefox won't justify one line of text
.az {width:100%; text-align:justify; text-justify: distribute-all-lines; padding:5px 0;}
*/
.az {width:100%; text-align:center; word-spacing: 0.02em; padding:5px 0; color: #888;}
.az strong {font-size:larger;}

#search_results {padding: 0.5em;}
#search_results dl {margin:0.5em 0;}
#search_results .spContentPaging {margin:0.5em 0;}
	
#searchbox {margin-top:15px;}
#searchbox form input.form_field  {width:80px;}
#searchbox form input.form_button {width:auto;}

#search_form input.form_field {width:250px;}

/* slap a min height on the home page subcolumns to space out the admin links a little when no content has been added */
#home_subcolumns {
	min-height:50px;
	height:auto !important;
	height:50px;
}
/*#home_extra_subcolumns {padding-top: 20px;}

/* uncomment this to add an icon to external links on the links templates (you might want to change the icon too) */
/* 
#links a.external { 
	background:transparent url(/images/Icon_External_Link.png) no-repeat scroll right center; padding:0 13px 0 0;
}
*/





/* ADDED BY STEPHEN */



/** Hack: Custom Mugshot Type **/
.custom_mugshot { float: left; width: 175px; position: relative; }
.custom_mugshot_text { font-size: 12px; position: absolute; top: 33px; left: 33px; color:#40103c; font-weight: bold;
text-align:center; width:101px;  }

/** Hack: Multicolumn Articles **/
.spHandler .article_summary img { float: left; }
.spHandlerColumn1 { width: 49%; }
.spHandler .article_summary_title { font-size: 12pt; }
.spHandler .article_summary_more { display: block; }
.spHandlerRow1, .spHandlerRow2 { vertical-align: top; }


#body_wrapper{ background:#e0e0e0 url(../images/background/main-bg.jpg) repeat-x;}
body{ background:#e0e0e0 ;}
#header h1{ font-size:213%; font-family:"Times New Roman", Times, serif;}
#header{ padding:31px 0 0 0; height:163px; background:#c36fbd url(../images/background/header-background.jpg) no-repeat left top;}
.hlist{ background-color: transparent;  font-family:Verdana, Geneva, sans-serif;}

#sidenav{ background:#fafbf3 url(../../images/navigation/vlist/bottom.jpg) bottom left no-repeat;}
#keyword_home div#col1_content{margin:18px 0 0 1.5em;  padding:0; 
/*background:url(../images/background/home-btns-back-ground.jpg) repeat-x left 58%;*/}
#home_welcome img{ height:302px; width:334px; padding:0;  background:#e0e0e0 url(../images/notepad-bg.png) repeat-x; }


 h3.articlebox_header{ background:url(../../images/background/header-home-panels.png) no-repeat left; color:#fff; padding: 0 0 0 6px;
  min-width:120px; font-size:150%}
    h3.articlebox_header a{ color:#fff;}
	h3.articlebox_header a:hover{ color:#fff; text-decoration:underline}
	
 h2.featurebox_header{ background:url(../../images/background/header-home-panels.png) no-repeat left; color:#fff; padding: 0 0 0 6px;
  min-width:120px; font-size:150%}
    h2.featurebox_header a{ color:#fff;}
	h2.featurebox_header a:hover{ color:#fff; text-decoration:underline}	
	
	.content h2.featurebox_header{ margin-top: 0.4em;}
	.content img.image_display_original{ padding: 0 2.21em;}
	.article_display_content p{padding:0px 0px 0 25px;text-align:justify;}
	.page_content p{padding:0.31em 0px 0 1.56em;}
	.page_content h1{padding:0.31em 0px 0 0.56em;}
	.mugshotcontainer{padding:0.51em 0 0 6.5em;}
	.image_display div.image_display_caption{padding:0 0 0 0.56em; display:none}
	
     #home div#home_subcolumns{ height:0; min-height:0;}
	 #home_buttons{ background:url(../images/background/home-btns-back-ground.jpg) repeat-x top left; padding:0 8px 54px; margin-top:14px; width:191px}
	 #col1_content img{ margin:0 0 0 2px}
	 #home_buttons img{ margin:0 auto; width:191px }
	 #keyword_ div#col3{ margin:15px 1.5%;}
	 #keyword_ div#col1_content{ padding:0; margin:0 0 0 10px;}
	 #sppage_not_found{ padding:0 1.5%}
	 #keyword_ div#col3_content{ margin:0 7px 0 16px;}
	 #home_buttons h4{ margin:0 0 0 -8px; color:#fff; width:187px; background:#5a1354 url(../images/background/top-curve-buttons.jpg) no-repeat top 
	 right; font-size:20px; padding:5px 0 0 20px; }
	 
	 #keyword_home .content div.image_display img{padding:0 12px; border-top:1px solid #e0bbda; margin:20px 0 0 0}
	 .content div#home img {
padding:0 10px 0 0;
}
	 .content div#home p{ padding:0; margin:0;}
	 #keyword_about_us div.content div#home div.subcl{ padding:0 0.5em}
	 #keyword_about_us div.content div#home div.subcr{ padding:0 0.5em}*/
	 .content div#home div.subcl div.c50l img{ margin-bottom:10px}
	 .content div#home div.subcl div.c50r img{ margin-bottom:13px}
	 .content div#home div.subcr div.c50l img{ margin-bottom:21px}
	 .content div#home div.subcr div.c50r img{ margin-bottom:14px}
	/* #home_extra_subcolumns div.subcl  h3{ margin:0 10px 0 32px }
	  #home_extra_subcolumns div.subcl{ padding-right:10px;}*/
	  #searchbox input.form_button{ border:1px solid #5a1354; background-color:#e497df; color: #5a1354}
	  #topnav div#searchbox{ margin:-3px 0 0 0;}
	  
	  .spHandler .article_summary_title h3 a{ color:#5a1354; font-weight:bold}
	  .article_summary_text a{color:#5a1354;}
	  .article_summary_text a:hover{color:#5a1354;}
	  #keyword_home div#home{margin:0 0 0 9px;}
	.article_display_widgets { padding-left: 20px; }
	#keyword_home div#footer{ color:#fff; padding:10px 15px}
	#keyword_home div#footer td{ color:#fff; padding:10px 15px}
	#keyword_home div#footer td a{ color:#fff; text-decoration:underline}
	div#footer{ color:#5a134}
	div#footer td{ padding:0 15px; vertical-align:text-top; color:#5a1354}
	div#footer td a{ color:#5a1354; text-decoration:underline}
	#keyword_projects h3{ margin-left:25px; }
	/*#keyword_projects div.section_home ul, li{ list-style:none; margin:5px 10px;}
	#keyword_projects div.section_home ul, li a{ font-weight:bold; text-decoration::none; color:#5a1354;  }
	#keyword_projects div.section_home ul, li a:hover{ text-decoration:underline; }
	#keyword_projects div#col1 ul li a{ font-weight:normal; text-decoration:none}*/
	.custom_mugshot_picture a{ display:block}
	#sitemap{background:transparent url(../images/navigation/vlist/content-gred.jpg) repeat-x scroll left top; margin-top:-10px; padding-top:10px;}
	#sitemap ul li{ list-style: url(../images/background/arrow.gif) ;}
	#sitemap ul li ul li{ list-style: url(../images/background/arrow2.gif) ;}
	#sitemap ul{ margin-left: 60px;}
	#sitemap ul li ul{ margin-top:15px;}
	#keyword_home div#sitemap ul a:focus, a:hover, a:active{color:#5a1354; text-decoration:underline}
	#keyword_home div#sitemap ul a{ color:#5a1354; text-decoration:none}
	#keyword_home div#sitemap ul a:hover{ text-decoration:underline}
	#keyword_get_involved h3 a:focus, a:hover, a:active{color:#003366; text-decoration:underline}
	#keyword_get_involved h3.article_summary_title a{color:#003366;}
	.article_display_image{ margin-right:10px;}
	#keyword_about_us fieldset{border:none}
	#keyword_about_us div.subcl img{ margin:0 0 10px 0}
/*	#keyword_mission_sunday p img{ float:left; clear:right; margin:0 15px 0 0; padding:0;}*/
	#keyword_mission_sunday p strong{   }
	#keyword_gallery #image_list .image_thumbnail{ border:none}
	#keyword_chc div.content img{ padding: 1em 1.31em 0 0}
	#links div.link_image{ padding:0 0 1em}
	#links div.link_image img{ padding:0 1.31em 0 1em;}
	#donate_form{ background:transparent url(../../images/navigation/vlist/content-gred.jpg) repeat-x scroll left top; margin:-7px 0 0 0; padding:0;}
	#donate_form fieldset{  border:none; padding: 1em 4em 0 4em}
	#donate_form fieldset input{margin:5px 0 0 0}
	#donate_form fieldset input#frm_destination_1{margin-right:10px;}
	#donate_form fieldset input#frm_destination_2{margin-right:10px;}
	#donate_form fieldset input#frm_destination_3{margin-right:10px;}
	#donate_form fieldset input#frm_destination_4{margin-right:10px;}
	

#sidenav h6 { line-height: 28px; height: 28px; margin: 0; padding: 0 0 0 19px; }
#sidenav ul ul { border: none; }
#sidenav ul ul li { border-left: none; }

#map img {padding:0;}
#map {float:left;}
#countrylist {float:left; padding: 30px 0 0 20px; }