/*
** 
*/

body {
	font:		normal 8pt verdana, ms sans serif, sans serif;
	color: 		#000000;
	background: #ffffff;
	margin: 	0px;
    }
td { 	font:		normal 8pt verdana, ms sans serif, sans serif; }
h1, h2, h3, h4, h5, h6  { font-family: arial, ms sans serif; }
h1 { font-size: 18pt; }
h1, h2 { text-align: center; }
h1.home, h2.home { color: #ffffff; }
h2.home { font: bold 14pt arial, sans-serif; }
h2, h3  { color: #000000;  }
.clsBrown h2, .clsOrange h2, .clsBlack h2 { color: #ffffff; font-size: 16pt; margin: 0px; }
table {
	border-collapse: collapse;
}

a:hover { color: red; }

a:link  { font-weight: bold; }

.clsBrown  { background: rgb(102,51,0);   color: #ffffff; }
.clsOrange { background: rgb(222,111,21); color: #ffffff; }
.clsBlack  { background: rgb(32,5,0);     color: #ffffff; }
.clsBlack a { color: #ffffdd; background: inherit; }
.clsOrangeBorder { border: solid 2px rgb(222,111,21); }

.clsPathwayDesc, .clsJourneyTestimonies { vertical-align: top; }

.clsTdSpreadTheWord { }
.clsLeftColOrange { 
	background: rgb(222,111,21); 
	color: #ffffff; 
	vertical-align:top; 
	padding:5px; 
	width:220px; 
	font: normal 8pt verdana, sans-serif;
	}
.clsLeftColOrange h2 { color: #ffffff; font-size: 16pt; }
.clsRightColBlack {
	vertical-align: top;
	background: rgb(32,5,0);
	color: #ffffff; 
	width: 250px; 
	padding: 5px; 
}
.clsRightColBlack h2 { color: #ffffff; }
.clsRightColBlack  a { color: #ffffdd; background: inherit; }
.clsRightColBlack  a:hover { color: #ff0000; background: inherit; }
#tblStepHeader { width: 557px; } /* width: 100%; */

#tblLayout { 
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	}
#tblLayout td { padding: 0px; }
#tblBanner { border: solid 1px #000000; border: none; } 
#tblSteps {}
#tblSteps, #tblInfoStrip, #tblContent, #tblMainContent {
	width: 100%;
	}
#tblSteps td, #tblContent td, #tblMainContent td {
	padding: 0px;
	}
	
#tblInfoStrip td { padding: 20px; border: solid 1px #000000; padding: 1px; background: #ffffff;}

#tblSteps { border-bottom: none; }
#tblSteps td { padding: 0px; text-align: center; }
#tblSteps td.Pathway {
	font-size: 8pt;
	font-weight: bold;
	background: rgb(102,51,0);
	color: #ffffff;
	border: solid 1px #000000;
	}
#tblSteps td.Pathway2 {
	font: normal 8pt arial, sans-serif;
	background: rgb(222,111,21);
	color: #ffffff;
	border: solid 1px #000000;
	}
#tblSteps td.Foot {
	background: #ffffff;
	border-right: solid 1px #000000;
}
#tblSteps td.Foot img {
	border: none;
	margin: 0px;
	
}

#tblContent { border: solid 1px #000000; min-height: 400px; border-top: none; }
#tblContent td, .clsTblContent td { border: solid 1px #000000; padding: 5px; }
#tblStepHeader td { border: none; }
.clsStepID { text-align: center; font: bold 24pt arial, sans-serif; }
.clsSquareCell { height: 70px; width:54px; }

#tblMainContent { border: none; }
#tblMainContent td { border: solid 1px #ccc; font-size: 8pt; }
#tblMainContent ul li { margin-left: -25px; }
#tblMainContent ul { margin-bottom: 0px; }
/*
.clsPathwayTitle { font: bold 12pt arial, sans-serif; }

.clsLeftSpine { background: #eecc88; width: 5%; }
.clsStepRowHeader {
	text-align: center;
	background: #eecc88;
	}



.clsStepTitle { font: bold 18pt arial, sans-serif; }
.clsStepLeftCol { font-style: italic; white-space:nowrap; }
*/

/* My Journey stuff */
#notes { font: normal 8pt verdana, sans-serif; width: 400px; }

#tblFaithStories td, #tblMyNotes td, #tblMyWitness td, #tblMyCareGroup td { border: solid 1px #000000; padding: 3px; }
.clsTdStepTitle h1 { text-align: left; vertical-align: top; font-size: 20pt; margin-left: 5px; margin-top:0px; margin-bottom: 5px;  }
#divStepSubtitle { margin-left: 5px; margin-bottom: 0px; }

.clsDivMsg {
	font:			bold 12pt arial, sans-serif;
	color:			#3a3;
	background:		#9f9;
	text-align:		center;
}

.clsLeftCol { font: bold 10pt arial, sans-serif; text-align:right;  }
.clsNoWrap { white-space: nowrap; }
.clsCenterMe { margin-left: auto; margin-right: auto; }
.clsCenter { text-align: center; }
.clsRight { text-align: right; }
.cls100 { width: 100px; }
.cls80 { width: 80px; }

#footer {
	margin-top: 5px;
	font: normal 8pt arial, san-serif;
	text-align: center;
	color: #777777;
	background: inherit;
	}
/* ==================================================
** 					CUSTOM CLASSES
** ================================================== 
*/
.clsHidden { display: none; }
.clsDivBox {
	margin: 		0px auto;
	background:		#ddddee;
	border:			solid 1px #000000;
	width:			90%;
	padding:		5px;
	}
.clsDivButtons {
	text-align:		center;
	padding:		5px;
}
.clsHint { 
	font-size:		smaller;
	color:			#777;
	background:		none;
	}

.clsSpnLeftCol {
	width:			100px;
	padding:		2px;
	vertical-align:	middle;
	text-align: 	right;
	display: 		inline-block;
	}

.clsErrorMessage { 
	font:			bold 12pt arial, sans-serif; 
	color:			#f00; 
	background:		#faa;
	text-align:		center;
	}
.clsMessage { 
	font:			bold 10pt arial, sans-serif; 
	color:			#070; 
	background:		#efe;
	text-align:		center;
	}
.clsErrMsg {
	color:	#ff0000;
	font: 	normal 10pt courier new, serif;
	}
.clsDivDebug {
	background: 	#ddddee;
	color: 			#999999;
	font: 			normal 9pt courier new;
	border:			solid 1px #444444;
	width: 			50%;
	margin: 		2px auto;
	padding: 		3px;
}
.clsDivMsg {
	font:			bold 12pt arial, sans-serif;
	color:			#3a3;
	background:		#9f9;
	text-align:		center;
}
.clsFakeHref {
	color:			#0000ff;
	text-decoration: underline;
	cursor:			pointer;
}
.clsFakeHref:hover {
	color:			#ff0000;
	text-decoration: underline;
	cursor:			pointer;
}
.clsWelcome { 
	position: relative;
	top: 0px;
	left: 0px;
	color: #ffffff;
	background: rgb(102,51,0);
	margin-left: auto;
	margin-right: auto;
	width: 992px;
	z-index: 99;
}
.clsWelcome a { color: #ffffff; }


.clsDataGridRow {
	background:		#f6f6f0;
	}
.clsDataGridAltRow {
	background:		#ccf;
	}