/* Layout Stylesheet */ 
body{
 background: #fff url(images/bg.gif) repeat-x left top;
 font: 12px Verdana, helvetica, sans-serif;
 color: #6e6a12;
 line-height: 130%;
 margin:0px;
 padding:0px;
}

/* Presentation Stylesheet */ 
a:active {color: #0083ba; text-decoration: none;background-color: inherit;}
a:link {color: #0083ba; text-decoration: none;background-color: inherit;}
a:visited {color: #0083ba; text-decoration: none;background-color: inherit;}
a:hover {color: #ff0000 ;text-decoration: none;background-color: inherit;}
a img { border: 0; }

#top-col {
  color: inherit;
  height: 110px;
  padding-left: 20px;
}

/* Menu atas */
#colortabs{
 margin-left: 220px;
 padding: 0;
 height: 20px;
 background: transparent;
 voice-family: inherit;
}

#colortabs ul{
 font: bold 11px Arial, Verdana, sans-serif;
 margin:0;
 padding:0;
 list-style:none;
}

#colortabs li{
 display:inline;
 margin:0 2px 0 0;
 padding:0;
 text-transform:uppercase;
}

#colortabs a{
 float:left;
 color: white;
 background-color: #8B9000;
 margin:0 2px 0 0;
 padding:0 0 1px 3px;
 text-decoration:none;
 letter-spacing: 1px;
}

#colortabs a span{
 float:left;
 display:block;
 padding:4px 9px 2px 6px;
}

#colortabs a span{
 float:none;
}

#colortabs a:hover{
 color: white;
 background-color: #6e6a12;
}

#colortabs a:hover span{
 color: white;
 background-color: #6e6a12;
}

#colortabs #current a, #colortabs #current span{ /*currently selected tab*/
 color: white;
 background-color: #6e6a12;
}

/*\*/
*html #left-col {
 margin-top: 20px;
 }
 /**/

#left-col {
 position: absolute;
 top: 140px;
 left: 20px;
 width: 180px;
 margin: 0px;
 padding: 0px;
}

/* left menu */
#left-menu {
  margin-bottom: 10px;
}

#left-menu h1 {
	font: bold 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
}

#left-menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#left-menu ul li {
margin: 0px;
padding: 0px;
}
#left-menu ul li a {
font-size: 11px;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 3px 0px 2px 3px;
text-decoration: none;
color: #666666;
background-color: inherit;
width:180px;
}

#left-menu ul li a:hover, #left-menu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

#center-col {
 position: relative;
 margin: 0px 160px 1em 220px;
 background: #ffffff;
 color: #333333;
 padding: 10px 10px 20px 10px;
 z-index: 12;
 border: 1px solid #b8b8b8;
 min-height: 900px;
}

/*\*/
*html #center-col {
 padding-top: 20px;
 height: 900px;
 }
 /**/

#center-col h1 {
color: #6e6a12;;
}

#center-col h1 a {
color: #ff0000;
background-color: inherit;
text-decoration: none;
}

#center-col h1 a:hover {
color: #418fa5;
background-color: inherit;
}

#center-col h1 {
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	clear: left;
}

#center-col h3 {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#center-col p {
	clear: left;
}

.limiter {
  font-size: 11px;
  margin: 0px 0px 15px 0px;
  padding: 10px 0px 5px 0px;
  border-bottom: 1px dashed #C39C4E;
}

.story {
 padding-top: 10px;
}

/*
.story ol, .story ul {
 margin-top:0;
 margin-bottom:0;
 padding-top: 0;
 padding-bottom: 0;
}

.story ol li, .story ul li {
 margin:0;
 padding: 3px;
}
*/

.cont-page {
  font-size: 11px;
}

#data-notes {
	font-size:11px;
	margin: 10px 5px 5px 5px;
	padding: 5px;
	border: 1px dashed #c39c4e;
	background: #f2e4c3;
}

#prevnext {
 text-align: center;
}

#data-comment {
	margin: 5px;
	padding: 10px;
	border: 1px dashed #c39c4e;
	background: #f2e4c3;
}

#data-comment h2 {
	font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.categunder ul {
padding:5px;
margin: 0 0 10px 0;
float: left;
width: 54em;
list-style: none;
}

.categunder ul li {
float: left;
width: 18em;
margin: 0;
padding: 0;
font-size:11px;
font-weight:bold;
}

.listdata {
list-style: none;
margin: 0px;
padding: 0px;
}
.listdata li {
list-style: none;
margin: 2px;
padding: 0px;
width: 100%;
}

.listdata li a {
padding: 2px;
display: block;
}

.listdata li a:hover {
 color: white;
 background-color: #b3aa4d;
}

.lista a {
 background-color: #e3e69e;
}

.smallred {
	 font: normal 10px Arial, Verdana, sans-serif;
	 color: #ff0000;
}

#right-col {
 position: absolute;
 top: 160px;
 right: 20px;
 width: 120px;
 margin: 0px;
 padding: 0px;
 z-index: 1;
}

.kesalahan {
 padding:2px 2px 2px 50px;
 margin:5px;
 background: #ffee00;
 color:#ff0000;
 border: 1px dashed #C39C4E;
}

.kesalahan h3 {
 padding: 0px;
 margin: 0px;
}

.kesalahan ul {
 padding: 0px;
 margin: 0px;
 list-style:square;
}

#footer {
 padding:15px 0 20px 0;
 text-align:center;
 color: #000000;
 font-size: 11px;
}