/* @override http://www.gracefellowship.com/fileadmin/ext-templates/html/styles.css */

/* Custom CSS style sheet for Grace Fellowship
 * 
 * Developed by Tor de Vries.
 *
 * That red color?  #9a0410;
 */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
slightly modified by TDV
*/
/* reset.css */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:square;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* fonts.css */ body{font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/* font note: 10px = 77%, 11px = 85%, 12px = 93%, 13px = 100%, 14px = 108%, 18px = 138.5%, 24px = 182% */

html { height: 100%; }

body {
	min-height: 100.02%; 
	text-align: center;
}

p {
	padding: 0 0 12px 0;
}

h4 {
	font-weight: bold;
	font-size: 90%;

}


div ul {
	padding: 0;
}

div.tx-wecmap-pi1 h1 {font-size:10px;}	

#subBodyText ul {
	padding: 0 0 12px 30px;
}

body.homeCSS {
	background-image: url(images/page-bkgd.jpg);
	background-color: #f2ede2;
}

div { overflow: visible; }

a, a:active, a:link, a:active { text-decoration: none; color: #9a0410; }
a:hover { text-decoration: underline; color: #9a0410; }

#pageBkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/home-bkgd.jpg) no-repeat center top;
	width: 100%;
	height: 810px;
	background-color: #f2ede2;
	z-index: 1;
}

#pageBkgdJournal {
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/home-bkgd-journal.gif) no-repeat center top;
	width: 100%;
	height: 550px;
	z-index: 2;
}

#ministriesDrawer {
	position: absolute;
	left: 0px;
	top: -250px;
	width: 100%;
	height: 250px;
	background: url(images/drawer-bkgd.jpg) no-repeat center top;
	z-index: 950;
	overflow: hidden;
}

#ministriesList {
	position: relative;
	margin: 0 auto;
	background: url(images/drawer-bkgd.jpg) no-repeat center top;
	text-align: left;
	width: 940px;
	height: 250px;
	top: 0px;
}

#ministriesNames {
	position: relative;
	margin: 0 auto;
	width: 930px;
	top: 6px;
	font-size: 11px;
}

#ministriesNames li {
	padding-bottom: 6px;
	list-style: none;
	font-weight: bold;
}

#ministriesNames ul {
	padding-bottom: 10px;
}

#ministriesNames li li {
	padding-top: 1px;
	padding-bottom: 0;
	padding-left: 6px;
	font-weight: normal;
}

#ministriesTitle {
	position: absolute;
	top: 192px;
	left: 0px;
}

#ministriesNav {
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: 999;
	font-size: 13px;
}

#ministriesClose {
	position: absolute;
	top: 237px;
	right: 6px;
	font-size: 13px;
}

#pageContainer {
	position: relative;
	margin: 0 auto;
	background: url(images/home-bkgd.jpg) no-repeat center top;
	text-align: left;
	width: 931px;
	top: 0px;
	z-index: 10;
}

#pageBkgdFixed {
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/home-bkgd.jpg) no-repeat center top;
	width: 931px;
	height: 720px;
	z-index: 1;
}

#headerLogo {
	position: absolute;
	top: 38px;
	left: 0px;
	z-index: 100;
}

#headerTagline {
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 100;
}

#mainNav {
	color: #fff;
	width: 931px;
	position: absolute;
	top: 109px;
	left: 0px;
/*	height: 300px; */
	z-index: 900;
/*	overflow: hidden; */
}

#subNav {
	color: #fff;
	position: absolute;
	width: 390px;
	height: 20px;
	top: 405px;
	left: 524px;
	z-index: 500;
}

#mainNav a, #mainNav a:hover, #subNav a, #subNav a:hover {
	color: #fff;
}

#mainNav td, #subNav td {
	text-align: center;
}

#subNav a, #subNav span {
	padding-right: 28px;
}

#subNav a.subLast {
	padding-right: 0;
}


#notebookTxt {
	position: absolute;
	top: 140px;
	right: 0px;
	height: 388px;
	width: 10%;
	background: url(images/home-notebook-text.gif) no-repeat left top;
	z-index: 300;
}

#headerPhotos {
	position: absolute;
	top: 109px;
	left: 0px;
	z-index: 200;
	overflow: hidden;
} 
 
#headerPhotos, #headerPhotos img {  
    width: 931px; 
    height: 305px;
    padding: 0;
    margin: 0;
}

#iconVisiting, #iconBigIdea {
	position: absolute;
	top: 437px;
	z-index: 50;
}

