/* CSS Document */
/**SERMON****/

#container_sermon{
	clear:both;
	float:left;
	width:974px;
	position:relative;
	}
		#sermonTopNav{
	float:left;
	width:970px;
	background:#357baf url(/images/new/sermon_menu_bg.gif) repeat-x top;
	height:27px;
	border-top:1px solid #ebebeb;
	padding:3px 0 0 4px;
			}
		#sermonTopNav ul li{
			float:left;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10pt;
			font-weight:bold;
			width:101px;
			height:22px;
			padding-top:5px;
			}
			#sermonTopNav ul li a:hover{
				text-decoration:none;
				}
			.clicked{
				background:url(/images/new/sermon_menu_over.gif) no-repeat bottom;
				color:#000000;
				height:27px;
				}
			.clicked a:hover{
				color:#003399;
				}
			.unclicked a{
				color:#ffffff;
				height:27px;
				}
			.unclicked a:hover{
				color:#78eaff;
				}
				
			/***Sermon Container*****/
			#sermonContainer{
				clear:both;
				float:left;
				width:952px;
				background:#ebebeb;
				padding:13px 11px 15px 11px;
				}
				#sermonLeft{
					float:left;
					width:526px;
					}
					.a_down{
						background:url(/images/new/arrow_gray_down2.gif) no-repeat 5px center;
						font-size:13pt;
						padding-left:27px;
						height:20px;
						padding-top:5px;
						color:#505050;
						}
					.a_down2{
						background:url(/images/new/arrow_b_next.gif) no-repeat 5px center;
						font-size:11pt;
						padding-left:20px;
						height:20px;
						padding-top:5px;
						color:#00a2cf;
						font-weight:normal;
						}
					
					#sermonList{
						padding:10px 20px;
						font-family:Arial, Helvetica, sans-serif;
						width:486px;
						float:left;
						background-color:#ffffff;
						}
						#sermonList ul li{
							background:url(/images/new/arrow_register.gif) no-repeat 0 center;
							padding:3px 0 3px 10px;
							font-size:9pt;
							color:#5a5a58;
							}
							#sermonList ul li a{
								color:#294d97;
								font-weight:bold;
								padding:1px 3px;
								font-size:10pt;
								}
								#sermonList ul li a:hover{
									background:#34b2d8;
									color:#FFFFFF;
									text-decoration:none;
									}
							#sermonList ul li img{
								margin:0 2px;
								}
						#sermonListLeft{
							width:240px;
							float:left;
							}
						#sermonListRight{
							width:240px;
							float:right;
							}
						
						
				#sermonRight{
					float:right;
					width:415px;
					position:relative;
					}
					#lateBox{
						}
					#lateBoxCon{
						background:url(/images/new/sermon_20th_bg.jpg) repeat-x top;
						height:144px;
						}
						#lateName{
							padding:12px 145px 5px 22px;
							font-size:20pt;
							font-style:italic;
							font-family:"Times New Roman", Times, serif;
							color:#FFFFFF;
							}
						#lateTxt{
							color:#FFFFFF;
							padding:5px 145px 0px 22px;
							line-height:11pt;
							}
							#lateTxt a{
								color:#70e6ff;
								text-decoration:underline;
								}
						#latePic{
							position:absolute;
							top:27px;
							right:0px;
							background:url(/images/new/sermon_20th_pic1.jpg);
							width:133px;
							height:154px;							
							}
					#latestSermonBox{
						clear:both;
						padding-top:11px;
						float:left;
						width:415px;
						font-family:Arial, Helvetica, sans-serif;
						}
						.latesTab1{
							float:left;
							width:415px;
							font-size:11pt;
							font-family:Arial, Helvetica, sans-serif;
							font-weight:bold;
							height:32px;
							}
							.latestTabOn{
								float:left;
								width:159px;
								background:url(/images/new/sermon_tab_latest_on.gif) no-repeat;
								height:25px;
								color:#b92007;
								padding-top:7px;
								padding-left:11px;
								cursor:pointer;
								}
							.mostTabOff{
								float:right;
								width:232px;
								background:url(/images/new/sermon_tab_most_on.gif) no-repeat;
								height:27px;
								padding-top:5px;
								padding-left:13px;
								cursor:pointer;
								}
						#latestBoxList{
							clear:both;
							float:left;
							width:409px;
							border-right:1px solid #c4c4c4;
							border-bottom:1px solid #c4c4c4;
							border-left:1px solid #c4c4c4;
							padding:0 2px 2px 2px ;
							background-color:#ffffff;
							}
							#latestBoxList ul{
								clear:both;
								background-color:#e8e8e8;
								padding:5px 0;
								margin:0;
								}
								#latestBoxList ul li{
									/*background:url(/images/new/arrow_purple2.gif) no-repeat 15px 9px;
									padding:4px 5px 4px 25px;
									font-size:8.5pt;
									font-weight:bold;*/
									}
								.latestListOff{
									background:url(/images/new/arrow_purple2.gif) no-repeat 15px 9px;
									padding:4px 5px 4px 25px;
									font-size:8.5pt;
									font-weight:bold;
									}
								.latestListOver{
									background:#b3b3b3 url(/images/new/arrow_purple2.gif) no-repeat 15px 9px;
									padding:4px 5px 4px 25px;
									font-size:8.5pt;
									font-weight:bold;
									}
									.latestListOver a{
										color:#FFFFFF;
										}
								.date{
									font-size:7.5pt;
									color:#8b8b8b;
									font-weight:bold;
									}
						#banner{
							clear:both;
							font-size:7pt;
							float:left;
							width:415px;
							color:#aaaaaa;
							font-weight:bold;
							padding-top:11px;
							}			
									
							#bannerBorder{
								border:6px solid #acacac;
								padding:6px 0;
								background:#ffffff url(/images/new/s_bg_in.gif)  repeat-x bottom;
								text-align:center;
								}
								#banner div{
									}
								#banner img{
									}
								.bn{
									margin-right:6px;
									}