@charset "utf-8";
/* Global CSS style, July 2010 */

/*@import "nav.css";
@import "slideshow.css";
@import "formstyle.css";
@import "tabbedPanels.css";
@import "contentslider.css";*/

/* Global settings */
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font: 85%/1.3 Verdana, Arial, sans-serif;	
	color: #637387;
	background: #ffffff url(http://www.newfaithchurch.org/ui/images/headback.jpg) repeat-x top center;
	padding-bottom: 20px;
}
body * {
	/*font-size: 100%;*/
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p {
	margin-bottom: 1.1em;
	margin-top: 0;
}
#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
li.clearFloat {
	clear: both;
}
ul.symbolList {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.AbsWrap {
	position: relative;
	width: 100%;
}
.rowWrap {
	width: 100%;
}
#main {
	margin: 0 auto;
	width: 780px;
}
#masthead {
	margin: 0;
	display: inline;
	float: left;
	height: 123px;
	width: 780px;
}
div#header {
	width: 100%;
	background: #22074c;
	overflow: hidden;
}
div#header h1,div#menu {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
div#menu {
	background: #22074c;
}
div#header h1 {
	padding: 30px 0 10px;
	color: #ffffff;
}
#content {
	margin: 3px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	width: 780px;
}
#content h1 {
	font-weight: bold;
	font-size: 16px;
	color: #a956a5;
	margin: 12px 0 0 10px;
}
/* for inside pages */
#container {
	margin: 0 auto;
}
#promobox {
	margin: 1px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	background-color: #cccccc;
	/*width: 780px;*/
	width: 780px;
	height: 209px;
}
#fglider {
	margin: 5px 0 0 5px;
	padding: 0;
	display: inline;
	float: left;
	background-color: #f0eded;
	width: 770px;
	height: 199px;
}
#glider {
	margin: 5px 0 0 5px;
	padding: 0;
	display: inline;
	float: left;
	background-color: #f0eded;
	width: 415px;
	height: 199px;
}
#vbox {
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	width: 355px;
	background: #cccccc;
	height: 280px;
}
/* video player */
#mediaSuitePlayer_o168r2p1 {
	margin: 5px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	background-color: #333;
	width: 350px;
	height: 270px;
}
#vplayer {
	text-align: left;
	height: auto;
	width: 335px;
	background: #ded4de; /*  #705270;*/
	padding: 0 3px 0 15px;
	margin-bottom: 20px;
}
/*html > body #vplayer {
	height: auto;
	min-height: 426px;
}*/
#vplayer h3 {
	margin-bottom: 3px;
}
#mediaSuitePlayer_uag1xov3 {
	height: 425px;
}
/*#uiBox {
	margin: 1px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	background-color: #ccc;
	width: 780px;
	height: 75px;
}
#media_access {
	margin: 3px 2px 0 5px;
	padding: 0;
	display: inline;
	float: left;
	height: 71px;
}
#login {
	margin: 3px 0 0 3px;
	padding: 0;
	display: inline;
	float: left;
	width: 245px;
	height: 71px;
}*/
#login {
	position: relative;
	bottom: 25px;
	right: 8px;
	padding: 0;
	display: inline;
	float: right;
	width: 200px;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
	font-variant: small-caps;	
}
#login a {
	text-decoration: none;
	color: #ffffff;
}
#login a:hover {
	text-decoration: underline;
}
#spacer {
	height: 2px;
	background: #ffffff;
	display: block;
}
#left {
	float: left;
	margin: 0 1px 0 0;
	width: 148px;
	background: #ebe6d2;
	color: #0b0e3e;
}
#leftHdrBkg {
	margin: 4px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	background: url(http://www.newfaithchurch.org/ui/images/purplebox1.gif) top no-repeat;
	border: 1px solid #003;
	width: 148px;
	height: 42px;
}
#leftHdrBkg2 {
	margin: 4px 0 5px 0;
	padding: 0;
	display: inline;
	float: left;
	background: url(http://www.newfaithchurch.org/ui/images/layout/joinus_header.jpg) top no-repeat;
	border: 1px solid #003;
	width: 148px;
	height: 42px;
}
#left p {
	margin: 10px 0 15px 8px;
	font-size: 11px;
	text-align: left;
	line-height: 100%;
}
#left ul {
	list-style: none;
	margin: 10px 0 15px -30px !important;
	font-size: 11px;
	text-align: left;
	line-height: 100%;
}
#left li {
	margin: 0 0 8px 0;
	color: #0b0e3e;
}
#left a {
	text-decoration: none;
	color: #0b0e3e;
}
#left a:hover {
	text-decoration: underline;
}
#leftlinks {
	color: #000000;
	line-height: 110%;
	font-size: 10px;
	margin: 10px 0 20px 0;
}
#left img {
	margin: 0;
	padding: 0;
	border: none;
}
.searchbox {
	text-align: center;
	margin: 20px 0 10px 0;
}
/* Social media links on left column */
#smedia {
	margin: 0 5px 10px 5px;
	padding: 0 0 5px 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#smedia img {
	border: none;
	text-decoration: none;
	margin: 3px;
}
#smedia h5 {
	font-size: 12px;
	margin: 0 0 15px 0;
	text-decoration: underline;
	text-align: center;
}
#mmedia {
	margin: 10px 5px 10px 5px;
	padding: 5px 0 5px 0;
}
#mmedia img {
	border: none;
	text-decoration: none;
	margin: 0 0 10px 0;
}
#mmedia h5 {
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 95%;
}
/* Center column; main content column */
#center {
	float: left;
	width: 373px;
	background: #ffffff;
	padding: 4px 0;
}
#center ul {
	font-size: 11px;
	padding-right: 10px;
}
#centercontent {
	padding: 25px 5px 20px 10px;
	text-align: left;
	height: 100%;
}
#centercontent p {
	margin: 5px 0;
	padding: 0;
	line-height: 100%;
	font-size: 12px;
}
#centercontent h3, h4, h4 {
	font-weight: bold;
	margin: 8px 0 0 0;
}
#centercontent h3 {
	font-size: 13px;
}
#centercontent h4 {
	font-size: 12px;
}
#centercontent h5 {
	font-size: 10px;
	margin: 10px 0 0 0;
}
#centerbar {
	margin: 5px 0 15px 0;
	padding: 6px;
	border: 1px solid #cccccc;
	height: 80px;
}
#centerbar .cleft {
	width: 160px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 3px 0 0;
}
#centerbar .cright {
	width: 160px;
	float: left;
	margin: 0 0 0 8px;
	padding: 0 3px 0 3px;
}
.centercontent img {
	border: none;
	margin: 10px 0;
}
#centerHdrBkg {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	background: url(http://www.newfaithchurch.org/ui/images/myBar.gif) top no-repeat;
	width: 373px;
	height: 42px;
}
#pageCenterHdrBkg {
	margin: 0;
	padding: 0;
	float: left;
	background: url(http://www.newfaithchurch.org/ui/images/myBar.gif);
	width: 100%;
	height: 42px;
}
/* Right column/sidebar */
#right {
	float: left;
	margin: 0;
	padding: 0;
	width: 255px;
}
#rightHdrBkg {
	margin: 4px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
	background: url(http://www.newfaithchurch.org/ui/images/purplebox2.gif) top no-repeat;
	width: 255px;
	height: 42px;
}
.rightcontent {
	color: #0b0e3e;
	font-size: 10px;
	text-align: left;
	background: #ffffff;
	padding: 15px 5px 5px 10px;
	width: 242px;
	margin: 0 0 0 1px;
	height: 100%;
}
#right .rightcontent h3 {
	font-size: 14px;
	line-height: 100%;
	font-weight: normal;
	color: #a956a5;
	margin: 8px 3px 0 0;
	padding: 0 0 7px 0;
	text-decoration: underline;
}
.rightcontent h4 {
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	color: #361d5b;
	margin: 0 0 2px 0;
	padding: 0;
}
.rightcontent .subheader {
	font-weight: bold;
	line-height: 120%;
	color: #361d5b;
	margin: 0;
	padding: 0;
}	
.rightcontent p {
	font-size: 11px;
	line-height: 110%;
	margin-bottom: 10px;
}
.rightcontent a {
	text-decoration: none;
	color: #361d5b;
	font-weight: bold;
}
.rightcontent a:hover {
	text-decoration: underline;
	color: #5e0004;
}
.rightcontent a:visited {
	text-decoration: none;
	color: #5e0004;
}
/* Service times panel */
#serviceTimes {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #0b0e3e;
	margin: 2px 0;
	padding: 0;
	display: inline;
	float: left;
	background: #ebe6d2;
	width: 780px;
	height: 85px;
}
#serviceTimes h4, h5 {
	font-weight: bold;
}
#serviceTimes h5 {
	text-align: center;
	line-height: 95%;
	margin: 4px 0 6px 0;
	padding: 0;
	font-size: 11px;
}
#serviceTimes p {
	text-align: center;
	font-size: 11px;
	line-height: 100%
}
#svctimesHdr {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	background-color: #22074c;
	width: 780px;
	height: 20px;
	text-align: left;
}
#svctimesHdr h4 {
	color: #ffffff;
	font-size: 11px;
	margin: 2px 0 0 5px;
}
#colwrap5, #colwrap6, #colwrap7, #colwrap8, #colwrap9 {
	float: left;
	margin: 0;
	padding: 0;
}
#colwrap5 {
	width: 198px;
}
#worshipSvc, #discipleHr, #midWk, #bStudy, #lSupper {
	border: 1px solid #666;
	margin: 3px 0 0 5px;
	padding: 0;
	display: inline;
	float: left;
	height: 59px;
}
#worshipSvc {
	width: 192px;
}
#colwrap6 {
	width: 129px;
}
#discipleHr {
	width: 123px;
}
#colwrap7 {
	width: 149px;
}
#midWk {
	width: 143px;
}
#colwrap8 {
	width: 159px;
}
#bStudy {
	width: 153px;
}
#colwrap9 {
	width: 139px;
}
#lSupper {
	width: 133px;
}
/* Footer */
#footer {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #cccccc;
	margin: 0 0 -5px 0;
	padding: 0 0 15px;
	display: inline;
	float: left;
	background-color: #22074c;
	width: 780px;
	height: auto;
}
#footer h3, h4 {
	font-weight: bold;
}
#footer h3 {
	font-size: 14px;
	margin: 0 0 5px 0;
}
#footer h4 {
	font-size: 12px;
	margin: 0 0 10px 0;
}
#footer ul {
	list-style: none;
	text-decoration: none;
}
#footer li {
	margin: 5px 0 0 -40px;
}
.address {
	font-size: 12px;
	text-align: left;
	line-height: 95%;
	padding: 1px 5px 2px 0;
	margin: 9px 10px 0 11px;
	display: inline;
	float: left;
	width: 186px;
	height: 100px;
	/*border-right: 1px solid #8c8888;*/
}
.address p {
	font-size: 10px;
}
#footer a, a:visited {
	text-decoration: none;
	color: #cccccc;
}
#footer a:hover {
	color: #9d3a99;
}
.aboutmenu, .ministrymenu, .storemenu, .preqmenu,  .fbtwitmenu {
	font-size: 10px;
	text-align: left;
	line-height: 90%;
	float: left;
	display: inline;
	padding: 1px 0 15px 20px;
	margin: 9px 15px 0 0;
	height: 150px;
	border-left: 1px solid #8c8888;
}
.aboutmenu {
	width: 98px;
}
.ministrymenu {
	width: 110px;
}
.storemenu {
	width: 100px;
}
.preqmenu {
	width: 90px;
}
.fbtwitmenu {
	width: 72px;
	border: none;
}
.copyright {
	margin: 20px 0 0 0;
	font-size: 9px;
	text-align: center;
	width: 780px;
	float: left;
}

