body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color: #999;
  background-color: #333;
	line-height: 140%;
	margin: 0 auto;
	text-align: center;
}
a, a:link, a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #fff;
	font-weight:bold;
  text-decoration: none;
}
p {
	margin: 10px 0;
}

ul, ol {
	margin: 0 24px;
}

h1, h3 {
	line-height: 110%;
	margin: 10px 0;
}

h1, h2 {
   /*font-family:  Helvetica, Georgia, "Times New Roman", Times, serif;*/
   /*font-weight: bold;*/
}

h1 {
   font-size: 1.8em;
	/*font-size: 24px;*/
	color: #075A8C;
	margin-bottom: 6px;
}
h1.news-title{
   color: #000;
   font-size: 1.6em;
}
h2 {
   font-size: 1.3em;
   line-height: 110%;
   margin: 10px 0 0 0;
   font-family: "trebuchet MS", helvetica, sans-serif;
   letter-spacing: -0.5px;
}

.logo {
	padding:5px;
	text-align:center;
	float:left;
}

.kontak {
	width:60px;
	padding: 5px;
	margin:10px;
	text-align: center;
  border: 1px solid #BAB8B8;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
  clear:both;
}



.slidenav {
    position: relative;
    
}
.slidenav a {
    color: #aaaaaa;
    text-decoration: none;
    background: #075A8C top left no-repeat;
}
.slidenav ul {
	line-height: 145% !important;
	margin: 0 10px;
	padding: 0;

}
.slidenav ul, .slidenav ul li {
    list-style: none;
}
.slidenav ul li a:link, .slidenav ul li a:visited {
    color: #fff;
    text-decoration: none;
}
.slidenav ul li a.active {
    color: #fff;
    background: #9e2e45;
}
.slidenav ul li a.extra {
    color: #fff;
    background: #2E75BC top left no-repeat;
}
.slidenav ul li a:hover {
    color: #fff;
    background: #D34328;
}

.slidenav-box {
    height: 28px;
    list-style: none;
}

.slidenav ul a {
    display: block;
	font-weight: bold;
	color: #fff;
	padding: 6px 8px;
}

.slidenav ul li {
  float: left;
	list-style: none;
	margin: 0 1px 0 0;
	padding: 0;
}

.slidenav ul li ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    padding: 0 12px;
}
.slidenav ul li:hover ul {
    display: block;
}
.slidenav form {
		float:left;
    text-align: left;
    padding-top:2px;
    padding-left:10px;
    border: 1px solid #BAB8B8;
  -moz-border-radius: 5px; -webkit-border-radius: 3px;
}

.slidenav input.txt {
    width: 130px;
    font-size: 12px;
    margin-bottom:2px;
    
}
.slidenav input.btn {
  color:#050; 
  font: bold 85% ; 
  background-color:#fed; 
  margin-top:2px;
  margin-right: 5px;
  border: 1px solid #BAB8B8;
  height: 20px;
}

.gcBackground1 { 
	background-color: #3f3f3f; 
	text-align: center;
  border: 1px solid #BAB8B8;
  border-radius:8px;
  -moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	
  
}

.tophead {
	border-bottom:1px solid #BAB8B8;
	padding:5px 10px 5px 0;
	margin-bottom:5px;
	color:#fff;
	font-weight:bold;
}

.gsPages span { font-size:95%; padding: 0 0.3em; }
.gsPages span.active { color:#ffc }

.fotoketerangan {
	text-align: center;
	font-weight:normal;
	color: #FFF;
	padding: 0 5px 2px 5px;
}
.fotojudul {
	font-weight:bold;
	color: #fff;
	font-size:1.0em;
}
.fotodate {
	font-size: 10px;
	color: #83A97A;
}
.galeri {
	width:124px;
	height:90px;
	padding:3px 2px 3px 2px;
	border: 1px solid #83A97A;
	margin:auto;
	background-color:#FFF;
}

.galeridetail {
	width:454px;
	height:304px;
	padding:3px 2px 3px 2px;
	border: 1px solid #83A97A;
	margin:2px auto;
	background-color:#FFF;
	
}

.detailcerita {
	width:300px;
	padding:3px 2px 3px 2px;
	border: 1px solid #83A97A;
	margin:2px auto;
	background-color:#333;
	text-align:left;
}

.fotodesc {
	width:440px;
	padding:3px 2px 3px 2px;
	margin:auto;
	background-color:#555;
}

.tabcontent{
display:none;
}
.tabcontent a{
   color: #D43C00;
}
.tabcontent a:hover {
  color: #8A3311;
}

.slidemenu{
font: bold 11px verdana;
margin-bottom:10px;
text-align:center;
}

.slidemenu ul{
margin: 0 0 0 25px;
margin: 0;
float: right;
}

.slidemenu ul li{
display: inline;
}

.slidemenu ul li a{
float: left;
color: black; /*text color*/
padding: 4px 6px;
text-decoration: none;
border: 1px solid #D06065;
margin-right:2px;
background: #F0F0F0;
}

.slidemenu ul li a:visited {
color: #000;
}

.slidemenu ul li a:hover {
background: #CCC;
}

.slidemenu ul li .selected {
color: white !important;
padding-top: 6px; 
padding: 4px 6px;
background: #003366 center center repeat-x;
border: 1px solid #003366;

}

.slidemenu ul li a.selected {
color: white !important;
padding-top: 6px; 
padding: 4px 6px;
background: #003366 center center repeat-x;
border: 1px solid #003366;

}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none;}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px;height:300px;overflow:hidden;}
#image img {position:absolute; z-index:25; width:auto;height:300px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../UserFiles/img/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../UserFiles/img/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(../UserFiles/img/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../UserFiles/img/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../UserFiles/img/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img { cursor:pointer; border:1px solid #666; padding:2px; height:70px; margin:auto;}