/** {
margin:0;
padding:0;
}*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
font:.75em Verdana, Arial, Sans-Serif;
line-height:1.8em;
/*background:#BDFEA7;
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg3.jpg) #BDFEA7 repeat-x 0px 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif*/
}

p {
line-height:1.6em;
margin:0 0 1.4em 1em;
}

a {
/*color:#009316;*/
color: #009900;
text-decoration:none;
background:inherit;
}

a:hover {
color:#FF9900;
text-decoration: underline;
background:inherit;
}

/*ul {
list-style:none;
}

li {
margin-left:1em;
}*/
.kotak_tengah{
/*  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;*/
  border-top:13px solid #B8DB59;
  border-left:13px solid #B8DB59;
  border-right:3px solid #B8DB59;
  border-bottom:13px solid #B8DB59;
  background:#ffff}
  
.subcat {
margin-left:1em;
}

h1,h2,h3 {
font-weight:400;
margin:0 0 .8em;
}

h1,h2 {
color:#F74600;
font-size:2em;
background:inherit;
}

h3 {
font-size:1.3em;
color:#598400;
/*border-bottom:1px solid #ccc;
margin:1.2em 0 .5em;*/
margin: 1 0 0 0 px;
}

#wrapper {
width:990px;
background:#B8DB59;
margin:0 auto 3px;
padding:10px;
}

#header {
height:110px;
}

#logo {
float:left;
color:gray;
line-height:25px;
padding-top:10px;
}

#logo h1 {
font-size:2.4em;
letter-spacing:-1px;
margin:30px 0 0;
}

#top {
float:right;
text-align:right;
width:70%;
}

#topmenu {
height:35px;
clear:both;
margin:5px 0 -5px;
padding:10px 0 0;
}

#topmenu li {
font-size:1em;
display:inline;
}

#topmenu li a {
color:gray;
margin:0 15px;
}

#topmenu li a:hover {
color:#F74600;
}

#search {
float:right;
clear:both;
text-align:right;
border-top:1px solid #ccc;
margin:0;
padding:10px 0 0;
}

input {
vertical-align:middle;
padding:2px;
}

input.searchfield {
width:255px;
border:2px solid #ccc;
font-size:.9em;
padding:6px;
}

input.searchbutton {
border:0;
color:#fff;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}

#crumbs {
clear:both;
background:#eee;
margin:0 auto;
padding:10px;
}

#content {
padding:20px 10px;
}

#content p.subcat {
margin-left:30px;
}

#main {
width:56%;
float:left;
margin-bottom:40px;
}

#side {
width:40%;
float:right;
}

.single {
width:40%;
float:left;
padding:0 15px;
}

#footer {
clear:both;
margin-top:30px;
border-top:2px solid #eee;
}

#main input[type=button] {
border:1px solid #ccc;
color:#000;
font-size:.8em;
line-height:1.5em;
cursor:pointer;
display:block;
float:left;
background:#f9f6f2;
margin:0 .1em;
padding:.2em .8em;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
border:1px solid #E4DF94;
color:#000;
background:#FFFBC0;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.comment {
color:gray;
border-top:1px solid #ccc;
background:#F5F6F6;
margin:0 0 10px;
padding:10px;
}

.commentsbox {
color:gray;
background:#f4f4f4;
margin:0 0 10px;
padding:10px;
}

.date {
border-top:1px solid #eee;
margin:0 0 20px;
}

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:100%;
padding:0 0 0 0px;
}

.isi {
width:100%;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:0 0 0 0px;
}

.isi_berita {
FONT-FAMILY: Verdana, Arial, Tahoma ; 
/*COLOR: #fff; */
FONT-SIZE: 12px; 
}

