/* Created for FCC themes 
author: adwin (adwinwijaya@yahoo.com.au) 
*/
/*
For more information about box position, read it on 
http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html
*/
body{
	margin: 0px auto; /* auto made the position on the center */
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #6699CC ;
	text-align: center;
	font-size: 12px; 
}

div{
	margin: 0 ;
	padding: 0 ; 
}

#container { 
	padding: 3px;
	margin-top: 20px; 
	margin-bottom: 20px;
	margin-left: auto ; 
	margin-right: auto ;
	/* opera does not like 'margin:20px auto' */
	text-align:left; 
	/* part 2 of 2 centering hack */
   width: 850px;  /*ie5win fudge begins */
	height: 100%;
	background-color: white ;
}

#header{
	background-color: white ; 
	padding: 5px;
	margin-bottom: 0px; 
}

#headerlogo{	
	margin-left: auto ;
	margin-right:auto ;	
}

#headerlogo img{
	margin: 0px;
	padding:0px;
}

#headerbanner{
	display: none;
}

#search{
	display: none;
	background-color:#FFCC00 ;
	text-align: right;
	padding: 1px;
	padding-top:3px;
	padding-bottom:3px;
}

#searchSubmit{

}

#search form{
	margin:0px;
}

#worship_background{
	background-image: url(images/worship.gif);
	background-repeat: no-repeat;
	width: 75px;
	height: 177px ;
	position:fixed;
	bottom: 0px; 
	left: 26px; 
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	display: none;
}

#topMenu{
	background-color:  Blue;
	text-align: left;
	padding-top: 4px ;
	height: 18px ; 
	margin-left: 4px;
	margin-right: 4px ;
	background-image: url(images/menu.gif) ;
	background-repeat: repeat-x;
}


#topMenu ul{
	list-style: none;	
	margin: 0;
	padding-left : 2px; 
}


#topMenu li{
	display: inline;
}

#topMenu li a:hover{
	display: inline;
	color: #FFFF66;
	text-shadow: White;	
}

#topMenu li a:active{
	color: #FF9900;
}

#topMenu li a{
	text-decoration: none;
	margin-right: 4px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	color: white ; 		
}

#bodyBlock{
	background-color: White;	
}

#bodyBlock table tr{
	vertical-align: top;	
}

#centerBlock{
	float: right ;
	margin-right: 5px;	
	width: 640px; 
	margin-top: 5px;
}

#rightBlock{
	position:relative ;
	background-color: #FF99CC;
}


#leftBlock
{
	float: left ; 
	padding: 0;	
	margin-left:5px; 
	margin-top: 5px;	
	width: 180px; 
	/*background-color: #999999;
	border: 3px solid #999999;*/
}

#leftBlock form
{	
	margin:0 ;
}


#leftBlock  div.blockTitle{
	background-color: #6699CC; 
	color:White;
	text-align: center ;
	font-weight: bold;
	height: 25px;
	padding-top: 3px ;  
	/*background-image: url(images/menu.gif) ;
	background-repeat: repeat-x;
	*/
}

#leftBlock div.blockContent{
	/*background-color: #336699;*/
	background-color: #99CCCC;
	text-align: center ;
	color: #333333 ; 
	padding-bottom: 3px ;
	margin-bottom: 10px;
}

#leftBlock div.blockContent a{	
	color: Black ; 
	margin-bottom: 2px;
}

#leftBlock div.blockContent ul
{
	padding: 2px;
	margin-left: 0 ;
	margin-top: 0 ;
}

#leftBlock div.blockContent li
{
	list-style: none;
	margin: 0 ; 
	padding:0 ; 
	height: auto ; /** for mozilla & IE **/
	padding: 1px;
}

