@charset "UTF-8";
/* CSS Document */

/*******************************************
	Copyright 2009 Agape Evangelical Church
********************************************/

/* ---------- Main Content ---------- */
	#main {
		float: left;
		width: 700px;
		min-height: 660px;
		margin: 0px 0px 25px 20px;
		z-index: 10;
	}
	#main h1, h2 {
		font-style: italic;
		color: #822023;
	}
	#main h1 { font-size: 24px; }
	#main h2 { font-size: 14px; }

/* ---------- Breadcrumb ---------- */	

 	#main #breadcrumb {
		clear: both;
		margin-bottom: 5px;
		height: 25px;
		color: #333333;
	}
	#main #breadcrumb ul {
		float: left;
		font-size: 12px;
		margin-top: 10px;
	}
	#main #breadcrumb ul li {
		float: left;
		padding-right: 8px;
	}
	#main #breadcrumb ul li a:link,
	#main #breadcrumb ul li a:visited {
		color: #999999;
	}
	#main #breadcrumb ul li a:active, 
	#main #breadcrumb ul li a.current {
		text-decoration: underline;
		color: #2866a2;
	}

	/* Personalise with login */
 	#main #breadcrumb #personal {
		float: right;
		text-align: right;
		height: 25px;
	}
	#main #breadcrumb #personal ul.login {
		float: right;
		margin: 0px;
		border-right: 1px solid #2866a2;
		border-bottom: 1px solid #2866a2;
		border-left: 1px solid #2866a2;
	}
	#main #breadcrumb #personal ul.login li {
		float: left;
		padding-left: 5px; 
		font-size: 14px;
		line-height: 25px;
		text-align: right;
		color: #2866a2;
		padding-left: 8px;
	}
	#main #breadcrumb #personal ul.login li a:link, 
	#main #breadcrumb #personal ul.login li a:visited {
		color: #822023;
	}
	#main #breadcrumb #personal ul.login li a:active, 
	#main #breadcrumb #personal ul.login li a.current {
		font-weight: normal;
		color: #2866a2;
	}

/* ---------- Divider between Header and content ---------- */
	#main #divider {
		height: 25px;
		margin-top: 7px;
		padding-top: 5px;
	}
	#main #divider #back {
		float: right;
		text-align: right;
	}
	#main #divider #back p a,
	#main #divider #back p a:link,
	#main #divider #back p a:visited {
		float: right;
		padding-left: 20px ;
		background: white url('../_images/arrow_back.gif') no-repeat;
	}
	#main #divider #back p a:hover,
	#main #divider #back p a:active {
		float: left;
		padding-left: 20px ;
		background: white url('../_images/arrow_back_red.gif') no-repeat;
	}
	
	/* Add This */
	#main .addthis_toolbox {
		float: left;
	}
		
/* ---------- Display the lists---------- */	
	#main #display {
		clear: both;
		margin-top: 12px;
	}
	#main #display #center {
		float: left;
		width: 430px;
		margin-right: 20px;
	}
	#main #display #right {
		float: right;
		width: 200px;
		border : 1px solid #cccccc;
		padding: 20px ;
		min-height: 200px;
	}
	#main #display #right a:link,
	#main #display #right a:visited  {
		color: #999999;
	}
	#main #display #right a:hover,
	#main #display #right a:active {
		color: #822023;
		text-decoration: underline;
	}
	
/* ---------- Index Page ---------- */
	#main #img {
		padding-bottom: 5px;
		text-align: center;
	}
	#main #locations {
		clear: both;
		float: left;
		padding-top: 20px;
		text-align: center;
	}
	#main #locations dl {
		clear: none;
		float: left;
		padding-top: 10px;
		width: 200px;
		height: 100px; /* IE: height: 120px; */
		margin: 0px 15px;
	}
	#main #locations dt {
		width: 200px;
		font-weight: bold;
		color: #2866a2;
	}
	#main #locations dt a:link,
	#main #locations dt a:visited,
	#main #locations dt a:active {
		color: #2866a2;
		text-decoration: none;
	}
	#main #locations dt a:hover {
		color: #822023;
		text-decoration: underline;
	}
	#main #locations dd {
		width: 200px;
		padding-bottom: 20px; 
	}

