/* CSS Document */


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


* { margin:0; padding:0}
img, fieldset { border:none}

body { background:url(../images/bg_body2.gif); font-family: Verdana, Arial, Helvetica, sans-serif}

p { font-size:11px; font-weight:normal; color:#999C9E; line-height:1.3em; padding-bottom:20px; text-align:left}

h1 { font-size:45px; font-weight:normal; color:#999C9E; padding-bottom:20px}
h2 { font-size:20px; font-weight:normal; color:#999C9E}
h3 { font-size:25px; font-weight:normal; color:#999C9E; padding-bottom:15px}
h4 { font-size:14px; font-weight: normal; color:#999C9E; text-align:left; line-height:1.2em; padding-bottom:20px}


/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/

#container { width:100%; float:left; background:url(../images/bg_container2.png) no-repeat top center} 

#wrapper { width:998px; margin: 0 auto}


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


#header { width:998px; float:left; height:197px; background:url(../images/bg_header2.png) no-repeat bottom center}
#header .logo { width:auto; text-align:center}


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


#content { width:910px; height:520px; float:left; background:url(../images/bg_content_home2.png) no-repeat top center; padding-left:90px}


/*
---------------------------------------------
04.1 content - main photo, signup and buttons
---------------------------------------------
*/


.mainphoto { width:813px; height:357px; float:left; background:url(../images/bg_mainphoto.gif) no-repeat top; padding-top:7px; padding-left:4px; position:relative; z-index: 100;}

.button_signup { width:80px; height:280px; float:left; background:url(../images/bg_signup.png) no-repeat left; padding-left:10px; margin-top:40px; padding-top:5px; position:relative; z-index:50;}


.buttons { width:890px; float:left; padding-top:20px; position:relative}
.buttons  a { padding-right:4px}

.buttons  ul {display:inline; list-style:none}
.buttons  li {float:left; padding-bottom:2px; padding-right:75px}
.buttons  li a { float: left;}

.buttons  a.iamnew {width:216px;height:101px;background: url(../images/button_iamnew.gif) no-repeat;background-position: 0 0;}
.buttons  a.iamnew:hover {width:216px;height:101px; background: url(../images/button_iamnew_lovegod2.gif) no-repeat;background-position: 0 0;}
.buttons  a.iamnew_selected {width:216px;height:101px; background: url(../images/button_iamnew_lovegod2.gif) no-repeat;background-position: 0 0;}

.buttons  a.nextsteps {width:216px;height:101px;background: url(../images/button_nextstep.gif) no-repeat;background-position: 0 0;}
.buttons  a.nextsteps:hover {width:216px;height:101px; background: url(../images/button_nextstep_lovepeople2.gif) no-repeat;background-position: 0 0;}
.buttons  a.nextsteps_selected {width:216px;height:101px; background: url(../images/button_nextstep_lovepeople2.gif) no-repeat;background-position: 0 0;}

.buttons  a.myfaith {width:216px;height:101px;background: url(../images/button_myfaith.gif) no-repeat;background-position: 0 0;}
.buttons  a.myfaith:hover {width:216px;height:101px; background: url(../images/button_myfaith_lovelife2.gif) no-repeat;background-position: 0 0;}
.buttons  a.myfaith_selected {width:216px;height:101px; background: url(../images/button_myfaith_lovelife2.gif) no-repeat;background-position: 0 0;}

.navdisplay { display: none}


/*
---------------------------------------------
05. footer
---------------------------------------------
*/


#footer { width:998px; height:67px; float:left; background:url(../images/bg_footer.png) no-repeat top right; padding-bottom:150px}

#footer p { position:relative; color:#929493; text-align:right}
#footer p a { text-decoration:none; color:#929493}
#footer p a:hover { text-decoration: underline; color:#929493}

#footer .logo { float:left; padding-left:150px; position:relative}
#footer .copyright { width:530px; padding-right:100px; float:right; text-align:right; text-transform:uppercase; padding-top:20px}


/*
---------------------------------------------
06. inner content
---------------------------------------------
*/

#content_inner { width:938px; float:left; background:url(../images/bg_content_inner.png) repeat-y top center; padding-left:60px; padding-bottom:40px}


/*
---------------------------------------------
07. top nav
---------------------------------------------
*/

#nav { width:880px; height:125px; float:left; margin-bottom:25px;background:url(../images/bg_nav.gif) no-repeat }
#nav ul { list-style:none; height:125px; }

#nav ul li {display:inline; }
#nav ul li a {display:block; margin:0; padding:0;}

#nav ul li a span {display:block; text-align: center; font-size:20px; padding:50px 32px; color:#B4B4B4; cursor:pointer;}

#nav ul li a:hover { background:url(../images/bg_nav_hover.gif) repeat-x top right; color:#fff;}
#nav ul li.selected  { background:url(../images/bg_nav_hover.gif) repeat-x top right; color:#B2B3B5;}


/*
---------------------------------------------
08. left panel
---------------------------------------------
*/


#leftpanel { width:225px; float:left; padding-left:30px}

.photo { width:202px; float:left}
.photo .bordertop { width:202px; height:5px; float:left; background:url(../images/img_border_top.gif) no-repeat bottom}
.photo .bordermiddle { width:197px; float:left; background:url(../images/img_border_middle.gif) repeat-y top center; padding-left:5px}
.photo .borderbottom { width:202px; height:5px; float:left; background:url(../images/img_border_bottom.gif) no-repeat top}


/*
---------------------------------------------
09. right panel
---------------------------------------------
*/

#rightpanel { width:615px; float:left; padding-top:10px}

#rightpanel .events { width:255px; float: right; padding-left:15px; padding-right: 25px;}
#rightpanel .events h2 { padding-bottom:15px}
#rightpanel .date { padding-left:35px; font-size:15px}

#rightpanel .events .spacer { width:auto; float:left; padding-bottom:150px}

#rightpanel .middle { width:310px; float: left;  padding-left:10px;}



/* ELEMENT SPECIFIC CALLINGS */

/* BLOG ITEM */	
	/* blog listing page */		
	.blogList {
		padding: 0;		
	}
		.blogList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.blogList ul li {
				list-style: none;
			}

			.blogList ul li h2.postTitle {
				font-size: 14px;
				margin: 0;
				color: #999;
			}
				.blogList ul li h2.postTitle a {
					text-decoration: none;
					color: #fff;
				}

			.blogList ul li  .postInfo {
				color: #999;
				margin-bottom: 10px;
			}

			.blogList ul li  .postDate {
				color: #999;
				font-size: 11px;
			}

			.blogList ul li .postInfo a {
				color: #999 !important;	
				font-size: 11px;			
			}



	/* post detail page */
	.post .postDate {
		margin: 0 0 15px 0;
		color: #999;
	}
		.post .blogBack {
			margin: 40px 0 0 0;
			font-weight: bold;
			border-top: 2px solid #999;
			text-align: right;
			display: block;
			width: 100%;
			padding-top: 5px;
		}





	/* blog comments */
	.comments {
		padding-top: 10px;
	}
		.comments dl {
			background: #FFF !important;

		}	
			dt.comment {
				background: #fff !important;
				clear: both;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #fff;
			}			
				dt.comment a {
					font-weight: bold;
					color: #999;
				}			

			dd.comment {			
				background: #fff !important;
				padding: 8px;
				margin-bottom: 15px;
			}

			.commentDate {		
				font-size: .9em;
				color: #ccc;
			}



	/* comments form */
	.commentsHead {
		margin-top: -45px;
	}

	.commentsForm {
		clear: both;
		padding-top: 15px;
		width: 90%;
	}
		.commentsForm .addComment {
			font-size: 1.5em;
			color: #999;
		}

		.commentsForm label {
			font-weight: bold;
		}

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

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

		.commentsForm input.submitComment {
			 margin: 10px 0;
			 background: #3C3C3C;
			 border: 1px solid #333;
			 padding: 5px 3px;
			 width: 210px;
			 color: #fff;
			 font-weight: bold;
			 text-transform: uppercase;
		}

		.commentsForm .note {
			color: #ccc;
		}


	/* custom form fields */



   		.formHeader { margin: 0; }

		.formTitle {margin-left: 9px;}
	 	.formDescription {margin-left: 9px; padding-bottom: 20px; }

		.fieldItemEven { }
		.fieldItemOdd { }
		
			.fieldSelected { /* background color of a selected field. */
				background: transparent !important;
				border-color: #000 !important;
			}
			
			.fieldItem .fieldTitle { padding: 0 0 0.1em; display: block; font-size: 1em; font-weight: bold; color: #999; padding-top: 5px;}
			.fieldName {  color: #7c7c7c; padding-bottom: 5px;}
			.fieldNote {font-color: #7c7c7c !important; padding-top: 5px;}
			.fieldNote em {color: #7c7c7c !important;}
			
			a#addCommentLink {color:7c7c7c;}





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

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

		.calendarDayHeader { /* m-f bar */
			color: #333;
			background: #999;
			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: #ACACAC;
			font-weight: bold;
		}	
		.calendarWeekendDay { /* weekends */
			background: #e0dedb;
			color: #333 !important;
		}	
		.calendarDay { 
			background: #e0dedb;
			color: #333 !important;
		}	
			.calendarDay a { 
				font-weight: bold;
				color: #333 !important;
			}		
		.calendarOtherMonthDay { /* previous or next months days on current months calendar */
			color: #333;
			background: #efefef;
		}



	.eventsList {
		padding: 0;		
	}
		.eventsList ul {
			margin: 0 !important;
			padding-right: 10px !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 0 0 5px 0;
				margin-bottom: 5px;
			}

			.eventsList ul li a {
				font-size: 14px;
				text-decoration: none;
				color: #999;
			}

			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #ccc;
				font-size: 11px;
			}		


	/* calendar detail page */
		.event .eventDate {
			margin: 0 0 15px 0;
			color: #ccc;
		}
		.event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 2px solid #ccc;
			padding-top: 5px;
		}




/* ICEBRRG */
	.fieldSelected { /* background color of a selected field. */
		background: transparent !important;
		border-color: #000 !important;
	}





/* FIXING POPUP CONFIRMATION COLORS */
	.confirmation-content-message, 
	.confirmation-content-message * { 
		color: #000 !important;