/*
*
* Intentional Faith 3.0
* Oct 2006
* Justin Johnson
* system7designs
* 
*/

body{background: #4181B9; font-family: Arial, Verdana, sans-serif; color: #333; margin: 0; padding: 0; font-size: 14px;}
a{text-decoration: none; color: #5C1C59; font-weight: bold;}
a:hover{text-decoration: underline;}

a img{border: 0;}

form, h1, h2, h3, h4, h5, h6, h7{margin: 0; padding: 0;}
label{font-weight: bold;}
p{margin: 0; padding: 4px 0;}
.lc form .input, .loginForm .input, table fieldset .input{padding: 3px; margin: 3px; border: 1px solid #ddd; border-left-color: #999; border-top-color: #999;}

#outer_wrapper{text-align:center; background: #fff url(../img/page_bg.gif) repeat-x left top;}
	#outer_wrapper.home{ background: #fff url(../img/home_bg.gif) repeat-x left top;}
	#outer_wrapper div{text-align: left;}
	
#wrapper{width: 780px; margin: 0 auto;}

#hd{position: relative;}
	#hd h1{background: url(../img/web_logo.gif) no-repeat left top; text-indent: -9999em; margin: 0; padding: 0;}
	#hd h1 a{display: block; width: 230px; height: 75px; }
	#hd #top_menu{position: absolute; top: 0; right: 3px;}
	#hd #top_menu ul, #hd #top_menu ul li{margin: 0; padding: 0; list-style:none;}
	#hd #top_menu li{display: inline; border-right: 1px solid #fff;}
	#hd #top_menu li.last{border: none;}
	#hd #top_menu a{color: #fff; font-weight: bold; margin: 0 5px 0 5px;}
	#hd .s45{position: absolute; top: 17px; right: 275px; width: 169px; height: 55px; text-indent: -9999em; background: url(../img/s45-header.jpg) no-repeat left top;}

#home_green{padding: 5px 0 0 0; font-size: 12px;}
	#home_green .lc{width: 360px; float: left;}
	#home_green .rc{width: 360px; float: right; margin: 0 18px 0 0;}
		* html #home_green .rc{margin: 0 8px 0 0;}
	.theme img,.theme #flashObj{background: url(../img/themes/theme_bg.gif) no-repeat left top; padding: 5px;}
	.login{background: #729040; color: #fff; border: 1px solid #4B6324; border-right: none; border-left: none; padding: 5px 5px 10px 5px; margin: 0 0 12px 0;}
	.login h3{font-size: 16px; font-weight: bold; color: #fff; margin: 0 0 10px 0;}
	/*.login h3{text-indent: -9999em; background: url(../img/headers/login.gif) no-repeat left top; width: 52px; height: 20px;}	
		 .login .input{width: 60px;}
		.login label{padding: 0 0 0 5px;}
		*/
		.login .btn_login{margin: 0 0 -8px 0;}
			* html .login .btn_login{margin: 0 0 -5px 0;}
		
			.login form#login {position:relative;}
			.login div#username,.login div#password{position:relative; float:left; margin-right:3px;}
			.login #username-field,.login #password-field{width:9em; border: 1px solid #808080; border-bottom-color: #D4D0C8; border-right-color: #D4D0C8; padding: 3px;}	
			.login label.overlabel{position:absolute; top:5px; left:5px; z-index:1; color:#999;}		
				
		.podcast{background: #ABD2F0 url(../img/podcast-bg.gif) no-repeat right top; border: 1px solid #4181B9; border-right: 0; border-left: 0; padding: 2px 4px;}
		.podcast h2{width: 140px; height: 19px; text-indent: -9999em; background: url(../img/headers/youth-podcast.gif) no-repeat left top;}
		.podcast ol{margin-top: 2px; margin-bottom: 2px;}
		.podcast a{color: #4181B9; font-weight: bold;}

#home_content{clear: both; padding: 30px 0 0 0;}
	* html #home_content{padding: 8px 0 0 0;}
	h2.news_header{background: url(../img/headers/news-and-announcements.gif) no-repeat left top; width: 354px; height: 21px; text-indent: -9999em; margin: 0 0 10px 0;}

.home_news{}
.home_news h4, .news h4{font-size: 16px;}
.home_news address.date, .news address.date{background: url(../img/icon-calendar.gif) no-repeat left top; padding: 0 0 0 20px; font-size: 12px; height: 20px;}
.home_news p, .news p{margin: 0 0 15px 0; line-height: 18px; font-size: 13px;}

.home_events{}
.home_events h2{background: url(../img/headers/upcoming-events.gif) no-repeat left top; width: 261px; height: 26px; text-indent: -9999em;}
.home_events dl, .home_events dt, .home_events dd{margin: 0; padding: 0 0 0 20px;}
.home_events dt a{color: #7AACD6; font-weight: bold;}
.home_events dt address{color: #612062; font-style: normal; font-size: 12px;}
.home_events dd{font-size: 12px; line-height: 18px; background: url(../img/1pxgreydash.gif) repeat-x left bottom; padding: 0 0 5px 20px; margin: 0 0 5px 0;}
.home_events dd a{color: #612062; font-weight: bold;}

.daily_scripture{font-size: 11px; margin: 15px 0 0 0;}
.daily_scripture h2{width: 260px; height: 24px; background: url(../img/headers/daily-scripture.gif) no-repeat left top; text-indent: -9999em;}
.daily_scripture p{background: url(../img/icon-book.gif) no-repeat left top; padding: 0 0 0 25px;  margin: 0 0 0 40px;}
.daily_scripture p strong{color: #612062;}

.left{float: left; width: 355px; }
.right{float: right; width: 350px; margin: 0 10px 0 0;}

.content{clear: both; padding: 0 0 20px 0;}
	.lc{width: 425px; float: left;}
		.lc h2, h2.section{color: #E9775D; background: url(../img/h2-bg.gif) no-repeat left bottom; padding: 0 0 20px 0; font-size: 20px;}
	.rc{width: 285px; float: right;}

	.event_item{margin: 0 0 25px 0;}
	.event_item h3{font-size: 16px;}

.event_log_reg, .event_reg_form{padding: 15px 0 0 0;}

.register{background: #ffc; border-top: 1px solid #F69A0A; border-bottom: 1px solid #F69A0A; padding: 10px; font-size: 12px;}
			.register .reg_info{margin-left: 15px; line-height: 18px;}

#userbar{padding: 0 15px 20px 0; color: #fff;}
	#userbar p{text-align: right;}
	#userbar a{color: #fff; text-decoration: underline;}
	#userbar a:hover{text-decoration:none;}

#outer_ft{background: #4181B9 url(../img/outer-ft-bg.gif) repeat-x left top; text-align: center;}
	#outer_ft div{text-align: left;}
	
#ft{clear: both; width: 780px; margin: 0 auto; background: url(../img/pbc-footer-logo.gif) no-repeat right center; color: #fff; font-size: 12px; padding: 10px 0 0 0;}
	* html #ft{background: url(../img/pbc-footer-logo-ie.gif) no-repeat right center;}
	#ft h5{margin: 0 0 3px 0; padding: 0 0 3px 0; font-size: 14px; border-bottom: 1px solid #B5CADD;}
	#ft ul, #ft li{margin: 0; padding: 0; list-style: none;}
	#ft li{background: url(../img/footer1pxdash.gif) repeat-x left bottom;}
	#ft li a{color: #fff; display: block; padding: 4px 0; }
		* html #ft li a{height: 20px;}
	#ft li a:hover{background-color: #B5CADD; color: #215DAF; text-decoration: none;}
	#ft .l, #ft .m, #ft .r{float: left; width: 160px; margin: 0 50px 0 0;}
	#ft .r{margin: 0;}
	#ft .copyright{clear: both; text-align: center; font-size: 10px; padding: 10px 0;}
	#ft .copyright a{font-weight: bold; color: #fff;  text-decoration: underline;}



div.login_cont {
	width: 400px;
	margin: 0 auto 20px auto;
	min-width: inherit;
}

.login_cont dl {
	margin: 10px 0 0 0;
}

.login_cont p {
	margin: 10px 0 0 0;
}

.login_cont dt {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
}

.login_cont dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-left: 80px;
}

.login_cont input {
	font-size: 14px;
}

.login_cont dd span {
	color: #ccc;
}

.login_cont input#username {
	width: 200px;
}

.login_cont input#password {
	width: 150px;
	margin-right: 5px;
}

.loginBox {
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
}



/* main navigation */
#thome a  {
	width: 96px;
	background: url(../img/nav/home.gif) top left no-repeat;
	}

#tevents a  {
	width: 95px;
	background: url(../img/nav/events.gif) top left no-repeat;
	}

#tyouth a  {
	width: 96px;
	background: url(../img/nav/youth.gif) top left no-repeat;
	}
#tparent a  {
	width: 95px;
	background: url(../img/nav/parent.gif) top left no-repeat;
	}	
#tleader a  {
	width: 96px;
	background: url(../img/nav/leader.gif) top left no-repeat;
	}
#tgeneral a  {
	width: 96px;
	background: url(../img/nav/general.gif) top left no-repeat;
	}
		
#tcontact a  {
	width: 96px;
	background: url(../img/nav/contact.gif) top left no-repeat;
	}

#tadmin a  {
	width: 94px;
	background: url(../img/nav/admin.gif) top left no-repeat;
	}	

#nav {
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 780px;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -25px;}
	
nav a:active, #nav a.selected,#nav a.selected:hover {
	background-position: 0 -50px;
	}

.bio{border-bottom: 1px solid #eee; margin-bottom: 10px;}

.biotext{ padding: 10px 0 0 0;}

.biotext .name{color: #004988;}

.biotext .name em{color: #4986ba;}

.biopic{border: 1px solid #eaeaea; padding: 3px;}

.img-left{float: left; width:149px; margin: 0 10px 10px 0;}
.float-right{float: right;}
.clear{clear:both;}

.int_compassion{text-align: center; margin: 5px 0 20px 0;}
.int_compassion img{padding: 3px; border: 1px solid #ddd;}

/* flash message styles */
/*** MSG Styles ***/



	.message_info{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
  		margin: 10px auto 12px auto;
 		padding: 5px;
 		line-height: 20px;
		}

		

	.message_error{
		background: #c00;
	    color: #fff; 
		border: 1px solid #c99;
  		margin: 10px auto 12px auto;
 		padding: 5px;
 		line-height: 20px;
		}