/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html {overflow-x: hidden;}

body { margin:0; padding:0; background:#0b232e url(../images/bg_body.jpg) no-repeat top center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

p { margin:0px; padding:0px; font-size:13px; font-weight:normal; color:black; line-height:1.4em; font-family:Arial, Helvetica, sans-serif}
p a:link, p a:visited { text-decoration:underline; color:#1b485e;}
p a:hover { text-decoration:underline; color:#3FA6DB}

h1 { margin:0px; padding:0px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:22px; font-weight: normal; color:#1b485e}

h2 { margin:0px; padding:0px; font-size:22px; font-weight:bold; color:#1B485E; font-family:Arial, Helvetica, sans-serif} 

h4 { margin:0px; padding:0px; font-size:19px; font-weight:normal; color:#3FA6DB; font-family:Arial, Helvetica, sans-serif}

img { border:none}




/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/

#wrapper {width:1029px; margin:0 auto; padding-top:30px;}
.confirmationMessageText {font-color: black;}

/*
---------------------------------------------
03. header
---------------------------------------------
*/

#header {width:1029px; background:url(../images/bg_top_bar.png) no-repeat top center; float:left; height:144px}

/*
---------------------------------------------
03.1 header - logo, top links and nav
---------------------------------------------
*/

#header .logo { width:356px; height:128px; float:left; padding-left:20px;}
#header .header_right { width:620px; float: right; }

#header ul.topmenu { width:500px; float:right; margin:0; padding:30px 72px 0 0; }
#header ul.topmenu li { margin:0; padding:0; border-right:1px solid #fff; line-height:1em; float: right; list-style:none; padding:0 10px;}
#header ul.topmenu li a {color:#fff; text-decoration:none; float:left; line-height:1em; font-size:12px}
#header ul.topmenu li a:hover {color:#44a6d9;}
#header ul.topmenu li.nodivider { border-right:none}


#header ul.mainnav { width:90%; float: left; padding:18px 90px 0 0px; margin:0; position:relative}
#header ul.mainnav li { margin:0; padding:0; float:left; list-style:none}
#header ul.mainnav li a {display:block; float:left; height:57px; line-height:57px; padding:0 15px; color:#fff; text-decoration:none; font-size:16px;}
#header ul.mainnav li a:hover {background:#29698a;}
#header ul.mainnav li .selected {background:#29698a;}


/*
---------------------------------------------
04. content
---------------------------------------------
*/

#content {width:1029px; float:left}

/*
---------------------------------------------
05. left panel styles
---------------------------------------------
*/

#leftpanel {width:641px; height:366px; float:left; background:url(../images/bg_left_column.png) no-repeat }

#leftpanel .updates { width:22px; float:left; padding-top:200px; padding-left:8px; position: relative}
#leftpanel .photo_slide { width:568px; height:308px; float:left; padding:15px;}

/*
---------------------------------------------
06. right panel styles
---------------------------------------------
*/

#rightpanel { width:358px; height:336px; float:left; background:url(../images/bg_right_column.png) no-repeat;padding:15px;} 

#rightpanel .new_to_trinity {width:328px; height:93px; position:relative}
#rightpanel .prayer_room {width:328px; height:93px; padding:15px 0; position:relative}
#rightpanel .our_mission {width:328px; height:93px; position:relative}

*html #rightpanel .prayer_room {width:328px; height:93px; padding:10px 0; position:relative}


/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/


#footer {width:914px; height:83px; float: left; background:url(../images/bg_footer.png) top no-repeat; padding:1px 75px 0 40px; margin-bottom:30px}

#footer p { float:left; padding-top:12px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif}
#footer p a { text-decoration:underline; color:#FFFFFF}
#footer p .developer { padding-left:20px; position:relative}

#footer .footer_right  {float:right; position:relative}


/*
---------------------------------------------
08. innerpage - content box
---------------------------------------------
*/

#boxtop { width:1029px; height:37px; float:left; background:url(../images/bg_innercontent_topborder.png) no-repeat bottom center; margin-top:-30px}

#boxmiddle { width:953px; float:left; background:url(../images/bg_innercontent_middleborde.gif) repeat-y top center; padding:0px 38px; position:relative}

#boxbottom { width:1029px; height:25px; float:left; background:url(../images/bg_innercontent_bottomborde.png) no-repeat top center}


/*
---------------------------------------------
09. innerpage - left panel styles
---------------------------------------------
*/

#boxmiddle .leftpanel { width:267px; float:left}
#boxmiddle .leftpanel h1 { width:200px; float:left; border-bottom:1px solid #1B485E; padding-bottom:2px}

#boxmiddle .leftpanel .smallbox { width:267px; float:left;}
#boxmiddle .leftpanel .box_bordertop { width:267px; height:23px; float:left; background: url(../images/leftpanel_topborder.gif) no-repeat }
#boxmiddle .leftpanel .box_bordermiddle { width:200px; float:left; background: url(../images/leftpanel_middleborder.gif) repeat-y; padding-left:20px; padding-right:47px }
#boxmiddle .leftpanel .box_borderbottom { width:267px; height:25px; float:left; background: url(../images/leftpanel_bottomborder.gif) no-repeat }


#boxmiddle .leftpanel .box_bordermiddle .list_ministry { width:200px; float:left; padding-top:10px; padding-bottom:40px}

#boxmiddle .leftpanel .box_bordermiddle .list_ministry ul { list-style:none; margin:0px; padding:0px}
#boxmiddle .leftpanel .box_bordermiddle .list_ministry ul li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#1B485E}
#boxmiddle .leftpanel .box_bordermiddle .list_ministry ul li a { display:block; width:200px; color:#1B485E; text-decoration:none; line-height:1.4em;}
#boxmiddle .leftpanel .box_bordermiddle .list_ministry ul li a:hover { text-decoration:underline}

#boxmiddle .leftpanel .box_bordermiddle .samplelist { width:197px; float:left; padding-left:3px; padding-top:15px}


/*
---------------------------------------------
10. innerpage - right panel styles
---------------------------------------------
*/

#boxmiddle .rightpanel { width:670px; float:left; padding-top:23px; padding-right:15px}

#boxmiddle .rightpanel p { text-align:left; padding-bottom:15px; color:#3b3b3b}
#boxmiddle .rightpanel h2 {text-align:left; padding-top:10px}

#boxmiddle .rightpanel .samplephoto { width:267px; float:left;}
#boxmiddle .rightpanel .samplephoto p { text-align:left; color:#1B485E; padding-top:10px}


/*
---------------------------------------------
11. homepage - news and updates
---------------------------------------------
*/

#news { width:577px; float:left; padding-left:45px; margin-top:-27px; padding-bottom:20px}

#news .box_content { width:542px; float:left; background:#0b1419 url(../images/bg_news_content.gif) no-repeat bottom; padding:10px 20px 0px 15px;}

#news .heading_news { width:542px; float:left; border-bottom:1px solid #3FA6DB; padding-bottom:10px;} 
#news h4 { width:542px; float:left; padding-top:10px} 
#news p { width:542px; float:left; padding-bottom:10px; font-family: Arial;}
#news p.text_italic { font-size:10px; font-style:italic}

#news .box_borderbottom { width:577px; height:12px;  float:left; background:url(../images/bg_news_borderbottom.gif) no-repeat}



/* Blog Element

------------------------------------------ */



.blogList ul {

	padding-top: 10px;

	margin-top: 10px;

	list-style: none;
	
	text-align: right;

}



.blogList li {list-style: none;} 

.blogList .postBody {display: block;}

.blogList .postInfo {margin-bottom: 1em;} 

.blogList .postInfo, .postDate {font-style: italic; font-size:12px; text-align: right; color:white;} 

div.post h2, .blogList .postTitle, div.event h2 {margin-top: 10px; margin-bottom: 0; font-size:22px; font-weight:bold; color:#4db5e4; } 

h2 a:link, h2 a:visited { text-decoration:underline; color:#4db5e4; }

div.post .postDate, div.event .eventDate {margin-top: 0; color:white; text-align:right;} 

div.comments dd.comment {padding: 1em 1.5em; background: #F9F9F9;}



/* rss icon */
.rss {text-align: right; padding-bottom: 10px;}
.rss img {border: none; text-align: left;}


/* blog comments */
.comments {
	padding-top: 10px;
}

h3 { margin:0px; padding:0px; font-size:20px; font-weight:bold; color:#1B485E; text-align: left; font-family:Arial, Helvetica, sans-serif} 
h3 a:link, h3 a:visited { text-decoration:underline; color:#1B485E;}

	.comments dl {
		background: #FCFAF4 !important;
	}	
		dt.comment {
			background: #FCFAF4 !important;
			font-weight: bold;
			text-align: left;
			color:#1B485E;
			clear: both;
		}		
			dt a:link, dt a:visited { text-decoration:underline; color:#1B485E;}
			
		dd.comment {			
			background: #ecede8 !important;
			text-align: left;
			color:black;
			
		}

			/* alternate colors, for the even posts
			dt.comment.alternate {
				color: #930 !important;
			}
			dd.comment.alternate {
				color: #930 !important;
			} */

		.commentDate {			
			color: #999 !important;
		}



/* comments form */
.commentsForm {
	clear: both;
	padding-top: 15px;
	width: 100%;
	text-align: left;
}
	.commentsForm label {
		font-weight: bold;
	}

	.commentsForm input, .commentsForm textarea {
		padding: 2px 4px;
		font-family: arial;
		font-size: 1em;
	}

	.commentsForm img { /* this is for the captcha image */
		 margin: 5px 0;
		 border: 1px solid #999;
	}

	.commentsForm input.submitComment {
		 margin: 10px 0;
	}

	.commentsForm .note {
		font-size: .9em;
		color: #999;
	}

	/* GRAPHIC TABULAR EVENTS CALENDAR */
		.eventsCalendar table { /* entire table */
			border: 1px solid #2A1C17;
			width: 100%;
			border-collapse: collapse;
		}		
			.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
				padding: 2px;
				border: 1px solid #2A1C17;
				text-align: left;
				vertical-align: top;
			}

			.calendarTitle td { /* top bar with current month and next/previous buttons */
				text-align: center;
				background: #2A1C17 !important;
				color: #FFF;
				padding: 3px 4px !important;	
				text-transform: uppercase !important;
				font-weight: normal !important;
				font-weight: bold !important;	
			}	
				.calendarNextPrevious {
					color: #fff !important;
					font-weight: normal;
					font-size: .9em;
				}	
					.calendarNextPrevious a {
						color: #fff !important;
						font-weight: normal;
					}	

			.calendarDayHeader { /* m-f bar */
				color: #333;
				background: #EAE7DD;
				font-weight: normal;
				height: 1px;
				text-align: center;
				padding: 4px 2px;
				text-transform: uppercase !important;
				font-size: .9em;
			}	

			.calendarToday, .calendarToday a { /* current day */
				color: #333 !important;
				background: #AEA69C;
				font-weight: bold;
			}	
			.calendarWeekendDay { /* weekends */
				background: #fff;
			}		
			.calendarOtherMonthDay { /* previous or next months days on current months calendar */
				color: #333;
				background: #EAE7DD;
			}


		/* calendar listing page */
		.eventsList {
			padding: 0;		
			text-align: left;
			
		}
		.eventList a {margin-bottom: 0; font-weight:bold; color:#1B485E;}
		.eventlist a:link, a:visited { text-decoration:underline; color:#1B485E;}
		
			.eventsList ul {
				margin: 0 !important;
				padding: 0 !important;
				list-style: none;
				
			}
				.eventsList ul li {
					list-style: none;
				}

				.eventsList ul li a {
					font-weight: normal !important;
					font-size: 1.2em;
				}

				.eventsList ul li .eventDate {
					margin: 0 0 10px 0;
					color: #666;
				}


		/* calendar detail page */
		#secPage .event h2 {
			margin: 0 0 0 0;
			text-align: left;
		}
			#secPage .event .eventDate {
				margin: 0 0 10px 0;
				color: #666;
				text-align: left;
			}
			#secPage .event .eventBack {
				margin: 10px 0;
				font-weight: bold;
				color: black;
			}
			
			
			/*

			--------------------------------------------------------*/



			.xfb-form-container {text-align: left !important; }



			/*

			--------------------------------------------------------*/







			.xfb-form-container #formHeader { margin: 0; padding: 0 0.5em; text-align: left !important; }



			.xfb-form-container #formTitle {margin: 1em 0 0.375em 0; padding: 0; font-size: 2.0em; text-align:left !important;  }

			.xfb-form-container #formDescription { margin: 0 0 1.5 0; padding: 0; font-size: 1.1667em; text-align:left !important; }
			
			


			.fieldItemEven {text-align:left !important; }

			.fieldItemOdd {text-align:left !important; }