/* audio player configuration */
#aplayer {
	margin: 10px 0 5px 0;
	display: block;
	width: 250px;
	height: 24px;
}
a.player {	
	position: relative;
	left: 0;
	margin: 20px 0 0 0;
	padding: 0;	
	width: 250px;
	height: 24px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
a.player {
	margin-top: 0px;		
}
.clips {
	font-size: 12px;
	line-height: 120%;
}
.clips a {
	text-decoration: none;
}
.clips a:hover {
	color: #8a2b22;
	text-decoration: underline;
}
div.playlist, div.clips {
	width: 250px;
	margin-bottom: 10px;
	display: inline;
	float: left;
	padding-top: 0px;
}
/* special to inside pages */
#pagebanner {
	background-color: #cccccc;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 770px;
	height: 150px;
	text-align: center;
}
#pageswf {
	background-color: #cccccc;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 770px;
	height: 150px;
	text-align: center;
}
.floatleft {
	float: left;
	margin: 8px 10px 5px 0;
}

.floatright {
	float: right;
	margin: 8px 0 5px 10px;
}
.caption {
	margin: 2px 0 2px 0;
	font-size: 10px;
	font-style: italic;
}
#pageContent {
	padding: 25px 15px 20px 10px;
	margin: 0;
}
#pageContent p {
	font-size: 12px;
	line-height: 130%;
	margin: 5px 0 10px 0;
}
#pageContent h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0;
}
#pageContent h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
#pageContent a {
	color: #361d5b;
}
#pageContent a, #pageContent a:visited {
	text-decoration: none;
}
#pageContent a:hover {
	text-decoration: underline;
	color: #5e0004;
}
#pageContent a:visited {
	color: #5e0004;
}
.minister_title {
	font-size: 11px;
	font-style: italic;
	margin: 0 0 6px 0;
	padding: 0;
}
#pageContent ul {
	font-size: 12px;
}

