@charset "utf-8";
* {
	
	margin: 0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.tanyadokter a { background: url(images/roll-tanya.jpg) no-repeat; width:205px; height: 44px;
				 text-decoration:none; color:#999999; display:block   }
.tanyadokter a:hover {background: url(images/button-tanyadokter_03.jpg) no-repeat;color:#999999; width:205px;  height: 44px; display:block   }

body {
	background-image: url(images/bground.jpg);
	background-repeat:repeat-x;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana;
	font-size:12px;
	line-height:16px;
	background-attachment:fixed;
}

table{border-collapse: collapse; border:1px solid #CCCCCC }

#wrap {
	width:100%;
	margin: 0px auto;
}
#banner {
	background-image: url(imsages/bg_banner.png);
	margin: 0 auto;
	height: 144px;
	background-repeat: repeat-x;
}

#rightcolom img {vertical-align:middle; margin-right:4px}

.left {
	float: left;
}
.right {
	float: right;
}
#menu {
	margin: 0px auto;
	width: 875px;
}

a {color:#CC66CC; font-weight:bold; text-decoration:underline}
a:hover {color: #FF9900; text-decoration:none}

#article { list-style:none; clear:both; margin-bottom:20px; padding-left:2px; padding-right:2px;}
#article li { margin-bottom:5px; padding-bottom:10px; padding-top:15px; min-height:100px; clear:both }
#article li img { float:left; margin-right:10px; border:none;}
 

#nav { padding-left:5px; padding-right:0px;}
#nav li{list-style:none; float:left;}

.home { width:72px; height:62px; display:block}
.home a { width:72px; height:62px; display:block; background:url(images/img_06.png)}
.home a:hover { width:72px; height:62px; display:block; background:url(images/img_06-hover.png)}

.bukutamu { width:95px; height:62px;}
.bukutamu a { width:95px; height:62px; display:block; background:url(images/img_14.png)}
.bukutamu a:hover { width:95px; height:62px; display:block; background:url(images/img_14-hover.png)}

.profile { width:62px; height:62px;}
.profile a { width:62px; height:62px; display:block; background:url(images/img_07.png)}
.profile a:hover { width:62px; height:62px; display:block; background:url(images/img_07-hover.png)}

.kegiatan { width:80px; height:62px;}
.kegiatan a { width:80px; height:62px; display:block; background:url(images/img_08.png)}
.kegiatan a:hover { width:80px; height:62px; display:block; background:url(images/img_08-hover.png)}

.jemaat { width:120px; height:62px;}
.jemaat a { width:120px; height:62px; display:block; background:url(images/img_09.png)}
.jemaat a:hover { width:120px; height:62px; display:block; background:url(images/img_09-hover.png)}

.artikel { width:68px; height:62px;}
.artikel a { width:68px; height:62px; display:block; background:url(images/img_10.png)}
.artikel a:hover { width:68px; height:62px; display:block; background:url(images/img_10-hover.png)}

.tugas { width:110px; height:62px;}
.tugas a { width:110px; height:62px; display:block; background:url(images/img_11.png)}
.tugas a:hover { width:110px; height:62px; display:block; background:url(images/img_11-hover.png)}

.kalender { width:140px; height:62px;}
.kalender a { width:140px; height:62px; display:block; background:url(images/img_12.png)}
.kalender a:hover { width:140px; height:62px; display:block; background:url(images/img_12-hover.png)}

.hubungi { width:115px; height:62px;}
.hubungi a { width:115px; height:62px; display:block; background:url(images/img_13.png)}
.hubungi a:hover { width:115px; height:62px; display:block; background:url(images/img_13-hover.png)}

#highlights {
	margin: 0px auto;
	width: 875px;
}
.roundtop {
	width: 875px;
	background: url(images/img_22.png);
	background-repeat: no-repeat;
	height: 13px;
	margin: 0 auto;
	clear: both;
}
.roundbottom {
	width: 875px;
	background: url(images/img_25.png);
	background-repeat: no-repeat;
	height: 13px;
	margin: 0px auto 10px;
}
#content {
	background:url(images/img_24.png);
	background-repeat: repeat-y;
	width: 875px;
	margin: 0 auto;
}

.linkrenungan { margin-top:10px; margin-right:10px; float:right; color:#FFFFFF}
.linkrenungan a { text-decoration:none; color: #000000}
.linkrenungan a:hover { color: #000000; text-decoration:underline}


#menukat {padding-left:2px; padding-right:2px;list-style:none; text-transform:capitalize}
#menukat li{margin-right:3px; float:left; height:20px; margin-bottom:13px; display:block }
#menukat li a{ float:left; padding:5px; margin-bottom:13px; height:20px;display:block; background: #3399FF; 
			   font-weight:normal; color:#FFFFFF; text-decoration:none;}
#menukat li a:hover { background-color: #666666; color:#FFFFFF;display:block;}

#riwayat { margin-top:10px; }
#riwayat li { margin-bottom:5px; list-style-image:url(images/action_check.png) }

.calender {width:42px; height:27px; margin-right:5px; display:block; padding-top:15px; text-align:center; 
		   font-family:"Georgia", Times New Roman, Times, serif; font-size:14px}

#leftcolom { width:190px; float:left; line-height:17px; padding-left:30px; padding-right:10px; padding-bottom:20px;}
#rightcolom {width:590px; float:right; padding-left:10px; padding-bottom:20px; text-align:justify; padding-right:30px;}

#renungan{background:url(images/img_17.png); 
	      width:618px; padding-left:30px; font-size:14px; padding-top:15px; float:left;
		  height:198px; line-height:20px; display:block; color:#FFFFFF;
		  font-family:"Georgia", "Times New Roman", Times, serif; font-size:12px}
		  
#link{ background:url(images/img_21.png); width:210px; height:60px; 
	   display:block; padding-left:10px; 
	   float:right; padding-top:20px;}

#link a{ color: #FFFFFF; 
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size:10px; line-height:11px; text-decoration:none;}
		 
#link a:hover {color: #FFCC00; text-decoration:underline}

.tanya{ float:right}
.tanya a{ font-weight:lighter; font-family:Georgia, "Times New Roman", Times, serif; margin-right:10px;}

h1 { 
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:18px; font-weight:lighter;
	color: #9933CC; margin-bottom:10px; margin-top:10px;
	}

h1 a{ font-weight:lighter}
h1 a:hover { color:#99CC00}
h2 { font-family:"Georgia", Times New Roman, Times, serif; font-size:14px;
  	 color:#666666; text-transform:capitalize }

h2 a { color: #333333; text-decoration:none}
h2 a:hover {color:#666666;}

h3 { font-size:12px; font-family:Georgia, "Times New Roman", Times, serif }
h5 { font-family:"Georgia", Times New Roman, 
	 Times, serif; font-size:20px; padding-left:40px;
	 font-weight:lighter; color:#FFFFFF; margin-bottom:10px;}

.title {font-family:"Georgia", Times New Roman, Times, serif; font-size:14px; font-weight:bold}
.title a { color: #3399FF; text-decoration:none}
.title a:hover {color:#666666;}

input { font-family:"Lucida Sans Unicode", "Trebuchet MS", Verdana; font-size:12px; 
		border:1px solid #9999CC; color: #9933CC; padding:5px; background-color: #FFD5FF;}
textarea { font-family:"Lucida Sans Unicode", "Trebuchet MS", Verdana; font-size:12px; 
		   color:#9933CC; border:1px solid #9999CC; background-color: #FFD5FF; padding:5px}


#kegiatan {padding-left:2px; padding-right:2px; list-style:none}

#kegiatan li { background:url(images/alt1_31.png) no-repeat; 
			   font-family:Georgia, "Times New Roman", Times, serif; 
			   padding-left:30px; margin-bottom:5px; 
			   padding-bottom:5px; border-bottom:dotted #6633FF  1px}

#kegiatan li a { color:#6666FF; text-decoration:none}
#kegiatan li a:hover { color:#6633CC; text-decoration:none;}

#kegiatanpage {padding-left:2px; padding-right:2px; list-style:none}

#kegiatanpage li { 
			   font-family:Georgia, "Times New Roman", Times, serif; 
			   margin-bottom:10px; 
			   padding-bottom:10px; border-bottom:dotted  #9966CC  1px}

#kegiatanpage li a { color:#6666FF; text-decoration:none}
#kegiatanpage li a:hover { color:#6633CC; text-decoration:none;}


#hamba{padding-left:2px; padding-right:2px; list-style:none}

#hamba li { background:url(images/action_remove.png) no-repeat; 
			   font-family:Georgia, "Times New Roman", Times, serif; 
			   padding-left:30px; margin-bottom:5px; 
			   padding-bottom:5px; border-bottom:dotted #6633FF  1px}

#hamba li a { color:#6666FF; text-decoration:none}
#hamba li a:hover { color:#6633CC; text-decoration:none;}

#sejarah{padding-left:2px; padding-right:2px; list-style:none}

#sejarah li { background:url(images/arrow_next.png) no-repeat; 
			   font-family:Georgia, "Times New Roman", Times, serif; 
			   padding-left:30px; margin-bottom:5px; 
			   padding-bottom:5px; border-bottom:dotted #6633FF  1px}

#sejarah li a { color:#6666FF; text-decoration:none}
#sejarah li a:hover { color:#6633CC; text-decoration:none;}
	 
#footer {
	background:url(images/img_24.png);
	background-repeat: repeat-y;
	height: 55px;
	width: 855px;
	font-size:11px;
	padding-left:20px;
	margin: 0px auto;
}

#footer span a {color:#6600CC; text-decoration:none; font-weight:normal}
#footer span a:hover { color:#666666; text-decoration:underline}

.bread { font-size:11px; text-transform:capitalize; margin-bottom:10px; color:#999999;}
.bread a { color: #FF6600 ; text-decoration:none; font-weight:normal}
.bread a:hover { color:#99CC00}

.guestbook{ width: 490px; height:12px; display:block;  background:url(images/bgcomment.jpg); padding:10px;}
.guestbookcontent{width:488px; border:1px solid #D2AAFF; padding:10px; margin-bottom:20px;}