.boxline  {
	border-left : #EAEAEA 1px solid;
	border-right : #EAEAEA 1px solid;
	border-top : #EAEAEA 1px solid;
	border-bottom : #EAEAEA 1px solid;	
}
.box  {
	border-left : silver 1px solid;
	border-top : silver 1px solid;
	border-right : silver 1px solid;
	border-bottom : silver 1px solid;
}
.tabeltop
{
	border-top : silver 1px solid;
}
.ttl  {
	font-family : verdana,arial,helvetica;
	font-size : 8pt;
	color : #0066FF;
	background-color : #0099FF;
	BACKGROUND: url(icon/bg1.gif) repeat-x 0px 0px;
	border-bottom : silver 1px solid;
	padding-top : 2px;
	padding-bottom : 2px;
}

.putih {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; }
.putih a:link{color:#FFFFFF;text-decoration:none}
.putih a:visited{color:#FFFFFF;text-decoration:none}
.putih a:active{color:#FFFFFF;text-decoration:none}
.putih a:hover{color:#FFFFFF;text-decoration:underline}

.kecil {font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#333333; }
.kecil a:link{color:#333333;text-decoration:none}
.kecil a:visited{color:#333333;text-decoration:none}
.kecil a:active{color:#333333;text-decoration:none}
.kecil a:hover{color:#333333;text-decoration:underline}

.gray {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; }
.gray a:link{color:#333333;text-decoration:none}
.gray a:visited{color:#333333;text-decoration:none}
.gray a:active{color:#333333;text-decoration:none}
.gray a:hover{color:#333333;text-decoration:underline}

.jdlberita {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#009900; }
.jdlberita a:link{color:#009900;text-decoration:none;}
.jdlberita a:visited{color:#006600;text-decoration:none}
.jdlberita a:active{color:#006600;text-decoration:underline}
.jdlberita a:hover{color:#CC0000;text-decoration:underline}

/*.isi {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }
.isi a:link{color:#0066FF;text-decoration:underline;}
.isi a:visited{color:#0066FF;text-decoration:underline}
.isi a:active{color:#0066FF;text-decoration:underline}
.isi a:hover{color:#0066FF;text-decoration:none}*/

.hijau {color: #009900;font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;}

/*.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style12 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#F4F4F4; text-align:center}
.style13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; }
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#E2E2E2; }
.style15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#E2E2E2; }
.style16 {font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#FF0000; }
.style17 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; font-weight:900  }
.style22 { font-weight:bold; font-size:12px;}*/

INPUT  {
	FONT-FAMILY : Verdana, Helvetica;
	FONT-SIZE : 10px;
	background-color : #F2FFF2;
	/*border : 1px #000000 solid;*/
	color : BLUE;
	font-weight : normal;
	
}

TEXTAREA  {
	FONT-FAMILY : Verdana, Helvetica;
	FONT-SIZE : 10px;
	border : 1px #000000 solid;
	background-color : #F2FFF2;
}

FORM  {
	FONT-FAMILY : Verdana, Helvetica;
	FONT-SIZE : 10px;
	border : none;
}

SELECT  {
	font-size : 10px;
	border : 1px #000000 solid;
	background-color : #F2FFF2;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-color: #0000FF;
	border-style: solid;
	padding: 0; 
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px 
	
	} 
.popupwindow {
	background-color : #FFFFFF; }
	
/* ////////////////////////////kotak menu*/	

.kotak_menu{
list-style-type: none;
padding: 0;
margin-bottom: 9px;
	border: 1px solid #99CC00;	
	width: 100%;
	BACKGROUND: url(http://www.dpukaltim.org/v2/themes/v3/images/kanan3.jpg) #fff no-repeat 0px 28px;
}

.kotak_menu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(themes2/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.kotak_menu ul{
list-style-type: none;
margin: 0;
padding: 10px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.kotak_menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.kotak_menu ul li a{
color: #486A00;
font-weight: bold;

background: url(http://www.dpukaltim.org/v2/icon/arrow_red.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-size: 110%;
border-bottom: 1px #ccc dotted;
}

.kotak_menu ul li a:visited{
color: #486A00;
}

.kotak_menu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #99CC33;
}

/* ////////////////////////////box berita*/
.kotak_berita_jdl{
padding: 3px 10px 1px 10px;
/*border-left: 1px solid #99CC00;
border-right: 1px solid #99CC00;
border-top: 1px solid #99CC00;*/
border-bottom: 4px solid #006600;
TEXT-TRANSFORM: uppercase; 
FONT-FAMILY: Arial, Tahoma, Verdana; 
COLOR: #fff; 
font:.75em ;
FONT-SIZE: 16px; 
FONT-WEIGHT: bold;
background: #598400;
/*BACKGROUND: url(berita/bg_hijau.jpg);*/

}
.kotak_berita_tengah{
	border: 1px solid #b8b8b8;
	width: 99%;
	background-color: #b8b8b8;
}

.kotak_berita{
border-left: 1px solid #99CC00;
border-right: 1px solid #99CC00;
border-bottom: 1px solid #99CC00;
BACKGROUND: url(http://www.dpukaltim.org/v2/berita/bg_hijau2.jpg);
padding: 15px 10px 10px 10px;
}


.kotak_berita ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.kotak_berita ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.kotak_berita ul li a{
/*
background: url(berita/icon1.gif) no-repeat center left; custom bullet list image
padding: 4px 0;*/
font-weight: bold;
color: #598400;
display: block;
padding-left: 17px; /*link text is indented 19px*/
text-decoration: none;

/*border-bottom: 1px #dadada dotted;*/
border-bottom: 1px #dadada dashed;
font-size: 100%;
}

.kotak_berita ul li a:visited{
color: #486A00;
}

.kotak_berita ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #99CC33;
}

.time {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #ff6600; FONT-SIZE: 9px; PADDING-TOP: 0px
}

/*///////////////////////////////////////////////////////box picture*/
.img-shadow {
  /*float:left;*/
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: 6px 9px 0px -6px;
  padding: 2px;
  } 	
.img-shadow1 {  /*float:left;*/
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

/*/////////////////////////*/
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 99%;
}

.curlycontainer .innerdiv_4{
background: transparent url(http://www.dpukaltim.org/v2/themes/v3/media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 19px 5px;
}


.curlycontainer ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.curlycontainer ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.curlycontainer ul li a{
/*
background: url(berita/icon1.gif) no-repeat center left; custom bullet list image
padding: 4px 0;*/
font-weight: bold;
color: #598400;
display: block;
padding-left: 14px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px #dadada dotted;
font-size: 100%;
}

.curlycontainer ul li a:visited{
color: #486A00;
}

.curlycontainer ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #99CC33;
}

/*//////////////////////bgg*/
.bgg a:link{COLOR: #ffe3cc;PADDING-LEFT: 5px; PADDING-RIGHT: 5px; TEXT-DECORATION: none;padding-left:5px; padding-right:5px;}
.bgg a:visited{color:#ffe3cc;text-decoration:none;padding-left:5px; padding-right:5px;}
.bgg a:active{color:#ffe3cc;text-decoration:none;padding-left:5px; padding-right:5px;}
.bgg a:hover{BACKGROUND: #ffe3cc; COLOR: #000; TEXT-DECORATION: none; padding-left:5px; padding-right:5px;}

/*///////////////////////////////tab jdl*/
.tabjdl{
width: 100%;
overflow: hidden;
/*border-bottom: 1px solid blue; bottom horizontal line that runs beneath tabs*/
background-color : #517DBF;

}

.tabjdl ul{
margin: 0;
padding: 0;
padding-left: 150px; /*offset of tabs relative to browser left edge*/
font: bold 11px Verdana;
list-style-type: none;

}

.tabjdl li{
display: inline;
margin: 0px;
}

.tabjdl li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 8px; /*padding inside each tab*/
border-right: 1px solid #282828; /*right divider between tabs*/
color: #00FFFF;
background: #517DBF; /*background of tabs (default state)*/
}

.tabjdl li a:visited{
color: #00FFFF;
}

.tabjdl li a:hover, .tabjdl li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
COLOR: #FF9900;
}