/* CSS Document */

/**Contents Study Guide****/
	#container_studyguide{
	clear:both;
	float:left;
	width:974px;
	}
		#conTleBox{
			float:left;
			width:974px;
			padding:11px 0;
			}
			#conTleBox h2{
				float:left;
				width:550px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:17pt;
				padding:10px 0 5px 70px;
				background:url(/images/new/ic_study.gif) no-repeat 20px 0;
				}
				#conTleBox h2 a:hover{
					text-decoration:none;
					}
			.tle_s{
				font-size:8pt;
				color:#484848;
				font-weight:normal;
				padding-left:15px;
				}
				.yel{
					color:#ce9906;
					}
			#breadcrum{
				float:right;
				text-align:right;
				padding:12px 5px 0 0;
				width:300px;
				}
	/***Contents***/
	#ConBox_studyguide{
		clear:both;
		float:left;
		padding:0 6px 17px 6px;
		width:962px;
		}
		#leftNav_study{
			float:left;
			width:173px;
			background-color:#eeeadf;
			font-family:Arial, Helvetica, sans-serif;
			}
			.leftTle{
				font-size:10pt;
				font-weight:bold;
				color:#763d16;
				background-color:#e8e3d6;
				border-bottom:1px solid #c3bbb6;
				border-top:1px solid #ffffff;
				padding:4px 8px;
				}
			#leftNav_study ul{
				padding:5px 0;
				}
			#leftNav_study ul li{
				background:url(/images/new/arrow_brown.gif) no-repeat 10px 10px;
				padding:3px 5px 3px 20px;
				font-size:8.5pt;
				font-weight:bold;
				}
			#leftNav_study ul li a{
				caption-side:#393939;
				}
				#leftNav_study ul li a:hover{
					text-decoration:underline;
				}
			
		/***Contents Right***/	
		#studyConBox{
			float:right;
			width:740px;
			background-color:#eeeadf;
			padding:10px 17px 17px 17px;
			font-family:Arial, Helvetica, sans-serif;
			}	
			.studyBox{
				clear:both;
				float:left;
				width:744px;
				padding-bottom:20px;
				}
				.studyBoxLeft{
					float:left;
					width:365px;
					}
				.studyBoxRight{
					float:right;
					width:365px;
					}
					.studyTle{
						font-size:13pt;
						font-weight:bold;
						color:#4b4530;
						background:url(/images/new/dotline_g.gif) repeat-x bottom;
						padding:5px 0 7px 5px;
						margin-bottom:13px;
						}
						.studyThumBox{
							}
						.studyThumBox img{
							float:left;
							border:4px solid #ffffff;
							width:147px;
							margin-right:10px;
							}
						.studyInTle{
							font-size:10pt;
							font-weight:bold;
							}
							.studyInTle a{
								color:#010101;
								text-decoration:underline;
								}
						.studyInTle a:hover{
							color:#9d0d0d;
							}
							.author{
								font-size:8pt;
								color:#be8445;
								text-decoration:none;
								padding-left:10px;
								}
						.studyInTxt{
							color:#545457;
							padding-top:7px;
							font-size:8.5pt;
							}
						.studyList{
							clear:both;
							padding-top:17px;
							}
							.studyList a{
								font-size:10pt;
								font-weight:bold;
								color:#010101;
								text-decoration:underline;
								}
							.studyList a:hover{
								color:#9d0d0d;
								}
								
			/*****Study Guide Inner Page*****/
				#studyConBox2{
					float:right;
					width:774px;
					}
					#studyInConBox{
						float:left;
						width:586px;
						}
						#studyTle{
							background:#f1e7d1;
							padding:4px 8px 0 8px;
							font-family:Arial, Helvetica, sans-serif;
							color:#181818;
							height:21px;
							}
							#studyTle h2{
								float:left;
								width:470px;
								font-size:9pt;
								}
							.category{
								color:#7b4001;
								padding-left:15px;
								}
							#date{
								float:right;
								font-size:8pt;
								color:#666666;
								text-align:right;
								width:90px;
								}
						#studyConTxt{
							clear:both;
							width:576px;
							padding:15px 5px;
							}
							#studyConTxt img{
								float:left;
								border:1px solid #666666;
								margin:0 15px 5px 0;
								}
								#studyConTxt h3{
									font-family:Arial, Helvetica, sans-serif;
									font-size:10pt;
									}
						
					#studyInSide{
						float:right;
						width:173px;
						background:#eeeadf;
						}
						#toolbox{
							padding:4px 4px 3px 4px;
							}
							#toolbox img{
								margin-left:3px;
								}
							.toolTle{
								background:#ffffff;
								text-align:center;
								padding:4px 0;
								border-bottom:1px solid #eeeadf;
								}
		
		/*****NEW MAIN*****2008.04.28*** by hyewon***/

		#leftNavBox{
			float:left;
			width:173px;
			font-family:Arial, Helvetica, sans-serif;
			}
			#bnContributor{
				clear:both;
				padding:10px 0;
				background:url(/images/bn_contributor_bg.gif) no-repeat 0 10px;
				height:132px;
				line-height:10pt;
				}
				#bpContTle{
					background:url(/images/ic_contributor.gif) no-repeat 12px 10px;
					padding:10px 10px 5px 50px;
					font-size:11pt;
					font-weight:bold;
					line-height:13pt;
					}
					.blueBP{
						color:#007bae;
						}
					.bpConTxt{
						padding:0 10px 5px 10px;
						font-size:7.5pt;
						font-weight:bold;
						}
			#bnClass{
				clear:both;
				}
				#bnClassTle{
					background: url(/images/left_class_tle_bg.gif) no-repeat;
					height:22px;
					color:#FFFFFF;
					font-weight:bold;
					padding:3px 0 0 5px;
					font-size:8.5pt;
					}
				#bnClassCon{
					background:#f0f0f0 url(/images/left_class_con_bg_bt.gif) no-repeat bottom;
					padding:10px 20px;
					color:#696760;
					line-height:11pt;
					}
					#bnClassCon a{
						color:#1a559f;
						text-decoration:underline;
						}
				
				
		#studyConBox_main{
			float:right;
			width:775px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:8.5pt;
			}
			#studyMidBox{
				float:left;
				width:531px;
				}
				.studyBox1{
					clear:both;
					float:left;
					width:531px;
					margin-bottom:11px;
					}
					.boxCnTop{	
						background:url(/images/new/dic_f_cn_top_right.gif) no-repeat 100% 0;
						height:4px;
						}
						.boxCnTop div{	
							background:url(/images/new/dic_f_cn_top_left.gif) no-repeat 100% 0;
							height:4px;
							width:4px;
							}
					.studyBoxTle{
						float:left;
						width:509px;
						background:#ffffff url(/images/new/leftNav_bg.gif) repeat-x bottom;
						border:1px solid #cccccc;
						border-width:0px 1px 1px 1px;
						padding:3px 10px 5px 10px;
						}
						.studyBoxTle h4{
							float:left;
							width:250px;
							font-size:11pt;
							}
						.searchBox{
							float:right;
							width:250px;
							text-align:right;
							}
					.studyBoxCon{
						clear:both;
						float:left;
						width:529px;
						border:1px solid #cccccc;
						border-width:0 1px 1px 1px;
						font-weight:bold;
						}
						.studyBoxCon ul li{
								background:url(/images/new/arrow_red.gif) no-repeat 10px 10px;
								padding:5px 10px 8px 20px;
								line-height:11pt;
								}
						.newsList{
							color:#333333;
							font-weight:normal;
							padding-top:4px;
							}
						.newsTle{
							font-size:11pt;
							font-weight:bold;
							line-height:13pt;
							}
						.redTxt a{
							color:#a33434;
							}
						.studyBoxLeftIn{
							float:left;
							width:264px;
							}
						.listBox{
							margin:10px 15px;
							background: url(/images/dotline_gray.gif) repeat-x bottom;
							padding-bottom:7px;
							}
						.listBox2{
							margin:10px 15px;
							padding-bottom:5px;
							}
						.studyUl{
							padding:10px 0;
							}
						.studyBoxRightIn{
							float:right;
							width:264px;
							}
							
							.studyBoxCon h5{
								background:#f6f6f6;
								padding:3px 10px;
								color:#969696;
								}
							.studyBoxCon h6{
								font-size:10pt;
								margin:10px 10px 5px 10px;
								padding-bottom:5px;
								background:url(/images/dotline_gray.gif) repeat-x bottom;
								}
							.authorTle{
								color:#cf8945;
								font-size:11pt;
								}
							.authorTxt{
								font-size:9pt;
								padding:3px;
								}
								.authorTxt a{
									color:#733d19;
									}
							.grayTxt2{
								color:#7e7e7e;
								margin-left:8px;
								text-decoration:underline;
								}
							.vers{
								background:url(/images/new/arrow_red.gif) no-repeat 3px center;
								padding:0 10px;
								font-weight:normal;
								}
								.vers a{
									font-size:8pt;
									color:#666666;
									}
							.author2{
								font-size:8pt;
								font-weight:normal;
								color:#505050;
								padding-left:10px;
								}
								.reporter{
									font-size:8pt;
									font-weight:normal;
									color:#39617f;
									}
								
							
			#studySide{
				float:right;
				width:234px;
				}
				#sideLocator{
					clear:both;
					width:234px;
					}
					.sideTle{
						background:url(/images/side_tle_bg.gif) repeat-x top;
						color:#FFFFFF;
						height:22px;
						font-weight:bold;
						padding:3px 10px 0 10px;
						}
						.sideTle a{
							text-decoration:underline;
							font-weight:normal;
							padding-left:60px;
							color:#FFFFFF;
							}
							
					.locator{
						clear:both;
						float:left;
						width:212px;
						padding:0 0 5px 0;
						}
					.sideCon{
						border:1px solid #c0c0c0;
						width:212px;
						padding:10px;
						}
						.tleLabel{
							float:left;
							width:56px;
							text-align:center;
							color:#FFFFFF;
							background:#a9a9a9;
							font-size:8pt;
							font-weight:bold;
							}
						.form{
							float:right;
							width:150px;
							}
						.clear{
							clear:both;
							}
				#sideQuote{
					clear:both;
					background:#cbcbcb url(/images/quote_bg.gif) repeat-y right;
					padding:4px;
					margin:11px 0;
					}
					#sideQuoteIn{
						background:#f9f9f9;
						padding:10px;
						}
						#quoteTle{
							background:url(/images/ic_qoute.gif) no-repeat 0 0;
							padding:5px 0 0 40px;
							height:30px;
							font-size:9pt;
							font-weight:bold;
							}
						#quoteTle2{
							font-weight:bold;
							color:#545352;
							padding:0px 5px 5px 5px;
							font-size:9pt;
							}
						#quoteTle3{
							font-weight:bold;
							color:#0e568d;
							font-size:9pt;
							background:url(/images/ic_quote1.gif) no-repeat 3px 0;
							padding:0 20px 3px 30px;
							}
						#quoteCon{
							background:url(/images/ic_quote2.gif) no-repeat 150px bottom;
							padding:0 20px 0 30px;
							line-height:11pt;
							}
				#sideInteractive{
					clear:both;
					}
					.sideTle2{
						background:url(/images/side_tle_bg.gif) repeat-x top;
						color:#FFFFFF;
						height:26px;
						font-weight:bold;
						}
					#interactTle{
						background:url(/images/ic_interactive.gif) no-repeat left;
						padding:3px 0 0 36px;
						height:23px;
						}
					#interactCon{
						background:#e4e4e4 url(/images/map_bg.gif) no-repeat top;
						float:left;
						width:234px;
						}
						#interactArrowLeft{
							float:left;
							width:30px;
							text-align:right;
							padding-top:86px;
							}
						#interactMap{
							float:left;
							width:174px;
							text-align:center;
							padding:30px 0;
							}
							#interactMap img{
								border:2px solid #ffffff;
								}
						#interactArrowRight{
							float:right;
							width:30px;
							text-align:left;
							padding-top:86px;
							}
						#interactBt{
							clear:both;
							border:1px solid #e4e4e4;
							background:#ffffff url(/images/new/leftNav_bg.gif) repeat-x bottom;
							text-align:center;
							padding:5px 0;
							}
	/***NEW INNER***/

	#studyConBox_main h2{
		font-size:13.5pt;
		color:#3064a5;
		padding:8px 0 15px 14px;
		}
	#studyConBox_main h3{
		font-size:10pt;
		color:#333333;
		padding:8px 0 15px 30px;
		background:url(/images/new/arrow_g.gif) no-repeat 20px 16px;
		}
		#studyConBox_main h3 select{
			margin-left:5px;
			}
		/***By Author***/
		#byauthorCon{
			float:left;
			width:747px;
			padding:14px;
			}
			#byauthorCon ul{
				float:left;
				width:249px;
				}
			#byauthorCon ul li{	
				background:url(/images/bgcolor/arrow_karki.gif) no-repeat 5px 9px;
				padding:3px 0px 3px 15px;
				font-size:9pt;
				font-weight:bold;
				}
				#byauthorCon ul li a{
					color:#763d16;
					}
				.number{
					font-size:8pt;
					font-weight:bold;
					color:#828282;
					}
		/***By Topic***/
		#bytopicCon{
			float:left;
			width:747px;
			padding:14px;
			}
			.byTopicBox{
				float:left;
				width:171px;
				margin-right:15px;
				}
			.topicTle{
				background:#ececec url(/images/topic_tle_bg.gif) no-repeat top;
				padding:3px 10px;
				border-bottom:1px solid #b6b6b6;
				font-size:9pt;
				font-weight:bold;
				}
			#bytopicCon ul{
				padding:8px 3px 15px 3px;
				}
				#bytopicCon ul li{
					background:url(/images/new/dot_g.gif) no-repeat 8px 10px;
					padding:2px 5px 2px 15px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:8pt;
					font-weight:bold;
					}
		/***By Bible***/
			#bybibleCon{
				clear:both;
				float:left;
				width:746px;
				padding:0 14px;
				}
				#relCommentBox{	
					background:#3c3c3b;
					color:#FFFFFF;
					border:5px solid #efefef;
					width:716px;
					padding:10px;
					float:left;
					}
					#relCommentBox h4{
						font-size:10pt;
						}
						#relCommentBox ul{
							float:left;
							width:350px;
							padding:3px 0;
							}
						#relCommentBox ul li{
							background:url(/images/arrow_w.gif) no-repeat 8px 8px;
							padding:2px 0 2px 20px;
							}
							#relCommentBox ul li a{
								color:#FFFFFF;
								}
				#bybibleTable{
					clear:both;
					padding:3px;
					}
					#bybibleTable td{
						padding:7px 5px 4px 20px;
						border-bottom:1px solid #cccccc;
						}
					#sortby{
						text-align:right;
						padding:7px 0;
						color:#333333;
						}
						.sortbyOn{
								background:#f4f4f4;
								padding:3px 5px;
								border:1px solid #cccccc;
								font-weight:bold;
								color:#000000;
								cursor:pointer;
								}
						.sortbyOff{
								background:#f4f4f4;
								padding:3px 5px;
								border:1px solid #dddddd;
								color:#808080;
								cursor:pointer;
								}
						
						.tableTle{
							background:#efefef;
							font-weight:bold;
							}
						.authorLi{
							font-weight:bold;
							}
						.passageLi{
							color:#3064a5;
							font-weight:bold;
							}
						.tleLi{	
							}
						.play{
							font-weight:bold;
							color:#01014e;
							padding-left:7px;
							}
						.date{
							color:#db5800;
							padding-left:7px;
							}
						.service{
							color:#898989;
							font-size:8pt;
							}
						
						#pages{
								clear:both;
								text-align:center;
								padding:15px 0;
								}
								#pages a{
									padding:0 5px;
									}
									#pages a:hover{
										text-decoration:none;
										color:#FFFFFF;
										background:#da0a02;
										}
									.red a:hover{
										color:#ffffff;
										}
							
			/****by Author Inner****/

				#authorBox{
					clear:both;
					background:#efefef;
					padding:15px;
					width:716px;
					float:right;
					margin-bottom:10px;
					}
					#authorBoxTle{
						clear:both;
						float:right;
						width:716px;
						}
						#authorBoxTle h3{
							float:left;
							width:400px;
							font-size:10pt;
							}
						#authorBoxTle img{
							float:right;
							cursor:pointer;
							}
					#authorBoxCon{
						clear:both;
						padding-top:15px;
						float:right;
						width:716px;
						}
						#authorPic{
							float:left;
							width:114px;
							}
						#authorInfo{
							float:left;
							width:283px;
							}
							.infoBox{
								clear:both;
								float:left;
								width:283px;
								padding-bottom:5px;
								}
								.infoLabel{
									float:left;
									width:80px;
									padding-left:10px;
									}
								.infoCon{
									float:left;
									width:183px;
									padding-left:10px;
									}
								.infoBox a{
									color:#0028be;
									}
									
									
						#authorInfo2{
							width:304px;
							float:left;
							padding-left:15px;
							color:#333333;
							}
			/****Locator old****

			#bylocatorCon{
				padding:0 14px;
				width:746px;
				}
				.locatorBox{
					clear:both;
					float:right;
					width:716px;
					padding:10px 15px;
					margin-bottom:5px;
					}
				.locatorTle{
					color:#FF0000;
					font-weight: bold;
					font-size:9pt;
					padding:5px 15px;
					}
					.clearBox{
						clear:both;
						float:right;
						width:716px;
						padding-bottom:12px;
						}
					.clearBox label{
						float:left;
						width:160px;
						text-align:center;
						background:#dddddd;
						font-weight:bold;
						padding:3px 0;
						}
					.formBox{
						float:right;
						width:545px;
						}
						.formBox div{
							float:left;
							width:250px;
							padding-bottom: 7px;
							}
						.inputBox1{
							width:200px;
							}
					.selLabel{
						padding-right:8px;
						}
						.locatorBox textarea{
							width:450px;
							}
						.cityform{
							clear:both;
							width:450px;
							padding-bottom:7px;
							}
					#saveBt{
						padding-left:15px;
						}
			/***Locator New******/
					#bylocatorConL{
						float:left;
						width:234px;
						}
						#classInfo{
							border:1px solid #bfbfbf;
							padding:10px;
							font-size:11pt;
							font-weight:bold;
							margin-top:10px;
							}
						
						
					#bylocatorConR{
						float:right;
						width:534px;
						}
						.tleL{
							float:left;
							width:200px;
							}
						.sortbySel{
							float:right;
							width:300px;
							text-align:right;
							}
						#bylocatorConR table{
							border-right:1px solid #bfbfbf;
							border-left:1px solid #bfbfbf;
							text-align:center;
							}
							.tableTle2{
								color:#6e0500;
								font-weight:bold;
								background:#f9f9f9;
								}
							#bylocatorConR table td{
								border-bottom:1px solid #bfbfbf;
								}			
			/***Pastoral Resources***/
			
					#byauthorCon{
						float:left;
						width:747px;
						padding:14px;
						background:#f4f4f4;
						}
						#byauthorCon ul{
							float:left;
							width:249px;
							}
						#byauthorCon ul li{	
							background:url(../images/bgcolor/arrow_karki.gif) no-repeat 5px 9px;
							padding:3px 0px 3px 15px;
							font-size:9pt;
							font-weight:bold;
							}
							#byauthorCon ul li a{
								color:#763d16;
								}
					
					#pstSearch{
						text-align:center;
						padding:5px 0;
						background:url(/images/bgcolor/s_bg_blue2.gif) repeat-x top;
						color:#FFFFFF;
						}
					#pastoralCon{
						float:left;
						width:747px;
						padding:14px;
						}
					.pstInput{
						margin:0 8px;
						width:200px;
						}
						#pastoralCon ul{
							float:left;
							width:249px;
							}
						#pastoralCon ul li{	
							background:url(/images/bgcolor/arrow_karki.gif) no-repeat 5px 9px;
							padding:3px 0px 3px 15px;
							font-size:9pt;
							font-weight:bold;
							}
							#pastoralCon ul li a{
								color:#763d16;
								}
							.number{
								font-size:8pt;
								font-weight:bold;
								color:#828282;
								}