/* staff page style */
#pSpacer {
	margin: 40px 0 0 0;
}
.tmemberRow {
	width: 606px;
	padding: 0;
	height: 100px;
}
.tmemberLeft {
	width: 295px;
	float: left;
}
.tmemberRight {
	width: 295px;
	float: right;
}
.staffer_info {
	float: left;
	width: 185px;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px; 
	text-decoration: none; 
	text-align: right;
}
.staffer_img {
	float: right;
	margin: 0;
	padding: 0;
}
.staffer_name {
	color: #361d5b;
	font-weight: bold;
}
.staffer_title {
	color: #5f00bc;
	font-size: 11px; 
	line-height: 75%;
}
a.email {
	font-size: 10px;
	line-height: 125%;
	text-decoration: none;
}
a.email:link {
	color: #999999;
}
a.email:hover {
	color: #000000;
}
/* nfc list */

/* map */
.map {
	padding: 10px 0;
}

/* niftycorners */
#box {
	width: 380px;
	padding: 2px 0 0 10px;
	margin: 5px 0 5px 0;
	background: #6593a9;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height: 110%;
	float: left;
}
#box h1 {
	color: #ded4de;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 3px 0;
}
#box .boxp {
	padding: 5px 5px 0 0;
	color: #cccccc;
	font-weight: bold;
	font-size: 13px;
}
ul#split,ul#split li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#split li {
	float: left;
	width: 225px;
	margin: 0 5px 10px 0;
}
ul#split h3 {
	font: bold 120%/1.3 Verdana,sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 8px 0 5px 0;
	text-align: center;
	color: #000000;
}
ul#split p {
	margin: 0;
	padding: 5px 8px 5px 8px;
}
ul#split div {
	background: #ffb3ff;
	padding: 2px 0 10px 0;
}
div#one h3 {
	background: #527f95;
	width: 225px;
	padding-bottom: 7px;
	color: #ffffff;
	font-size: 12px;
}
li#one h3 {
	background: #ffb3ff;
	width: 225px;
	padding-bottom: 7px;
	color: #ffffff;
	font-size: 12px;
}
.spacer2 { /* used to pad right-column split boxes */
	padding-bottom: 0.25em;
}

