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

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

/* ---------- Colors ---------- *
 * Dark Red # 822023
 * Blue		# 2866a2
 */

/* ---------- default settings ---------- */

	*,
	img, table, tr, td,
	ul, ol, li, dl, dt, dd,
	h1, h2, h3, h4, h5, h6, p, pre { /* set margin and padding 0 */
		 margin: 0px; padding: 0px; 
	}

	img, table, tr, td { /* border none*/
		border: none; 
	}
	
	ul, ol, li	{ /*list style type none */
		list-style-type: none; 
	}

	dl { /*clear both*/
		clear: both;
	}

	dt, dd { /*float left*/
		float: left;
	}

	a,
	a:link,
	a:visited { /*text decoration none, color #333*/
		text-decoration: none;
		color: #333333;
	}

	a:hover,
	a:active,
	a.current { /*text decoration underline, color red*/
		color: #822023;
		text-decoration: underline;
	}

	body { 
		font-family: 'Gill Sans', Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #333333; 
		text-align: center;
	}
	
	input { height: 22px; padding-top: 3px; }
	
	#button input,
	#buttons input,
	input.button,  
	.buttons input  { padding-top: 0px; }
	
	input, textarea { border: 1px solid #999999; }

	html { /* set the masthead background */
		background: white url('../_images/tile_bckg.gif') repeat-x scroll left top;
	}

	
/* ---------- Layout Styles ---------- */
	#container {
		width: 960px;
		margin: 0px auto 2px;
		text-align: left;
		z-index: 0;
	}

/* ---------- Header ---------- */
	#header { z-index: 2; }
	#header #logo,
	#header #logo a{
		height: 152px;
		width: 240px; 
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
		background: url("../_images/logo.gif") no-repeat;
	}

/* Language Selections */
	#header ul {
		float: right;
		padding-right: 10px;
	}
	#header ul li {
		float: left;
		padding-top: 5px;
		padding-left: 3px; 
		font-size: 12px;
		line-height: 25px;
		text-align: right;
		color: #FFFFFF;
	}
	#header ul li a:link, 
	#header ul li a:visited {
		color: #ffffff;
	}
	#header ul li a:active, 
	#header ul li a.current {
		font-weight: normal;
		color: #FFFFFF;
	}

/* Church Name */
	#header h1 {
		font-size: 0px;
		display: block;
		text-indent: 80em;
		color: #822023;
		height: 25px;
		width: 400px; 
		position: relative;
		left: 570px; 
		text-align: right;
	}
	#header h1.aec { /* Agape Evangelical Church */
		top: 88px;
		background: url("../_images/aec.gif") no-repeat;	
	}
	#header h1.gria { /* Gereja Injili Agape */
		top: 90px;
		background: url("../_images/gria.gif") no-repeat;	
	}

/* Church Location(s) */
	#header h2 {
		font-size: 0px;
		display: block;
		text-indent: 100em;
		color: #FFFFFF;
		height: 25px;
		width: 300px; 
		position: relative;
		top: 102px;
		left: 660px;
		text-align: right;
	}
	#header h2.arcadia { 	/*  AEC - Arcadia, California */
		background: url("../_images/aec_arcadia.gif") no-repeat;	
	}
	#header h2.philadelphia { 		/*  AEC - Philadelphia, Pennsylvania */
		background: url("../_images/aec_phila.gif") no-repeat;	
	}
	#header h2.bandung_en { 	/*  AEC - Bandung */
		background: url("../_images/aec_bandung.gif") no-repeat;	
	}
	#header h2.bandung_id { 	/*  GRIA - Bandung */
		background: url("../_images/gria_bandung.gif") no-repeat;	
	}
	#header h2.bekasi { 	/*  GRIA - Bekasi */
		background: url("../_images/gria_bekasi.gif") no-repeat;	
	}
	#header h2.makassar_en { 	/*  AEC - Makassar */
		background: url("../_images/aec_makassar.gif") no-repeat;	
	}
	#header h2.makassar_id { 	/*  GRIA - Makassar */
		background: url("../_images/gria_makassar.gif") no-repeat;	
	}
	#header h2.padang_en { 	/*  AEC - Padang */
		background: url("../_images/aec_padang.gif") no-repeat;	
	}
	#header h2.padang_id { 	/*  GRIA - Padang */
		background: url("../_images/gria_padang.gif") no-repeat;	
	}
/* ---------- Main Content ---------- */
	#wrapper {
		clear: both;
		z-index: 5;
	}

/* ---------- Pagination ---------- */
	.pagination	{ 
		float: right; 
		text-align: right;
		padding-top: 10px;
	}

	.pagination p,
	.pagination li	{ 
		float: left; 
		font-size: 12px; 
		margin-left: 5px;
		padding-top: 3px; 
	}

	.pagination p { 
		padding: 3px 5px 0px 5px;
	}
	.pagination li 	{ 
		width: 15px; 
		padding: 2px; 
		text-align: center; 
		border: 1px solid #333333;
		background-color: #FFFFFF;
		margin: 0px 2px 0px 2px;
	}
	.pagination li a:hover,
	.pagination li span.selected {
		font-weight: bold;
		color: #822023;
	}
	.pagination p span.dimmed { 
		color: #CCCCCC;
	}

	.clear {
		clear: both;
	}
/* Back to the top */
	#backtop {
		clear: both;
		float: right;
		margin-top: 20px; 
	}
	#backtop p a,
	#backtop p a:link,
	#backtop p a:visited {
		float: left;
		padding-left: 20px ;
		background: white url('../_images/arrow_up.gif') no-repeat;
	}

	#backtop p a:hover,
	#backtop p a:active {
		float: left;
		padding-left: 20px ;
		background: white url('../_images/arrow_up_red.gif') no-repeat;
	}

/* ---------- Footer ---------- */
	#footer {
		clear: both;
		width: 100%;
		margin-top: 10px;
		padding-top: 10px; 
		background: url('../_images/tile_footer_blue.gif') repeat-x scroll left top ;
		text-align: center;
	}
	#footer p {
		font-size: 10px;
		padding-bottom: 2px; 	
	}
	#footer p a,
	#footer p a:link,
	#footer p a:visited {
		font-size: 10px;
	}