/* CSS Document */


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

* { margin:0; padding:0; font-weight:normal;}
img, fieldset { border:none}

a:link, a:visited {text-decoration: underline; color:#000;}
a:hover {text-decoration: underline; color:#777777}

body {background:#000000 url(../images/bg.gif) no-repeat top center; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:10px;}

p {font-size:14px; padding-bottom:25px; line-height:1.3em; color:#FFFFFF}

h1 {font-size:19px; color:#E56E2F; font-weight:bold}


/*
---------------------------------------------
02. container and wraper
---------------------------------------------
*/


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

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


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

#header { width:970px; height:210px; float:left;}

/*
---------------------------------------------
03.1 header - logo
---------------------------------------------
*/

#logo { width:300px; float:left; padding-top:15px; margin-left: 30px}

/*
---------------------------------------------
03.2 header - nav
---------------------------------------------
*/

#nav {width:624px; height:34px; float: right; background:url(../images/bg_nav.png) repeat-x; margin-top:87px; padding-top:14px}

#nav ul {display:inline;}
#nav li {display:inline; margin-left:40px;}
#nav li a {float: left;margin-left:40px;}

#nav a.identity {width:70px;height: 20px;background: url(../images/nav_identity.png);background-position: 0 0;}
#nav a.identity:hover {width:70px;height: 20px;background: url(../images/nav_identity_hover.png);background-position: 0 0;}
#nav a.identity_selectedPage  {width:70px;height: 20px;background: url(../images/nav_identity_hover.png);background-position: 0 0;}

#nav a.lifegroups {width:100px;height: 20px;background: url(../images/nav_lifegroups.png);background-position: 0 0;}
#nav a.lifegroups:hover {width:100px;height: 20px;background: url(../images/nav_lifegroups_hover.png);background-position: 0 0;}
#nav a.lifegroups_selectedPage  {width:100px;height: 20px;background: url(../images/nav_lifegroups_hover.png);background-position: 0 0;}

#nav a.events {width: 77px;height: 20px;background: url(../images/nav_events.png);background-position: 0 0;}
#nav a.events:hover {width:77px;height: 20px;background: url(../images/nav_events_hover.png);background-position: 0 0;}
#nav a.events_selectedPage  {width:77px;height: 20px;background: url(../images/nav_events_hover.png);background-position: 0 0;}

#nav a.media {width:59px;height: 20px;background: url(../images/nav_media.png);background-position: 0 0;}
#nav a.media:hover {width:59px;height: 20px;background: url(../images/nav_media_hover.png);background-position: 0 0;}
#nav a.media_selectedPage  {width:59px;height: 20px;background: url(../images/nav_media_hover.png);background-position: 0 0;}

#nav a.parents {width:80px;height: 20px;background: url(../images/nav_parents.png);background-position: 0 0;}
#nav a.parents:hover {width:80px;height: 20px;background: url(../images/nav_parents_hover.png);background-position: 0 0;}
#nav a.parents_selectedPage {width:80px;height: 20px;background: url(../images/nav_parents_hover.png);background-position: 0 0;}

.navdisplay { display: none}


/*
---------------------------------------------
04. banners
---------------------------------------------
*/


#banners { width:940px; height:486px; float:left; background:url(../images/bg_banner.png) no-repeat top left; padding-left:15px; padding-top:13px; padding-right:15px; margin-top: 20px}

#banners .left { width:634px; height:402px; float:left; background:url(../images/bg_bigimage.gif) no-repeat; padding-top:6px; padding-left:7px; position:relative; z-index:3}

#banners .right { width:277px; float:right;}
#banners .right .smallbanner { width:271px; height:184px; float:right; background:url(../images/bg_smallbanner.gif) no-repeat; padding-top:6px; padding-left:6px; margin-bottom:2px; position:relative; z-index:4}

#banners .right .smallbannerbottom { width:271px; height:184px; float:right; background:url(../images/bg_smallbanner.gif) no-repeat; padding-top:6px; padding-left:6px; margin-bottom:2px; position:relative; z-index:3}

#banners .bottom { width:940px;  float:left; margin-top:-10px; padding-left:0px;position:relative; z-index:1 }



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

#footer { width:890px; float:left; padding:0px 40px}
#footer .footerlinks { width:370px; height:50px; background:url(../images/bg_footerlinks.png) no-repeat; float:left;; margin-top:-1px}
#footer .footerlinks ul { width:360px; float:left; padding-left:8px; padding-top:10px}
#footer .footerlinks li { float:left; list-style:none; padding-left:8px; padding-right:7px; background:url(../images/divider_footerlinks.gif) no-repeat right center}
#footer .footerlinks li a {float: left;}

#footer p { float: right; font-size:11px; font-weight:normal; color:#fff; padding-top:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
 
#footer p a { text-decoration:underline; color:#fff}
#footer p .developer { padding-left:20px}

.spacer { width:970px; height:200px; float:left}



/*
---------------------------------------------
06. left panel
---------------------------------------------
*/

#leftpanel { width:710px; float:left; padding-right:10px}
#leftpanel .banner { width:720px; float:left; margin-bottom:20px}

/*
---------------------------------------------
07. right panel
---------------------------------------------
*/

#rightpanel { width:212px; float:right}
#rightpanel ul { width:192px; float:left; background:#242424; padding:10px; list-style:none;}
#rightpanel ul li { font-size:21px; color:#fff; text-align:right; border-bottom:1px solid #404040; padding:7px 0px}
#rightpanel ul li a { display:block; color:#FFFFFF; text-decoration:none;}
#rightpanel ul li a:hover {color:#E56E2F; text-decoration:none;}
#rightpanel ul li .selected {color:#E56E2F; text-decoration:none;}

#rightpanel2 { width:212px; float:right; padding-top:20px;}
#rightpanel2 ul { width:192px; float:left; background:#242424; padding:10px; list-style:none;}
#rightpanel2 ul li { font-size:21px; color:#fff; text-align:right; border-bottom:1px solid #404040; padding:7px 0px}
#rightpanel2 ul li a { display:block; color:#FFFFFF; text-decoration:none;}
#rightpanel2 ul li a:hover {color:#E56E2F; text-decoration:none;}
#rightpanel2 ul li .selected {color:#E56E2F; text-decoration:none;}

/*
---------------------------------------------
08. footer innerpage
---------------------------------------------
*/

#footer_innerpage { width:930px; float:left; padding:0px 40px; padding-left:0px}

#footer_innerpage p { float: left; font-size:11px; font-weight:normal; color:#fff; padding-top:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
 
#footer_innerpage p a { text-decoration:underline; color:#fff}
#footer_innerpage p .developer { padding-left:20px}

	/* 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;
				}
					.blogList ul li h2.postTitle a {
						text-decoration: none;
					}

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

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

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



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





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

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

				dd.comment {			
					background: #000 !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;
			}

			.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 #ccc;
			}

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

			.commentsForm .note {
				color: #ccc;
			}







	/* 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;
				}

				.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;