#iconVisiting, #textVisiting {
	left: 0px;
}

#iconBigIdea, #textBigIdea {
	left: 338px;
}

#textVisiting, #textBigIdea {
	line-height: 170%;
	position: absolute;
	height: 156px;
	width: 316px;
	z-index: 50;
	top: 514px;
}

#titleVisiting {
	position: absolute;
	top: 455px;
	left: 67px;
	z-index: 50;
}

#titleBigIdea {
	position: absolute;
	top: 444px;
	left: 408px;
	z-index: 50;
}

#titleEvents, #titleBlogs, #textEvents, #textBlogs {
	position: absolute;
	left: 678px;
	z-index: 50;
	width: 250px;
}

#titleEvents {
	top: 436px;
}

#titleBlogs {
	top: 552px;
}

#textEvents {
	top: 455px;
}

#textEvents h1 {
	font-weight: bold;
	padding-top: 4px;
}

#textEvents p {
	padding: 0;
	margin: 0;
}

#textBlogs {
	top: 575px;
	line-height: 140%;
}

#textBlogs p {
	padding: 4px 0 0 0;
}

p.moreLink {
	float: right;
	font-style: italic;
	padding-top: 5px;
}

#utilityNav {
	position: absolute;
	top: 3px;
	right: 88px;
	width: 300px;
	text-align: right;
	color: #fff;
	z-index: 2;
	font-size: 13px;
}

#searchPhrase {
	height: 11px;
	width: 100px;
	font-size: 9px;
	border: none;
	padding-left: 3px
}

#ministriesNav a, #utilityNav a, #ministriesClose a {
	color: #fff;
}






/********************************************** MAIN NAVIGATION */
/* many thanks to suckerfish for this approach */

.nav, .nav *, .nav li li {
	margin:0;
	padding:0;
}

.nav {
	line-height:9px;
	float:left;
}

.nav ul {
	font-size: 13px;
}

.nav li {
	float:left;
	list-style:none;
	position:relative;
	z-index:999;
	padding-right: 1px;
	font-size: 13px;
}

.nav a {
	color: #9a0410;
	display:block;
	float:left;
	padding: .75em 0 .75em 1em;
	text-decoration:none;
	width:120px;
}

.nav li.navAboutUs a.mainLink {
	width: 84px;
	padding-left: 32px;
}

.nav li.navEventsCal a.mainLink {
	width: 126px;
	padding-left: 35px;
}

.nav li.navJourney a.mainLink {
	width: 122px;
	padding-left: 35px;
}

.nav li.navNeeds a.mainLink {
	width: 150px;
	padding-left: 37px;
}

.nav li.navGiving a.mainLink {
	width: 97px;
	padding-left: 32px;
}

.nav li.navResources a.mainLink {
	width: 140px;
	padding-left: 35px;
}

.nav li ul {
	float:none;
	top:-999em;
	left:-999em;
	position:absolute;
}

.nav li:hover, .nav li.sfHover {

}

.nav a:focus, .nav a:hover, .nav a:active,
.nav li li.withSub li a:focus, .nav li li.withSub li a:hover, .nav li li.withSub li a:focus {
	background:#9a0410;
	background-image:none;
}

.nav li:hover ul, .nav li.sfHover ul {
	left:0px;
	top:2.1em; /* distance from main nav -- see line-height above */
}

.nav li:hover li ul, .nav li.sfHover li ul {
	top:-999em;
	left:-999em;
}

.nav li li:hover ul, .nav li li.sfHover ul {
	left:13.5em;
	top: 0px;
	width:14em;
}

.nav li.navResources li a {
	width:12.25em;
}

.nav li.navResources li:hover ul, .nav li.navResources li.sfHover ul {
	left: -12.75em;
}

/* note the underscored CSS, which will be picked up only by IE5.5/6 */

.nav li li {
	float:none;
	width:14em;
	background-image:url(images/nav-menu-bkgd.png);
/*	_background-image:url(images/nav-menu-bkgd-ie6.gif); */
	_background-color: #6c383f;
}

.nav li.navNeeds li {
	width: 187px;
}

.nav li.navResources li {
	width: 176px;
}

.nav li li.withSub {
	background-image:url(images/nav-menu-bkgd-arrow.png);
/*	_background-image:url(images/nav-menu-bkgd-arrow-ie6.gif); */
}

.nav li li.withSub a:focus, .nav li li.withSub a:hover, .nav li li.withSub a:focus {
	background-image:url(images/nav-menu-bkgd-arrow-hi.png);
}