#leftBlock div.blockContent li a
{
	border-bottom: 1px solid #CCCCFF ; 
	display: block;
	text-decoration: none;	
	background-image: url(images/arrow_menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left ; 
	padding-left: 11px ; 
	margin: 0 ;
	color: #333333 ; 
}

#leftBlock div.blockContent li a:hover
{
	background-color: #3366CC;
	color: white; 
}

#leftBlock div.blockContent .menuSub
{
	list-style: none;
	text-indent: 10px;
	background-color: transparent;
	background-image: url(images/arrow_submenu.gif);
	background-repeat: no-repeat;
	background-position: 9px;
}

#leftBlock div.blockContent mainmenu
{	
	margin: 0;
}



#centerBlock div.blockTitle
{
	background-color: #6699CC;
	font-weight: bold;
	color:white; 
	font-size:  1.2em;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#centerBlock div.blockContent
{
	margin-bottom: 10px;	
	background-color: #99CCCC;
	font-size: 10px;	
}

#centerBlock #content
{
	background-color: #6699CC;
	padding: 0;
	margin: 0;
}

#centerBlock #content #article
{
	background-color: #99CCCC;
	padding: 10px;
	color: black;	
	margin: 0;
}

#centerBlock #content #article h3
{	
	font-weight: bolder;
	font-size: 16px;
	
}

#centerBlock #content #article #quote
{	
	font-style:italic;
	border: 1px solid #3366CC;
	background-color: White;
	padding: 15px;
	margin: 15px;
}

#centerBlock .item
{
	background-color: #FFFFCC;	
}

#centerBlock .itemHead
{
	background-color: #6699CC;
	font-weight: bold;
	color: White;
}


#centerBlock .itemTitle a
{	
	color: White;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2em;
	padding-left: 10px;
}



#centerBlock .itemInfo
{
	border-bottom: 2px #666666 solid;
	background-color: #999999;
	font-weight: bold;	
	font-size: 10px;
	padding-left: 10px;	
	color: White;
}

#centerBlock .itemInfo a
{
	color: White;
	font-weight: bolder;
	
}

#centerBlock .itemInfo a:hover
{
	color: #330000;
}



#centerBlock .itemPoster
{

}

#centerBlock .itemBody 
{
	padding: 10px;
	text-align: justify;
	background-color: #E0E0E0;
	font-size: 11px;
}

#centerBlock .itemFoot
{	
	background-color:#6699CC;
	padding-left: 10px;
	color: White;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.4ex;
}

#centerBlock .itemFoot a
{	
	color: White;
	text-decoration: none;
	font-weight: bold; 
}

#centerBlock .itemFoot a:hover
{	
	color:Yellow;
	font-weight: bold; 
}



#footer{
	clear: both;
	text-align: center; 
	font: Georgia;
	font-size: 12px;
	display: block;
	margin-top: 3px;
	height: 30px;
	padding-top: 4px;
}

/* site info block ***/
#siteInfo
{
	padding: 15px;
	background-color: #99CCCC;
}

#siteinfo #site_info_content
{
	text-align: justify;	
}


/** image galeries **/
div.imageGallery
{
	float: left;
	text-align: center ; 
	margin: 7px;
}

div.imageGallery img
{
   padding: 0;
   width: 105px;
   height: auto;
}


.imageGallery ul
{
	display: block;
   padding:0;
   margin: 0;
}

.imageGallery li
{
	list-style: none;
}


#news_list ul
{
	list-style: url(images/leaf_list.gif);
}

#news_list li
{
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px; 
}

#news_list a
{
	font-style: normal;
	text-decoration: none;
}

#news_list a:hover
{
	color: Red;
	font-style: italic;
}

/** Jadwal Pelayanan **/
#jadwal
{	
}

#jadwal td
{
	vertical-align: middle;
   text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

#jadwal td ul
{
	text-align: left;
	width: 200px;
	margin-left: auto ;
	margin-right: auto;
}

#jadwal td > a
{
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	color:black;	
	display:block;
	text-decoration: none;
}

#jadwal td > a:hover
{
	color: White;
	display:block;
	background-color: #3333CC;
}

#jadwal h3
{
	font-family: Georgia;
	color:white ;
	width: 100%;
	background-color: #333399;
	display: block;
	padding-top:5px;
	padding-bottom: 5px;
	margin-bottom:0px;
	margin-top: 20px;	
}

#prayer_request #notes
{
	padding: 10px;
	color: white; 
	margin-top: 5px;
	margin-bottom: 5px;
}

#prayer_request form
{
	background-color: #6699cc ;
}

#testimonial
{
	padding-left : 10px;
	padding-right: 10px; 
	padding-top: 2px;
	padding-bottom: 5px; 
}

#testimonial p
{
	padding: 5px;
}

#testimonial_content
{
	
}

#testimoni_block
{
	padding-left: 5px; 
	padding-right: 5px;
}

/*************************default css *********/
.outer {border: 1px solid silver;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #6699CC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

@media all {
* html #centerBlock .blockContent {height: 0;}
}