*{ margin: 0; padding: 0; }
* html body #kanan ul li,* html body #kiri ul.kiri li{ height: 1%; }
a,a:visited{ background: inherit; color: #116f6a; text-decoration: none; }
a:hover{ background: inherit; color: #ffa500; text-decoration: underline; }
body{ background: url(../images/bg.png) #ffffff repeat-x; color: #666666; font: 11px/1.7em Verdana,Tahoma,Arial,Geneva,sans-serif;	-webkit-touch-callout: none;
	-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
div .back{ margin-top: 10px; text-align: center; }
div .back a,#navbook a{ background-color: #116f6a; border: 1px solid #ffffff; color: #ffffff; padding: 5px 15px 5px 15px; }
div .back a:hover{ background-color: #116f6a; color: #ffffff; cursor: pointer; text-decoration: none; }
form{ background-color: #f3f3fa; border: 1px solid #f1f1f1; margin: 10px; padding: 5px 10px; }
h1{ font-size: 3.1em; font-weight: normal; letter-spacing: -1px; }
h1,h2,h3{ color: #444444; font-family: 'Trebuchet MS',Tahoma,Sans-serif; }
h1,h2,h3,p{ margin: 0; padding: 5px; }
h2{ color: #116f6a; font-size: 16px; }
h3{ font-size: 1.6em; font-weight: normal; }
img.float-left{ margin: 5px 10px 10px 0; }
img.float-right{ margin: 5px 0 10px 10px; }
input{ border: 1px solid #eeeeee; color: #777777; font: normal 1em Verdana,sans-serif; padding: 2px; }
input.button{ background: #116f6a url(../images/nav.jpg) repeat-x 0 0; border: 1px solid #116f6a; color: #ffffff; font: bold 12px Arial,Sans-serif; height: 24px; margin: 0; padding: 2px 3px; }
label{ display: block; font-weight: bold; margin: 5px 0; }
table tr.tbcontent,table.report tr.data{ background-color: #f3f3fa; }
table tr.tbheader{ background-color: #116f6a; color: #ffffff; text-align: center; }
table.none{ border-collapse: collapse; margin: 5px; table-layout: auto; width: 97%; }
table.none td{ border: 0; font-size: 11px; padding: 3px; vertical-align: top; }
table.report{ background: #ffffff; border-collapse: collapse; margin: 5px; table-layout: auto; width: 99%; }
table.report td{ border: 1px solid #c0c0c0; font-size: 11px; padding: 3px; vertical-align: top; }
table.report tr.head{ background-color: #116f6a; color: #ffffff; font-weight: bold; }
textarea{ border: 1px solid #eeeeee; color: #777777; display: block; font: normal 1em Verdana,sans-serif; height: 100px; padding: 2px; width: 400px; }
tr.tbcontent a{ color: #116f6a; }
ul{ list-style: none; }
ul,ol{ margin: 5px 20px; padding: 0 20px; }
.align-left{ text-align: left; }
.align-right{ text-align: right; }
.banner{ margin-bottom: 3px; text-align: center; }
.clear{ display: inline-block; }
.clear:after{ clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.currentpage{ background-color: #19a299; color: #ffffff; padding: 2px 5px 2px 5px; }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }
.float-left{ float: left; }
.float-right{ float: right; }
.gagal{ background: #ffecec url(../images/gagal.gif) no-repeat 10px; }
.headinfo { border-bottom: 1px dotted #ccc; }
.headinfo img {
}
.itemartikel { margin-bottom: 10px; }
.itemartikel a{ font-size: 15px; }
.otherlink{ margin-top: 10px; }
.otherlink a{ color: #116f6a; margin-left: 10px; }
.otherlink h3{ font: 14px/1.7em Verdana,Tahoma,Arial,Geneva,sans-serif; margin-bottom: 0; margin-top: 10px; text-decoration: underline; }
.pesan{ border: 1px solid #cccccc; margin: 20px auto; padding: 20px 10px 20px 50px; text-align: center; width: 400px; }
.post-info{ font-size: .95em; margin-left: 5px; padding-top: 0; }
.postmeta{ color: #116f6a; font-size: 12px; margin: 0; padding: 5px 0; }
.postmeta a.readmore,.postmeta .date,.postmeta a.comments{ margin: 0 10px 0 5px; }
.posttitle{ margin: 0; padding-left: 10px; }
.potongan { margin-left: 5px; }
.reply{ border-top: 1px dotted #cccccc; }
.reply,.inforeply{ font-style: italic; margin: 0; padding: 0; }
.situs{ padding-top: 5px; text-align: center; }
.sukses{ background: #f2fbf6 url(../images/sukses.gif) no-repeat 10px; }
.webinfo{ line-height: 90%; padding: 10px; }
.webinfo img{ vertical-align: text-bottom; }
.ym{ ;
text-align: center; list-style: none; margin: 0; padding: 5px; }
#content-wrap{ clear: both; margin: 0px; padding: 0;}
#footer{ background-color: #116f6a; border-top: 2px solid #ffffff; clear: both; color: #ffffff; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 10px; text-align: center; }
#footer  a{ color: #ffffff; text-decoration: none; }
#footer  a:hover{ color: #ffffff; }
#footer-bottom{ clear: both; }
#footer-columns{ color: #888888; margin: 0 auto; padding: 0; width: 950px; }
#footer-columns .box{float: left; margin-left: 10px; min-height: 160px; width: 300px;}
#footer-columns .col3-center{ margin: 0 15px; }
#footer-columns a{ color: #666666; font-weight: bold; text-decoration: none; }
#footer-columns li{ border-bottom: 1px solid #e5e5e5; }
#footer-columns li a{ background: url(../images/sarrow.png) no-repeat 3px 10px; display: block; font-weight: normal; padding: 7px 0 7px 20px; width: 96%; }
#footer-columns ul{ border-top: 1px solid #e5e5e5; list-style: none; margin: 10px 0 0 0; padding: 0; }
#footer-wrap{margin-top:10px; background-color: #fff; border-bottom: 1px dotted #ccc; clear: both; float: left; padding: 15px 0 10px 0; width: 950px; }
#footer-wrap a:hover{ color: #000000; }
#footer-wrap h2.title-blok{ background: url(../images/bgh2footer.png) no-repeat 5px; color: #116f6a; font-size: 18px; font-weight: normal; margin: 0px 0 20px 0; padding: 5px 10px 5px 35px; text-transform:capitalize;border-bottom:1px dotted #ccc; }
#fpolling{ background-color: transparent; border: none; vertical-align: bottom; }
#header-photo{ background: #ffffff; border-bottom: 1px solid #fff; border-top: 1px dotted #ccc; clear: both;}  1 
#header-photo img{ border: none; margin: 0; padding: 0; }
#kanan{ display: inline; float: right; margin: 10px 0; padding: 0; width: 250px;background-color: #116f6a; }
#kanan .box{ background-color: #fff; border-bottom: 1px solid #f4f4f4; margin: 1px 0 5px 0; padding: 0 0 5px 0; }
#kanan h2{ background: #edfef8 url(../images/bgh2.png) no-repeat 5px; border-bottom: 1px dotted #666; color: #116f6a; font: bold 14px 'Trebuchet MS',Tahoma,Sans-serif; margin-bottom: 5px; margin-left: 0; margin-top: 0; padding: 8px 5px 8px 30px; text-shadow: #fff 1px 1px; }
#kanan ul{ margin: 5px 10px 8px 8px; padding: 0; }
#kanan ul li{ border-bottom: 1px dotted #116f6a; list-style: none; margin: 0; padding: 3px; }
#kanan ul li a span,#kiri ul.kiri li a span{ color: #9f9f9f; font-family: Georgia,'Times New Roman',Times,Serif; font-style: normal; font-weight: normal; }
#kanan ul li a:link,
#kanan ul li a:visited{ color: #116f6a; font-weight: bold; padding-left: 0; text-decoration: none; }
#kanan ul li a:hover,#kiri ul.kiri li a:hover{ color: #000000; text-decoration: none; }
#kanan ul ul li,#kiri ul.kiri ul li{ background: none; }
#kanan ul ul,#kiri ul.kiri ul{ margin: 0 0 0 5px; padding: 0; }
#main{ display: inline; float: left; font-size: 12px; margin: 0 10px; padding: 0; width: 670px; }
#main .box{ margin: 10px 0; }
#main div.box img,table td,table.data{ padding: 5px; }
#main div.box p img{ border: none; }
#main h2 a{ color: #116f6a; text-decoration: none; }
#main h2.judul{ border-bottom: 1px dotted #cccccc; color: #116f6a; font: bold 18px 'Trebuchet MS',Tahoma,Sans-serif; }
#main h2.title-blok{ border-bottom: 1px dotted #116f6a; color: #116f6a; font: bold 20px 'Trebuchet MS',Tahoma,Sans-serif; letter-spacing: -1px; margin: 0; text-transform: uppercase; }
#main h3{ color: #116f6a; font: bold 14px 'Trebuchet MS',Tahoma,Sans-serif; }
#main h3.judul{ border-bottom: 1px dotted #cccccc; color: #116f6a; font: bold 20px 'Trebuchet MS',Tahoma,Sans-serif;}
#main h4.judulberita,#kanan .situs,#main .newsdate{ margin-left: 10px; }
#main h3.judulberita {
	font-size: 16px;
}
#main h3.judulberita a {
	color: #0f635e;
}
#main ul li{ list-style-image: url(../images/bullet.gif); }
#menu{ background-color: #116f6a; height: 22px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; padding-top: 5px; width: 930px;border-top:5px solid #fff;margin-bottom:5px; }
#navbook{ padding: 10px; text-align: center; }
#navbook a:hover{ background-color: #116f6a; color: #ffffff; cursor: pointer; text-decoration: none; }
#navpage{ border-top: 1px solid #116f6a; margin-bottom: 15px; margin-top: 5px; padding-top: 10px; text-align: center; }
#navpage a{ background-color: #116f6a; border-bottom: 5px solid #ffffff; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; }
#navpage a:hover{ background-color: #116f6a; color: #ffffff; }
#run-text{ background-color: #f3f3fa; border-bottom: 1px dotted #ccc; color: #116f6a; font: normal 12px "Trebuchet MS"; padding: 5px 20px; }
#wrap{ background: #fff; border-bottom:3px solid #fff;margin: 15px auto; padding: 0; width: 950px;}
p.lengkap {
	clear: left;
	text-align: right;
}
p.lengkap a {
	text-decoration: underline;
	font-size: 11px;
	nav-right:  ;
	nav-left: modal;
}fieldset{border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:5px solid #cccccc;border-bottom:5px solid #cccccc;padding:10px;width:300px;margin:0 auto}
fieldset legend{padding:3px}
form img{vertical-align:bottom}
input:focus,textarea:focus,select:focus {
	background-color: #eff4fe;
}
input:hover,textarea:hover,select:hover {
	background-color: #eff4fe;
}
form#FDownload{background-color:transparent}
select{padding:2px 0 0 0;font:12px Tahoma,Arial;border:1px solid #cccccc;width:100px;margin-bottom:5px}
select option{padding:3px;border-bottom:1px solid #e6e6e6}
.btn{background:#e3e3e3;border:1px solid #bbbbbb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;-moz-box-shadow:inset 0 0 1px 1px #f6f6f6;box-shadow:inset 0 0 1px 1px #f6f6f6;color:#333333;font:12px arial,sans-serif;line-height:1;padding:3px 10px;text-align:center;text-shadow:0 1px 0 #ffffff;margin-top:5px;margin-right:2px;min-width:80px}
.btn:hover{cursor:pointer;background-color: #d7d7d7;}
.center{text-align:center;display:block}
.pollq{text-align:center;margin-bottom:5px;margin-top:5px}
.textinput{border:1px solid #cccccc;padding:3px;margin:3px 0 3px 0;font:12px Arial}
#banner{text-align:center}
#FKontak label,label.poll{display:block}
#FS label{float:left;width:120px;font-weight:bold}
#imgcode{border: 0;padding: 0;vertical-align: bottom;}.thumbnail{padding:10px; border:0 dashed #f0ffff}
#galleriphoto{width:98%;margin:auto}
#galleriphoto .itemphoto{float:left;width:46%;padding:5px;margin:3px;text-align:center}
#galleriphoto .itemphoto .pic{width:100%;padding-top:5px;padding-bottom:5px}
#galleriphoto .itemphoto label{display:block;padding:0;color:#116f6a;margin:0;}
#galleriphoto .navgl{float:left;width:100%;display:block;text-align:left;margin-bottom:10px}
#galleriphoto .navgl .currentpage{background-color: #116f6a;text-decoration:none;color:#ffffff;padding:5px 10px;}
#galleriphoto .navgl a{text-decoration:none;color:#ffffff;background-color:#116f6a;border:1px solid #ffffff;padding:5px 10px;}
#galleriphoto .navgl a:hover{text-decoration:none;cursor:pointer;background-color:#116f6a;color:#ffffff}
#galleriphoto h3,#galleriphoto p.kembali{text-align:center}
#galleriphoto img{margin:0;padding:0;border:3px solid #ededed}
#photoframe{width:100%;margin:5px auto;text-align:center;padding:0}
#photoframe h2{margin:5px;padding:5px;background:#116f6a;color:#ffffff;font:14px "Trebuchet MS"}
#photoframe img{border:3px solid #ffffff}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1000}
#hoverNav a{outline:none}
#imageContainer{padding:10px}
#imageContainer>#hoverNav{left:0}
#imageData{padding:0 10px;color:#666666}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none}
#imageData #caption{font-weight:bold}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#ffffff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#lightbox{position:absolute;left:0;width:100%;z-index:1000;text-align:center;line-height:0}
#lightbox a img{border:none}
#lightbox img{width:auto;height:auto}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#nextLink{right:0;float:right}
#nextLink:hover,#nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat}
#outerImageContainer{position:relative;background-color:#ffffff;width:250px;height:250px;margin:0 auto}
#overlay{position:absolute;top:0;left:0;z-index:1000;width:100%;height:500px;background-color:#000000}
#prevLink{left:0;float:left}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA); display:block}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat}.ddsmoothmenu{
font: 12px Arial, Helvetica, sans-serif;
background: #236c30; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #189e96; /*background of menu items (default state)*/
color: #fff;
padding: 8px 10px;
text-decoration: none;
cursor: pointer;
border-radius: 2px;
margin-right: 1px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #189e96 !important; 
color: #ffeb42;
}

.ddsmoothmenu ul li a:hover{
background: #19a49c; /*background of menu items during onmouseover (hover state)*/
color: #ffeb42;
}
	
/* sub menus */
.ddsmoothmenu ul li ul{
position: absolute;
left: -3000px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 5px;
margin-top: 0px;;
border-top-width: 0;
border-bottom: 1px solid #127a74;
padding-left: 10px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #ccc; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}