/* some legacy stuff; needs cleaning */
.nfctext4 {
	color: #5f00bc; 
	font-size: 10pt; 
	text-decoration: none; 
	padding-right: 3px; 
	padding-left: 8px;
}

/* callout style */
.calloutRow {
	/*display: inline;*/
	margin: 1px 0 0;
	padding-left: 40px;
	float: left;
	width: 100%;
}
.calloutRow p {
	padding: 5px 0 0;
	line-height: 0.8em;
}
ul.callout, ul.callout li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.callout li {
	float: left;
	width: 40px;
	height: 40px;
	margin: 3px 8px 2px 0;
}
li.bl {
	background: #ff95a2;
}
li.bl h3 {
	font: bold 30px Georgia, "Times New Roman", Times, serif;
	margin: 3px 5px 3px 8px;
}
/* events style */
/*#upcomingEvents {
	float: left;
	width: 98%;
	font-family: Verdana, Geneva, sans-serif;
}
#upcomingEvents h2 {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin: 5px 0;
}
#upcomingEvents .viewall {
	text-align: right;
	font-style: italic;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}*/
ul.events, ul.events li {
	float: left;
	width: 98%;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
}
ul.events li {
	float: left;
	width: 100%;
	background: #2d184c;
	padding: 3px 2px 2px 0;
	margin: 0 0 10px 0;
}
ul.events li .date {
	float: left;
	padding: 2px 3px 6px 4px;
	margin: 1px 5px 1px 0;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	width: 30px;
}
ul.events li .date .month {
	font-size: 13px;
	margin: 0;
}
ul.events li .date .day {
	font-size: 12px;
	margin: 0;
}
ul.events li h4 {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	margin: 4px 0 1px 0;
}
ul.events li p {
	font-size: 10px;
}
ul.events li a, ul.events li a:hover, ul.events li a:visited {
	text-decoration: none;
	color: #ffffff;
}
ul.events li h4 a:hover {
	text-decoration: underline;
	color: #ffffff;
}
ul.events .viewall {
	text-align: right;
	font-style: italic;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}
