/* CSS Document */

/**Devotional Contents page***/


	#container_devotional{
	clear:both;
	width:974px;
	float:left;
	padding:15px 0;
	}

			/***Container****/
				
					#leftNav_devoBox{
						float:left;
						width:186px;
						}
						
					#leftNav_devo{
						margin-bottom:12px;
						}
						
						#leftNav_devo ul li{
							background:#ebf1f8 url(/images/new/arrow_b_ot.gif) no-repeat 10px 10px;
							padding:4px 10px 4px 20px;
							border-bottom:1px solid #ffffff;
							}
						#leftNav_devo ul li a:hover{
							color:#d50f0f;
							}
						#leftTle{
							/*background:#989898; gray dark*/
							background:#38698d;
							padding:3px 10px;
							border-bottom:1px solid #ffffff;
							color:#FFFFFF;
							}

				#contentsBox_devo{
				float:right;
				width:767px;
					}	
					
					.g2CnTop{
						clear:both;
						background:#dedede url(/images/new/g2_cn_top_right.gif) no-repeat 100% 0;
						height:2px;
						}
						.g2CnTop div{
							clear:both;
							background:#dedede url(/images/new/g2_cn_top_left.gif) no-repeat left 0;
							height:2px;
							height:2px;
							}
					.g2CnBt{
						clear:both;
						background:#dedede url(/images/new/g2_cn_bt_right.gif) no-repeat 100% 0;
						height:2px;
						}
						.g2CnBt div{
							clear:both;
							background:#dedede url(/images/new/g2_cn_bt_left.gif) no-repeat left 0;
							height:2px;
							height:2px;
							}
					#tleBox{
						height:35px;
						padding:7px 10px 0 5px;
						float:left;
						width:752px;
						}
						#tleBox h3{
							float:left;
							width:50%;
							color:#2f65a5;
							font-size:15pt;
							font-family:Arial, Helvetica, sans-serif;
							}
					#tleBox{
						height:28px;
						padding:7px 20px 0 5px;
						float:right;
						width:742px;
						}
						#tleBox2 h3{
							float:left;
							width:50%;
							color:#4b4432;
							font-size:15pt;
							font-family:Arial, Helvetica, sans-serif;
							}
						#breadCrum{
							float:right;
							width:40%;
							text-align:right;
							color:#6b6b6b;
							}
							#breadCrum a{
								color:#717276;
								}
						#devoBox{
							clear:both;
							float:right;
							width:756px;
							padding-right:11px;
							}
							#devoBoxTop{
								float:right;
								width:756px;
								}
								#devoCnTop{
									background:url(/images/new/devo_g_cn_top_right.gif) no-repeat 100% 0;
									height:2px;
									}
									#devoCnTop div{
										background:url(/images/new/devo_g_cn_top_left.gif) no-repeat 0 0;
										height:2px;
										width:2px;
										}
								#devoCnBt{
									clear:both;
									background:url(/images/new/devo_g_cn_bt_right.gif) no-repeat 100% 0;
									height:2px;
									}
									#devoCnBt div{
										background:url(/images/new/devo_g_cn_bt_left.gif) no-repeat 0 0;
										height:2px;
										width:2px;
										}
								#devoBoxIn{
									float:right;
									width:746px;
									background:#efefef;
									border-right:1px solid #d7d7d7;
									border-left:1px solid #d7d7d7;
									padding:2px 4px;
									}
									#devoTopBoxTle{
										background:#ffffff;
										height:18px;
										padding:3px;
										float:left;
										width:740px;
										}
										#devoTopBoxTle h3{
											float:left;
											width:50%;
											background:url(/images/new/ic_devo.gif) no-repeat 15px center;
											padding-left:40px;
											font-size:10pt;
											font-family:Arial, Helvetica, sans-serif;
											}
										#devoDate{
											float:right;
											width:30%;
											text-align:right;
											padding-right:7px;
											color:#3884b5;
											}
									#devoConBox{
										clear:both;
										width:746px;
										float:left;
										line-height:12pt;
										padding-bottom: 20px;
										}
										#devoConLeft{
											float:left;
											width:332px;
											margin:20px 0 0 0;
											padding:0 20px;
											border-right:1px solid #ffffff;
											}
											#devoConLeft h4{
												font-family:Arial, Helvetica, sans-serif;
												font-size:14pt;
												}
												#devoConLeft h4 a{
													color:#c05f00;
													}
											.blackbold{
												font-family:Arial, Helvetica, sans-serif;
												font-size:9.5pt;
												font-weight:bold;
												padding:5px 0;
												}
											#devoPic img{
												float:left;
												margin:5px 10px 0px 0;
												}
												.purple{
													color:#bd2400;
													padding-bottom:7px;
													}
										#devoConRight{
											float:right;
											width:332px;
											margin:20px 0 0 0;
											padding:0 20px;
											}
											.devoRightIn{
												margin-bottom:10px;
												border-bottom:1px solid #ffffff;
												padding-bottom:10px;
												}
											.devoRightIn2{
												clear:both;
												}
												.devoRightIn h5 a, .devoRightIn2 h5 a{
													clear:both;
													color:#3168a7;
													text-decoration:underline;
													font-family:Arial, Helvetica, sans-serif;
													font-size:11pt;
													}
												.devoRightIn h5 a:hover, .devoRightIn2 h5 a:hover{
													color:#2fb7e4;
													}
												.blackBold_s{
													font-weight:bold;
													font-size:8.5pt;
													font-family:Arial, Helvetica, sans-serif;
													padding:3px 0;
													}
													
														.more a{
															color:#7f0a39;
															text-decoration:underline;
															padding-left:20px;
															}
														.more a:hover{
															color:#cb125c;
															}
									
							#devoList{
								clear:both;
								padding:10px 0;
								float:right;
								width:756px;
								}
								#devoList ul li{
									float:left;
									width:338px;
									padding:6px 20px;
									background:url(/images/new/dot_black.gif) no-repeat 10px 13px;
									}
									.devoListTle{
										color:#a43951;
										font-family:Arial, Helvetica, sans-serif;
										font-size:8.5pt;
										}
									.devoListTle a{
										font-size:10pt;
										font-weight:bold;
										text-decoration:underline;
										}
									.devoListTle a:hover{
										color:#bc2300;
										}

				/****Devotional Inner1 page*****/
				#devoTopBoxTleBox{
					float:right;
					width:756px;
					}
					#devoTopBoxTle2{
						height:20px;
						padding:3px;
						float:right;
						width:748px;
						border:1px solid #cccccc;
						border-width:0px 1px 1px 1px;
						background:url(/images/new/bin_tle_bg.gif) repeat-x bottom;
						}
					#devoTopBoxTle2 h3{
						float:left;
						width:50%;
						background:url(/images/new/ic_devo.gif) no-repeat 10px center;
						padding-left:33px;
						font-size:11pt;
						font-family:Arial, Helvetica, sans-serif;
						}
				
						.todayCnTop{
							clear:both;
							background:url(/images/new/dic_f_cn_top_right.gif) no-repeat 100% 0;
							height:4px;
							}
							.todayCnTop div{
							background:url(/images/new/dic_f_cn_top_left.gif) no-repeat left top;
							height:4px;
							width:4px;
							}
			
				#devoListIn{
					clear:both;
					float:right;
					width:756px;
					}
					#devoListLeft{
						float:left;
						width:356px;
						padding:10px;
						}
						.devoList{
							font-family:Arial, Helvetica, sans-serif;
							font-size:9pt;
							padding:5px 0;
							background:url(/images/new/dotline_g.gif) repeat-x bottom;
							}
							.blueTle{
								padding:3px 0;
								}
							.blueTle a{
								color:#1260d9;
								font-weight:bold;
								}
								.blueTle a:hover{
									text-decoration:underline;
									}
							.author{
								font-weight:bold;
								}
							.devoListCon{
								padding:5px 0;
								}
					#devoListRight{
						float:right;
						width:356px;
						padding:10px;
						}
							
							#pages{
									clear:both;
									text-align:center;
									padding:15px 0;
									}
									#pages a{
										padding:0 5px;
										}
										#pages a:hover{
											text-decoration:none;
											color:#FFFFFF;
											background:#037ea5;
											}
										.red a:hover{
											color:#ffffff;
											}

					/***Devo Inner2 Page Contents****/

	/***Devo Left Favorite Box****/
	#devoLeftBox{
		background:#e7f1f7 url(/images/new/devo_leftBox_bg.jpg) no-repeat top;
		padding:17px 13px 15px 13px;
		}
		#devoLeftBox h5{
			padding:5px 0;
			font-size:9pt;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			}
			.blueTxt{
				color:#2864b4;
				font-weight:bold;
				}
			#devo_favorite{
				background:url(/images/new/devo_left_coda.gif) no-repeat right bottom;
				font-size:7pt;
				font-weight:bold;
				color:#2e2e2e;
				line-height:12pt;
				padding-bottom:5px;
				font-family:Arial, Helvetica, sans-serif;
				}
			#devoLeftBox ul li{
				background:url(/images/new/arrow_register.gif) no-repeat 3px center;
				padding:0  0 0 10px;
				font-size:7pt;
				color:#2864b4;
				}
				#devoLeftBox ul li a{
					text-decoration:underline;
					color:#2864b4;
					}
				#devoLeftBox ul li a:hover{
					color:#d12020;
					}
				/****Devo Read page Contents***/	
				#devoReadLeft{
					float:left;
					width:507px;
					}
					#devoreadTleBox{
					float:right;
					width:507px;
					}
					#devoTopBoxTle3{
						height:20px;
						padding:3px;
						float:right;
						width:499px;
						border:1px solid #cccccc;
						border-width:0px 1px 1px 1px;
						background:url(/images/new/bin_tle_bg.gif) repeat-x bottom;
						}
					#devoTopBoxTle3 h3{
						float:left;
						width:50%;
						background:url(/images/new/ic_devo.gif) no-repeat 10px center;
						padding-left:33px;
						font-size:11pt;
						font-family:Arial, Helvetica, sans-serif;
						}
					#devoReadCon{
						clear:both;
						padding:12px;
						}
						#devoReadCon h4{
							font-family:Arial, Helvetica, sans-serif;
							font-size:13pt;
							padding:5px 0;
							color:#1160d7;
							}
					
				#devoSide{
					float:right;
					width:232px;
					background:#d9d9d9;
					}
					#bibleCntop{
							background:#d9d9d9 url(/images/new/bin_g_cn_top_right.gif) no-repeat 100% 0;
							height:2px;
							}
							#bibleCntop div{
							background: url(/images/new/bin_g_cn_top_left.gif) no-repeat 100% 0;
							height:2px;
							width:2px;
							}
						#devoSideIn{
							background:#ffffff;
							border:5px solid #d9d9d9;
							border-width:3px 5px 3px 5px;
							}
							.sideTle{	
								text-align:center;
								background:#eeeeee;
								font-size:8pt;
								font-weight:bold;
								padding:3px 0;
								color:#d12020;
								font-family:Arial, Helvetica, sans-serif;
								border:1px solid #ffffff;
								}
								#toolbox{
									padding:10px 0;
									text-align:center;
									}
								#toolbox a{
									padding:0 10px 0 3px;
									}
								.grayTxt2{
									font-size:7.5pt;
									color:#696969;
									padding:5px 7px;
									line-height:11pt;
									}
								.login{
									text-align:right;
									padding:5px 10px;
									font-size:7pt;
									font-weight:bold;
									font-family:Arial, Helvetica, sans-serif;
									}
								.login a{
									text-decoration:underline;
									color:#17357f;
									}
								.login a:hover{
									color:#d12020;
									}
						#devoSideIn	textarea{
							width:201px;
							}
							#increase{
								background:#d9d9d9;
								padding:3px 0;
								text-align:center;
								}
					/****LoginBox*****/
						.loginForm{
								padding:5px 7px;
								}
							.loginForm input{
								border:1px solid #a4abb1;
								background:url(../images/new/leftNav_bg.gif) repeat-x;
								height:15px;
								color:#666666;
								font-size:8pt;
								width:85px;
								}
								.loginForm span{
									color:#be2222;
									font-size:7pt;
									font-weight:bold;
									padding:3px;
									background-color:#dddddd;
									}