.nav li li li {
	background-image:url(images/nav-menu-bkgd.png);
/*	_background-image:url(images/nav-menu-bkgd-ie6.gif); */
}

.nav li li a {
	float:none;
	padding-right:0;
	width:13em;
}

/*  adjustments for IE to play nice with the menus */

*html .nav li li { margin-bottom:-3px; }
*html .nav li li li { margin-bottom:-3px; }
*+html .nav li li { margin-bottom:-3px; }
*+html .nav li li li { margin-bottom:-3px; }



/**************************************************** subpage **/
/* share CSS as much as possible with the home page */

body.subpageCSS {
	background-color: #3c2c0a;
	background: url(images/sub-bkgd-page.jpg) center top;
}

body.subpageCSS #headerPhotos, body.subpageCSS #headerPhotos img {  
    height: 235px;
}

body.subpageCSS #pageContainer {
	background-image: none;
}


body.subpageCSS #pageBkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/sub-bkgd-head.jpg) no-repeat center top;
	width: 100%;
	height: 359px;
	z-index: 2;
}

#subContent {
	position: absolute;
	top: 359px;
	width: 931px;
	left: 0px;
	z-index: 500;
}

body.subpageCSS #subContent #leftNav {
	position: relative;
	float: left;
	width: 220px;
	color: #000;
	font-size: 108%;
	line-height: 182%;
}

body.subpageCSS #subContent #leftNav ul {
	background: url(images/sub-nav-line.gif) repeat-y left top;
	font-size: 13px;
	line-height: 23px;
}

body.subpageCSS #subContent #leftNav li {
	list-style-type: none;
	margin-left: 18px;
	padding-top: 2px;
	font-size: 13px;
}

body.subpageCSS #subContent #leftNav li.sectionHi {
	margin-left: 0px;
	background: url(images/sub-nav-section-header.png) no-repeat left top;
	_background: url(images/sub-nav-section-header-ie6.gif) no-repeat left top;
}

body.subpageCSS #subContent #leftNav li.sectionHi a {
	padding-left: 18px;
}

body.subpageCSS #subContent #leftNav li.sectionHi ul {
	background: url(images/sub-nav-section-footer.png) no-repeat bottom;
	_background: url(images/sub-nav-section-footer-ie6.gif) no-repeat bottom;
}

body.subpageCSS #subContent #leftNav ul.level1 li.sectionHi ul.level2 li.pageHi a {
	font-weight: bold;
	color: #9a0410;
}

body.subpageCSS #subContent #leftNav ul.level1 li.sectionHi ul.level2 li.pageHi {
	background: url(images/subpage_active.png) no-repeat left bottom;
}

body.subpageCSS #subContent #leftNav li li {
	padding: 0 0 3px 18px;
	margin: 0;
	line-height: 155%;
	color: #000;
}

body.subpageCSS #subContent #leftNav a {
	color: #000;
}

body.subpageCSS #subContent #leftNav li.sectionHi a {
	font-weight: bold;
	color: #9a0410;
}

body.subpageCSS #subContent #leftNav li.sectionHi li a {
	color: #000;
	font-weight: normal;
}

body.subpageCSS #subContent #leftNav ul.level1 li.sectionLo ul.level2 {
	display: none;
}

body.subpageCSS #subContent #subBreadcrumbs {
	float: right;
	width: 688px;
}

body.subpageCSS #subContent #subBodyText {
	/*margin-left: 243px;*/
	float:right;
	width: 688px;
}

body.subpageCSS #subContent #subBreadcrumbs {
	font-size: 77%;
}

body.subpageCSS #subContent #subBreadcrumbs a {
	text-decoration: underline;
}

body.subpageCSS #subContent #subBodyText p {
	font-size: 100%;
	line-height: 138.5%;
}

body.subpageCSS #subContent #subBodyText h1 {
	font-size: 182%;
	line-height: 200%;
	color: #9a0410;
	font-weight: bold;
	padding-top: 24px;
}

body.subpageCSS #subContent #subBodyText h2 {
	font-size: 116%;
	line-height: 138.5%;
	color: #9a0410;
	font-weight: bold;
	padding-top: 18px;
}

body.subpageCSS #subContent #subBodyText h3 {
	font-size: 100%;
	line-height: 138.5%;
	color: #9a0410;
	font-weight: bold;
	font-style: italic;
	padding-top: 13px;
}

