*{
	margin: 0;
	padding: 0;
}
body{
	background:url(../images/bg.png) #fff;
	color: #666666;
	font: 13px Verdana,Tahoma,Arial,Geneva,sans-serif;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
#wrap {
	margin: 20px auto;
	width: 950px;
	box-shadow: 3px 3px 3px #ccc;
	border: 1px solid #ccc;
	background-color: #fff;
}
#footer {
	clear: both;
	padding: 10px;
	text-align: center;
	font: 12px "Trebuchet MS";
	background-color: #3071e7;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#header-photo {
	border-bottom: 1px solid #ccc;
}
#menu {
	background-color: #3071e7;
	border: 1px solid #ccc;
	float: left;
	width: 950px;
}
#slider {
	width: 620px;
	height: 300px;
}
#kanan {
	float: right;
	width: 240px;
	padding: 20px;
}
#main {
	float: left;
	padding: 20px;
	width: 630px;
	min-height: 300px;
}
#main form {
	padding: 10px;
}
#main form label {
	float: left;
	width: 130px;
}
#main a {
	color: #000153;
}
h2.title-blok,h2.judul {
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #00016a;
	text-shadow: 1px 1px #ccc;
}
#navbook{ padding: 10px; text-align: center; }
#navbook a:hover{ background-color: #00016a; color: #ffffff; cursor: pointer; text-decoration: none; }
#navpage{ border-top: 1px solid #00016a; margin-bottom: 15px; margin-top: 5px; padding-top: 10px; text-align: center; }
#navpage a{ background-color: #00016a; border-bottom: 5px solid #ffffff; color: #ffffff; padding: 2px 5px 2px 5px; text-decoration: none; }
#navpage a:hover{ background-color: #00016a; color: #ffffff; }
.otherlink{ margin-top: 10px; }
.otherlink a{ color: #00016a; 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: #00016a; 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; }
.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;}
p { margin:10px 0; }
#main ol ,#main ul{
	margin-left:20px;
}
#main .box img {
	margin:5px;
	border-radius:15px;
}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: gray; /*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: #3071e7; /*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: #4c85ea !important; 
}

.ddsmoothmenu ul li a:hover{
background: #4c85ea; /*background of menu items during onmouseover (hover state)*/
}
	
/* 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 dotted #fff;
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;
}