html, body{ 
 text-align:center; 
 background-color: #f4e8cf;
 font-family: "georgia", "times";
 font-size: 12px;
 color: #4c5133;
 line-height: 150%;
} 

a:link, a:visited  {
  	color: #666666;
	text-decoration: none;
	padding-bottom: 2px;
}

a:hover {
	text-decoration: underline;
	color: #414141;
}

img {
border: 0;
}

/*TEMPLATE SKELETON*/	
 
#container{ 
 width:837px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background: transparent url(../images/content.gif) repeat-y;
 border: 2px solid #788050;
} 
 
#bgheader{ /*bg header*/
 overflow: hidden; /*clearing floats in FF*/
 text-align:left;  
 background: transparent url(../images/header.gif) no-repeat top right;
}

#bgfooter{ /*bg footer*/
 overflow: hidden; /*clearing floats in FF*/
 text-align:left;  
 background: transparent url(../images/footer.gif) no-repeat bottom left;
}

		
		#topmenu{ 
		 overflow: hidden; /*clearing floats in FF*/
		 text-align:right;  
		 height: 56px;
		}
		
				#topmenu ul{
				list-style: none;
				margin: 17px 8px 17px 0;
				padding: 0;
				}

				#topmenu li{
				display: inline;
				margin: 0;
				padding: 8px 9px 8px 7px;
				background: transparent url(../images/sep.gif) repeat-y top right;
				}	
				
				#topmenu li.end{
				background: none;
				}					

					#topmenu a, #topmenu a:visited{ 
					 font-family: "Georgia", "Garamond", "Times";
					 font-size: 15px;
					 color: #725f3c;
					 font-weight: bold;
					 text-decoration: none;
					}	

					#topmenu a:hover{ 
					 color: #27814f;
					 text-decoration: none;
					}						
		
		#ilustrasi{ 
		 overflow: hidden; /*clearing floats in FF*/
		}

		#content{ 
		 overflow: hidden; /*clearing floats in FF*/
		 padding: 0 50px;
		 text-align: justify;
		}		
		
		/* IE6 hack */
		* html #content {
		text-align: left;
		}		

				#warp_kolom {
				overflow: hidden; /*clearing floats in FF*/
				width: 100%; /*clearing floats for ie6*/
				margin-bottom: 30px;
				clear:both;
				border-bottom:1px dashed #d5d0c9;
				padding-bottom: 10px;
				}
				
				#kolom1, #kolom2 {
				width: 360px;
				}

				#kolom1 {
				float: left;
				}

				#kolom2 {
				float: right;
				}		

		#copyright { 
		 margin-top: 50px;
		 color: #2c3730;
		 font-family: "arial", "Tahoma", "verdana";
		 font-size:x-small; 
		 text-align: left;
		 padding: 5px 10px;
		}	

/*CONTENT STYLE*/			

.center {
text-align: center;
}

.judul {
font-size: 120%;
font-weight: bold;
}

.tl_indent {
padding: 0 0 0 15px;
font-weight: bold;
}

.subjudul {
overflow: hidden; /*clearing floats in FF*/
background: transparent url(../images/subjudul.gif) no-repeat 12px 7px;
font-size: 140%;
padding: 5px 0 5px 30px;
margin: 10px 0 5px 0;
clear:both;
}

.red, .green{
font-family: "arial", "Tahoma", "verdana";
font-size:xx-small; 
vertical-align:top;
}

.red {
color: red;
}

.green {
color: green;
}