@import 'default.css';
@import 'content.css';
@import 'slider.css';

html { overflow: auto; }	/* Fixes IE7 vertical scrollbar always showing bug! */

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Calibri;
	font-size: 12px;
	color: #666666;
}

a {
	color: #0077dd;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/** HEADER */

#header{
	width: 85%;
	height: 135px;
	background: #DFE2F3;
	margin: 0px auto;
}

.header-left{
	width: 77%;
	height: 135px;
	background: #971213 url(../img/peta-indonesia.png) no-repeat right;
}

.header-bkks{
	width: 77%;
	height: 135px;
	background: #0063AF url(../img/peta-indonesia.png) no-repeat right;
}

.header-dbkks{
	width: 77%;
	height: 135px;
	background: #0063AF url(../img/peta-indonesia.png) no-repeat right;
}
.header-dpkp{
	width: 77%;
	height: 135px;
	background: #006666 url(../img/peta-indonesia.png) no-repeat right;
}

.header-bpp{
	width: 77%;
	height: 135px;
	background: #003300 url(../img/peta-indonesia.png) no-repeat right;
}

#gedung{
	float: right;
	position: relative;
	width: 195px;
	color: #fff;
}

#gedung a{
	color: #fff;
}

#gedung p{
	float:right;
	position: relative;
	top: 5px;
	padding-right: 15px;
}

#gedung img{
	float:right;
	position: relative;
	top: 4px;
}

.header-right{
	width: 22%;
	padding-left:4px;
	height: 135px;
	background: #01356F;
}

#logo{
	float: left;
	margin-right: 20px;
}

#logo img { border: 0px; }

#sitename{
	position: relative;
	float: left;
	top: 50px;
	color: #fff;
}

#sitename .headsite{
	display: block;
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
}

#alamat{
	position: absolute;
	top: 88px;
	left: 18%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.header-right #login{
	margin-left: 5px;
	margin-right: 5px;
	min-height: 112px;
	color: #fff;
	background: url(../img/bg_login.jpg) repeat-x;
}

/* Menu header */
#topmenu{
	position: absolute;
	top: 8px;
	left: 29%;
}

#topmenu ul {
	list-style: none;    /* removes list marker */
	padding: 0px;
	margin: 0px;
}

#topmenu ul li{
	display: inline;
	padding-left: 10px;
}

#topmenu a:link, #topmenu a:visited{
	color: #fff;
	text-decoration: none;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#topmenu a:active, #topmenu a:hover {
	color: #032BF2;
	text-decoration: underline;
}

/** MENU */

#menu {
	width: 100%;
	margin: 0px auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float: left;
	list-style: none;
}

#menu a {
	background: url(../img/img04.gif) no-repeat right 50%;
	padding: 0 5px 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	color: #971213;
	display: block;
}

#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}

#menu li ul
{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	min-width: 100px;
}

#menu li ul li
{	float: none;
	display: inline
}

#menu li ul li a
{
	background: Maroon;
	color: White
}

#menu li ul li a:hover
{	background: Yellow;
 	color: #24313C;
}

.button {
	color:#000000;
	background:#FFCC00;
	border:#FF9900 1px solid;
	text-transform:uppercase;
	margin: 4px;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}

.button2 {
	color:#fff;
	background:#01578B;
	border:#fff 1px solid;
	margin: 4px;
	text-decoration: none;
	padding: 2px;
}

/** CONTENT */

#content {
	width: 85%;
	min-height:35em;
	margin: 0px auto;
	clear:both;
	margin-bottom: 5px;
}

#top-navigation{
	padding-top: 5px;
	width: 100%;
	height: 25px;
	background: #DFE2F3;
}

.top-left{
	width: 77%;
	height: 25px;
	background: #F1F2F7;
}

.top-right{
	width: 22%;
	height: 25px;
	padding-left:4px;
	background: #C7CCE0;
}

#left-column {
	float: left;
	width: 20%;
	padding-top: 5px;
}

#left-column h3 {
	border-bottom: 1px dashed #EEEEEE;
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}

#center-column {
	float: left;
	width: 54%;
	padding-left: 10px;
}

#right-column {
	float: right;
	width: 22%;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 5px;
	border-left: 1px dashed #EEEEEE;
	background: #f1f2f7;
}

.sidebar h2 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	font-size: 12pt;
	font-weight: bold;
}

#navigation ul {
	list-style: none;
}

.photo {
	float: left;
	list-style:none;
}

.titlemenu{
	clear: both;
	width: 100%;
	height:auto;
	padding:0px;
	margin-bottom: 5px;
}

.titlemenu #left{
	float: left;
}

/* style for title */
.titlemenu #title{
	background: #971213;
	height:25px;
	width: 90%;
	float: left;
	text-align: center;
	font: bold 1.1em "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

