/*
      Created by Anton Hilman
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS", arial;
 font-size: 12px;
 background: url(../images/bg_web.jpg) no-repeat top center #343E4B;
}
#wrapper { 
 margin: 0 auto;
 width: 902px;
}
#faux {
 background: #EBE9D7;
 margin-bottom: 0px;
 padding: 0px 0px 0px 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 902px;
 padding: 0px;
 height: 112px;
 margin: 10px 0px 0px 0px;
 background: #D1DBDB;
}
#navigation {
 padding: 0px;
 margin: 0px;
 background:url(../images/blockdefault.gif) repeat-x center center;
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px 0px 10px 0px;
 width: 200px;
 float: right;
}
#rightcolumn li { 
margin: 0px 0px 0px 15px;
padding: 2px 0px 3px 0px;
border-bottom:1px dotted #DDD;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px 0px 10px 10px;
 padding: 0px 0px 0px 0px;
 width: 670px;
 display: inline;
 position: relative;
 background: #FFFFFF;
}
#leftcolumn li { 
margin: 0px 0px 0px 15px;
padding: 2px 0px 3px 0px;
border-bottom:1px solid #FFF;
}
#footer { 
 width: 902px;
 height:30px;
 clear: both;
 color: #FFF;
 background: #8B1110;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#footer a, a:visited {
color: #FFFFFF;
text-decoration:none
}
#footer a:hover {
color: #00FFFF;
text-decoration: underline
}
.clear { clear: both; background: none; }

.box_white {
 margin: 0px 0px 10px 0px;
 padding: 5px 5px 10px 5px;
 background:url(../images/bg_boxnormal.gif) repeat-x top center #F6F5ED;
 color:#333333
 }
.box_white h3 {
margin:5px 0px 10px 0px;
font-size:14px;
color:#CC0000;
background:url(../images/icon_red.gif) no-repeat left top;
text-indent:30px;
}
.box_white a, .box_white a:visited {
color: #003399;
text-decoration:none
}
.box_white a:hover {
color: #CC0000;
}
 
.box_gray {
 margin: 0px 0px 10px 0px;
 padding: 5px 5px 10px 5px;
 background:#36404C;
 color:#FFFFFF
 } 
.box_gray h3 {
margin:5px 0px 10px 0px;
font-size:14px;
color: #FFC0C0;
background:url(../images/icon.gif) no-repeat left top;
text-indent:30px;
}  
.box_gray a, .box_gray a:visited {
color:#FFFFFF;
text-decoration:none
}
.box_gray a:hover {
color: #FFFF00;
}

.box_black {
 margin: 0px 0px 10px 0px;
 padding: 5px 5px 10px 5px;
 background:#000;
 color:#FFFFFF
 } 
.box_black h3 {
margin:5px 0px 10px 0px;
font-size:14px;
color: #FFC0C0;
background:url(../images/icon.gif) no-repeat left top;
text-indent:30px;
}  
.box_black a, .box_black a:visited {
color:#FFFFFF;
text-decoration:none
}
.box_black a:hover {
color: #FFFF00;
}

.box_normal {
 margin: 0px 0px 10px 0px;
 padding: 0px;
 color: #000000; 
 }  
.box_normal a, .box_normal a:visited {
color: #003399;
text-decoration:none
} 
.box_normal a:hover {
color: #CC0000;
text-decoration: underline
}
.box_normal h3 {
margin:5px 0px 10px 0px;
font-size:14px;
color:#CC0000;
background:url(../images/icon_red.gif) no-repeat left top;
text-indent:30px;
} 

.berita_agenda ul {
margin: 10px 0px 10px 0px;
}
 
.box_berita {
 float:left;
 width:300px;
 margin: 10px 0px 10px 10px;
 padding: 10px;
 background:url(../images/bg_out.jpg) no-repeat top center #F2F3E5
 }  
.box_berita a, .box_berita a:visited {
color: #003399;
text-decoration:none
}
.box_berita a:hover {
color: #CC0000;
} 
 
.box_agenda {
 float: right;
 width:300px;
 margin: 10px 10px 10px 0px;
 padding: 10px;
 background: url(../images/bg_adv.jpg) no-repeat top center #E3E3E2
 }  
.box_agenda a, .box_agenda a:visited {
color: #CC0000;
text-decoration:none
}
.box_agenda a:hover {
color: #0000FF;
}  
 
.box_copyright {
 float:left;
 width:350px;
 margin: 3px 0px 5px 10px;
 padding:5px;
 color:#FED2D2;
 }  
 
.box_bottommenu {
 float: right;
 width:480px;
 margin: 3px 10px 5px 0px;
 padding: 5px;
 color: #CC0000;
 text-align:right;
 } 
 
.slideshow {
margin: 10px 10px 10px 10px;
 padding: 0px;
 background-color:#666666
}
 
.box_other {
 margin: 10px 10px 10px 10px;
 padding: 5px;
 background-color: #666666
}

.box_red {
 margin: 0px;
 padding: 15px;
 background: url(../images/bg_gal.jpg) no-repeat top center #921A1B;
 color:#FFFFFF
 }
.box_red ul {
margin: 10px 0px 10px 0px;
} 
.box_red li {
border-bottom:1px dotted #FF0000
} 
.box_red a, .box_red a:visited {
color: #FFFF00;
text-decoration:none
}
.box_red a:hover {
color: #FFFF00;
text-decoration: underline
}
 .box_lainnya {
 margin: 0px;
 padding: 15px;
 background-color: #666666;
 color:#FFF
 }
 .box_lainnya a,.box_lainnya a:visited {
 color: #66FFFF;
 text-decoration:none;
 }
 .box_lainnya a:hover {
 color: #FFFFCC;
 text-decoration: underline;
 }
 
 .box_isi {
 margin: 0px;
 padding: 15px;
 background: url(../images/bg_left.jpg) no-repeat top center #FFF;
 color:#000;
 line-height:20px;
 }
 .box_isi h1 {
 font-size:16px;
 color:#CC0000
 }
 .box_isi a,.box_isi a:visited {
 color:#921928;
 text-decoration:none;
 }
 .box_isi a:hover {
 color: #003399;
 text-decoration: underline;
 }
 .date {
 font-size:11px;
 margin:10px 0px 10px 0px;
 color:#999999;
 }
 .tool {
float:right;
width:180px;
height:14px;
text-align:right;
}
.head{
color: #666666;
margin:0px 0px 4px 0px;
height:25px;
font-size:12px
}
.list {
padding:5px 0px 10px 0px;
border-bottom:1px dotted #C0BB8E;
}
  
/* SLIDER */
#featured{ 
	width:390px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:390px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0px 1px 10px;   
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/* SLIDER */