/* ---------- About Us ---------- */
	#main #about #display dl {
		clear: both;
		float: left;
		margin-left: 20px;
		margin-bottom: 12px; 
		width: 600px; /* IE */
	}
	#main #about #display dt {
		width: 25px;
		height: 25px;
		float: left;
		padding-right: 15px; /*IE: padding-right: 40px; */
		background: white url('../_images/aec_icon.gif') no-repeat;
	}
	#main #about #display dd {
		width: 550px;
		font-size: 14px;
		float: left;
		text-align: justify;
	}

/* ---------- History ---------- */
	#main #history #display p {
		font-size: 14px;
		text-indent: 50px;
		color: #333333;
		text-align: justify;
		padding-bottom: 8px;
	}
	#main #history #display p strong {
		font-weight: normal;
		color: #666666;
	}
	
/* ---------- Believe ---------- */
	#main #believe #display dl {
		clear: both;
		float: left;
		margin-left: 20px;
		margin-bottom: 12px;
	}
	#main #believe #display dt {
		float: left;
		font-size: 16px;
		font-weight: bold;
		color: #2866a2;
		padding-bottom: 5px;
		width: 600px; /* IE */
	}
	#main #believe #display dd {
		clear: both;
		float: left;
		font-size: 12px; 
		width: 550px;
		font-size: 14px;
		text-align: justify;
		padding-left: 25px; 
		padding-bottom: 3px;
	}

/* ---------- BPH USA ---------- */
	#main #bph #display { }
	#main #bph #display h2 {
		clear: both;
		font-size: 18px;
		font-weight: bold;
		color: #822023;
		padding-bottom: 5px;
	}
	#main #bph #display h3 {
		clear: both;
		font-size: 16px;
		font-weight: bold;
		color: #2866a2;
		padding-top: 5px;
	}
	#main #bph #display dl {
		font-size: 14px;
		padding-top: 5px;
		margin-left: 25px;
	}
	#main #bph #display dt {
		font-weight: bold;
		width: 150px;
	}
	#main #bph #display dd {
		clear: none;
		float: left;
		text-align: left;
		padding-left: 10px;
	}
	
/* ---------- BPH IDN ---------- */

/* ---------- Local Services Schedulle  ---------- */
	#main #display #center h2 {
		clear: both;
		font-size: 16px;
		font-weight: bold;
		color: #822023;
		padding-bottom: 5px;
	}
	#main #display #center dl {
		font-size: 16px;
		padding-top: 5px;
	}
	#main #display #center dt {
		font-weight: bold;
	}
	#main #display #center dd {
		clear: both;
		float: none;
		text-align: left;
		padding-left: 10px;
	}
	#main #display #center dd li.locate,
	#main #display #center dd li.day,
	#main #display #center dd li.time {
		float: left;
		font-style: italic;
		padding-left: 10px;
	}
	#main #display #center dd li.locate { 	width: 125px;	}
	#main #display #center dd li.day {  	width: 75px;}
	#main #display #center dd li.time { 	width: 100px; }

	#main #display #right p {
		font-size: 14px;
		padding-bottom: 15px;
	}

/* ---------- Local Minister Profile  ---------- */
	
	#main #minister #display #center p {
		padding-bottom: 8px;
		font-size: 14px;
		color: #333333;
		text-align: justify;
	}

	#main #minister #display #right #photo {
		text-align: center;
	}
	#main #minister #display #right p {
		width: 220px; /* adjustable based on the photo width*/
		padding-top: 8px;
		font-size: 12px;
		text-align: left;
		font-style: italic;
	}