/* style for title berita */
.titlemenu #title-berita{
	background: #1174B9;
	height:27px;
	width: 90%;
	float: left;
	text-align: center;
	font: bold 1.1em "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

/* style for title */
.titlemenu #title-rekening{
	background: #F3E73F;
	margin-top: 1px;
	height:27px;
	width: 90%;
	float: left;
	text-align: center;
	font: bold 1.1em "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.titlemenu #right{
	float: left;
}

.titlemenu #isi, .titlemenu #berita{
	float: left;
	width: 93%;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 3px;
	text-align: justify;
}

.titlemenu #berita a{
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed blue;
}

.bg-link{
	font-size: 8px;
}

.titlemenu #isi img{
	float: left;
	margin: 4px;
}

.titlemenu #sertifikat{
	float:left;
	width: 93%;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.titlemenu #sertifikat img{
	padding: 4px;
	width: 95%;
}

.titlemenu #rekening{
	float:left;
	text-align: left;
	padding: 5px;
	width: 93%;
	margin-top: 2px;
	margin-bottom: 5px;
	font-size: 8pt;
	font-weight: bold;
}

.titlemenu #rekening img{
	float: left;
	margin: 3px;
	border-bottom: 1px dashed #000;
}

.clear{
	clear: both;
}

/** FOOTER */

#footer {
	clear: both;
	width: 85%;
	margin: 5px auto;
	text-align: center;
 	background: #971213;
}

.color_one{
	color: #ff6600;
}
.color_two {
	color: #c7c6c6;
}


ul.tree, ul.tree ul {
	list-style-type: none;
	background: url(../img/vline.png) repeat-y; margin: 0; padding: 0;
}

ul.tree ul {
	margin-left: 10px;
}

ul.tree li {
	margin: 0;
	padding: 0 12px;
	line-height: 20px;
	background: url(../img/node.png) no-repeat;
	color: #369; font-weight: bold;
}


ul.tree li:last-child { background: #fff url(../img/lastnode.png) no-repeat; }

/**Untuk image slide show home **/
#banners
{
   	width:98%;
    height:32v0px;
    border:2px solid #cccccc;
	margin-left: 10px;
	background: #E2E2E2
}

#banners div
{
    width:100%;
    height: 270px;
    display:none;
    margin-left:10px;
	margin-right: 10px;
	margin-top: 10px;
}

#banners #banner1
{
    display:block;
}

#banners img
{
	width: 96%;
	height: 80%;
}


#banners div span
{
		float:right;
        width:80%;
        position:relative;
        display:block;
        top:0px;
        line-height:1.5em;
        left:10px;
        font-size:1em;
		color: #0E0E0E;
        opacity:0.7;//standard
        filter:alpha(opacity=50);//internet explorer
        -moz-opacity:.50;//older firefox versions
}

#banners ul
{
    width: 23%;
    margin:0px;
}

#banners ul li
{
        display:inline;
        width:10px;
}

#banners ul li a
{
        text-decoration:none;
        line-height:2.5em;
        margin: 0 5px 0 5px;
        color:#0E0E0E;
        height:25px;
        font-weight:bold;
}

#banners ul li a:hover
{
        background:#fff;
        color:#0063DC;
}

/* Line style */
.line{
	border-bottom: solid 1px #a4a4a4;
	margin: 3px;
}

/* lastest article */
#lastest{
	margin: 0px;
	padding: 0px;
	width:100%;
	font-size:12px;
}

#lastest_article{
	width: 46%;
	float: left;
	margin: 4px;
	padding: 3px;
	
}

#lastest_yatim{
	width: 46%;
	position: relative;
	float: left;
	margin: 4px;
	padding: 3px;
}

#lastest_koperasi{
	width: 46%;
	position: relative;
	float: left;
	clear: left;
	margin: 4px;
	padding: 3px;
}

#lastest_sdm{
	width: 46%;
	position: relative;
	float: left;
	margin: 4px;
	padding: 3px;
}

.title_article{
	font: Calibri;
	display: block;
	font-size:14px;
	font-weight:bold;
}

/* image lastest article style */
.img-flush-home {
	margin: 0 5px 0px 0px;
	border: 3px solid #ffffff;
	width: 220px;
	height: 120px;
}

/* PAGINATION */
.pagination a, .pagination span.current {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #eee;
	border:1px solid #666;
	display:inline-block;
	font-weight: bold;
	font-size: 8px;
	margin-right:0.5em;
	padding:0 0.6em;
}
.pagination a {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: grey;
	color: #fff;
	text-decoration:none;
}

.pagination a:hover {
	background-color:#eee;
	color: #222;
	text-decoration:none !important;
}