body.subpageCSS #subContent #subFooter {
	float: left;
	width: 931px;
	padding: 36px 0 12px 0;
	font-size: 77%;
}

#subContent ul, #subContent ol {
	margin-left: 20px;
	padding-left: 0px;
}

#subContent ul, #subContent ul li {
	list-style: square outside none;
}

#subContent ol, #subContent ol li {
	list-style: decimal outside none;
}

#subContent li {
	margin-bottom: 8px;
}

#subContent ol ol li {
	list-style: lower-alpha outside none;
}


body.homeCSS #subFooter {
	position: relative;
	margin: 0 auto;
	width: 931px;
	top: 770px;
	text-align: center;
	font-size: 77%;
	z-index: 999;
	color: #aaa;
}

body.homeCSS #subFooter a {
	color: #a66;
}


#sidebarLeft {
	position: relative;
	float: left;
	width: 220px;
	height: 250px;
	margin-top: 30px;
}

#sidebarRight {
	float: right;
	width: 220px;
	padding-left: 20px;
}

.flash-replaced div {
	display: none;
}

/* for the SmoothGallery slideshow extension */
body.subpageCSS #subContent #subBodyText div.myGallery h1, body.subpageCSS #subContent #subBodyText div.myGallery h2, body.subpageCSS #subContent #subBodyText div.myGallery h3, body.subpageCSS #subContent #subBodyText div.myGallery p {
	color: #ffffff;
	padding: 0;
	margin: 0;
}

/* temporarily hide the search feature */
div#searchVisible {
	display: inline;
}


/* initial formatting for the 'contact us' form */

body.subpageCSS #subContent #subBodyText div.csc-mailform-field {
}

body.subpageCSS #subContent #subBodyText div.csc-mailform-field label {
	position: relative;
	display: block;
	vertical-align: top;
}

body.subpageCSS #subContent #subBodyText div.csc-mailform-field input {
	position: relative;
	display: block;
	vertical-align: top;
	width: 300px;
}

body.subpageCSS #subContent #subBodyText div.csc-mailform-field textarea {
	position: relative;
	display: block;
	vertical-align: top;
	width: 300px;
	height: 150px;
	overflow: auto;
}

.csc-mailform-submit {
	margin-top: 18px;
	width: 120px;
}

#subBodyText div.tx-wecmap-pi1 h1 {
	color: #000000;
}


/* repairs for WEC spacing issues */
.tx-wecstaffdirectory-stafflist, .tx-wecsermons-pi1-list-brief {
	float: left;
}
.tx-wecsermons-pi1-list-brief, .tx-wecsermons-pi1-list-brief li {
	background-color: transparent;
}


/* repairs for ServiceU embedded iframes */
iframe.serviceuFrame {
	width: 688px; 
	_width: 650px; 
	height: 700px;
}


/*Sandra added*/
.note {
	font-color: red;
}


/* @group Indexed Search */

.searchResultItem {
	margin-bottom: 20px;
	}

.resultHeaderWrap {
	background-color: #a42839;
	color: white;
	height: 18px;
	padding: 0px 10px;
	margin-bottom: 10px;
	}

.resultHeaderWrap a {
	color: white;
	}

.tx-indexedsearch-redMarkup {
	color: red;
	}

body.subpageCSS #subContent #subBodyText h3.resultHeader {
	width: 580px;
	float: left;
	margin: 0;
	padding: 0;
	font-style: normal;
	}

.resultRating {
	width: 60px;
	float: right;
	margin: 0;
	text-align: right;
	}

.tx-indexedsearch .searchbox-tmpl-css label {
	width: auto;
	}

.tx-indexedsearch-search-submit {
	margin-top: 10px;
	margin-bottom: 5px;
	}


#subContent ul.browsebox {
	margin-left: 0;
	margin-bottom: 10px;
	}

#subContent ul.browsebox li {
	margin-right: 10px;
	}


/* @end Indexed Search */

/* @group Common Classes */


.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/* @end Common Classes */


.tx-wecconnector-spacer,
ul.tx-wecsermons-pi1-list-verbose li,
ul.tx-wecsermons-pi1-list-brief li {
	clear:none;
}

.tx-wecconnector-content {
width:auto;
}

.tx-srfeuserregister-pi1-password-again {display:block;}

.tx-wecstaffdirectory-stafflist {
	width: 500px;
	}
/* @ron added to fix connector styling when user logged in */
.tx-wecconnector-content #entryFormToggleHide {
	float: left;
	}

.browserResults {
	clear: both;
	}