/* MENU */
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../images/blockactive.gif) center center repeat-x;
}
/* MENU */
.foto {
background-color:#000000;
height:80px;
}

.thumb_foto {
float:left;
margin: 3px 10px 3px 0px;
padding: 2px;
border:1px solid #DDD;
background-color:#FFFFFF
}

.detail_foto {
float:left;
margin:3px 10px 5px 0px;
border:1px solid #DDD;
padding:5px;
color: #006699;
width:302px;
border-bottom:4px solid #DDD;
}

.thumb_detail {
width:300px;
border:1px solid #000;
}

.galeri_list {
width:90px;
min-height:100px;
background-color:#000;
padding:5px;
margin:2px;
font-size:11px
}
.teksfoto {
}
.galeri_list_thumb {
border:1px solid #000;
width:80px;
}
.teksfoto2 {
}
.detail_galeri {
background-color:#000000;
color:#CCCCCC;
padding:15px;
}
.thumb_isi {
border-bottom:1px dotted #FFFFFF;
padding-bottom:5px;
margin-bottom:5px;
}
.detail_isi {
min-height:300px;
}

.banner650 {
text-align:center;
margin-top:8px;
}

.banner200 {
text-align:center;
}

.noborder {
border:none
}

/*new pagination*/
div.pagination {
	padding: 3px;
}

div.pagination a {
	padding: 1px 2px 1px 2px;
}
div.pagination a:hover, div.pagination a:active {
	color: #000;
}
div.pagination span.current {
	padding: 1px 4px 1px 4px;
}
div.pagination span.disabled {
	padding: 1px 4px 1px 4px;
}

.virtualpage {
padding:5px 0px 5px 0px;
margin:10px 0px 10px 0px;
border-bottom:1px dotted #CCC;
}

#footer a:link{
text-decoration: none;
color: #33CCFF;
}
#footer a:hover{
color: #FFF;
text-decoration:underline
}	
#footer a:visited{
color:#33CCFF;
text-decoration:none;
}