body {
   	//font-family: Arial, Helvetica, sans-serif;
	font-family: tahoma, helvetica, arial, sans-serif;
    font-size: 12px;

}

th, td {
    font-size: 12px;
}

a {
	color: #666666;
	text-decoration:none;
}
a:hover {
    color: #ff9900;
}


#nav {
  //background: red;
  //position: absolute;
  //top: 48px;
  //left: 448px;
  //width: 106px;
}

#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    // background: #8dc445;
    // WARNA KOTAK SEBELUM DI LINK; 
    background: #FFCC00;
}

#nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid white;
}

#nav a {
    color: #787878;
    //color: #0033FF; 
    //WARNA TULISAN SEBELUM DI-LINK;
    
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 10px;
}

#nav a:hover {
    //background: #5b8c29;
    //WARNA KOTAK SETELAH DILINK;
    background: #FFFF66;
    //WARNA TULISAN SETELAH DI-LINK;
    color:#FF6600;
}

#text {
    //width: 90px;
    //border: 1px solid #0c8dbd;
    border: 1px solid #ffcc00;
	//border: 1px solid #99CC00;
    font-size: 12px;
}

#text2 {
	border: 1px solid #99CC00;
    font-size: 12px;
}

#radio{
    border: 1px solid #ffcc00;
}

#textcari {
    width: 180px;
	border: 1px solid #ffffff;
	background: #CCCCCC;
    font-size: 14px;
}

#textcari2 {
    width: 180px;
	border: 1px solid #99CC00;
	background: #CCCCCC;
    font-size: 12px;
}


#submit {
	border: 1px solid #ffffff;
	background: #666666;
	color: white;
    font-weight: bold;
    font-size: 14px;
}

#judulbox {
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}
#isibox {
    font-size: 11px;
}
#copyright {
	color: #ffffff;
    font-weight: bold;
    font-size: 11px;
	text-align:center;
}

/*------------------------------------------------------------- */

#menu_top{
	float:right;	
	color:#d8b7d1;
	font-size:11px;
	padding-top:10px
}
#menu_top a{
	color:#d8b7d1;
	text-decoration:none;
	margin:0 5px;	
}
#menu_top a:hover{
	text-decoration:underline;
}

#menu_main{
	float:right;
	//padding:8px 7px 3px 7px;
	padding:1px 1px 1px 1px;
	z-index:10;
}
#menu_main a{
	color:#5B2E89;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding:3px 2px 5px 2px;
	//margin:0 5px;
	margin:0 6px;
	display:inline-block;
}
#menu_main a:hover{
	color:#FFF;
	border-bottom:3px solid #FFF;
	padding-bottom:2px;
}

#menu_domain{
	padding:7px 10px 0 0;
	text-align:left;
}
#menu_domain a{
	color:#FFCFFF;
	text-decoration:none;
	margin:1px 10px;
	font-weight:bold;
}
#menu_domain a:hover{
	color:#F90;
}

/* -------------------------------------------------------------------------------------- */

#spotlight {
	padding: 0px 0 0px 0px;
	}
	
#spotlight .simple {
	padding: 2px 5px 5px 0;
	text-align:justify;
	font-size:11px;
	}	
	
#spotlight a {
	text-decoration: none;
	font-weight: lighter;
	
	}		
	
#spotlight a:hover {
	text-decoration: none;
}
.headline-img{
	float:left;
	margin:3px 7px 3px 3px;
	width:175px;
	border: 1px;
}
.tumb-berita{
	float:left;
	width:60px;
	margin:3px;
	clear:both;
}


.linkpage{
	padding:10px 0 15px 0;
	text-align:center;
}
.linkpage b, .linkpage a{
	padding:0 4px 1px 4px;
	border:#DDD outset 1px;
	margin:1px 1px 0 0;
}
.linkpage b{
	border:#DDD inset 1px;
	background:#DDD;
	color:#00F;
	font-weight:bold;
}
.linkpage .prev{
	float:left;
	max-width:40%;
	background: #fff url('images/back.png') center left no-repeat;
	padding:1px 3px 2px 18px;
	text-align:left;
}
.linkpage .next{
	float:right;
	max-width:40%;
	background: #fff url('images/forward.png') center right no-repeat;
	padding:1px 18px 2px 3px;
	text-align:right;
}
.linkpage a:hover{
	border:#DDD inset 1px;
	background-color:#E6E6FF;
	color:#F00;
}
.linknews {
	margin:5px 10px 10px 10px;
	padding: 5px 10px 25px 10px;
	border-top:#CCC dotted 1px;
}

.linknews a {
	text-decoration: none;
	color: #666;
}

.linknews a:hover {
	text-decoration: underline;
}
/* ------------------------------------------------------------------------------- */

#spotlight .contentdiv{
	color:#333;
}
#spotlight .contentdiv a{
	color:#fff;
}
#spotlight .contentdiv h3 a{
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:16px;
	color:#ff8316;
}
#spotlight .contentdiv img.kiri{
	border:4px solid #999;
}
#spotlight .pagination{
	clear:both;
	text-align:center;
	padding:15px 4px 4px 4px;
}
#spotlight .pagination a.toc{
	color:#e0c7f3;
	font-weight:bold;
	background:#f7f0fc;
	border:1px solid #e0c7f3;
	padding:4px 7px;
}
#spotlight .pagination a.selected{
	background:#fefdff;
	border:1px solid #f7f0fc;
	color:#ba78eb;
}
#spotlight .pagination a:hover{
	background:#ba78eb;
	border:1px solid #ba78eb;
	color:#eee;
}
