body {
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	background-image:url(images/bg.jpg);
	text-align: center;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	scrollbar-face-color: #A2DFC5;
	scrollbar-highlight-color: #E2F5ED;
	scrollbar-shadow-color: #A2DFC5;
	scrollbar-arrow-color: #EE0000;
	scrollbar-base-color: #A2DFC5;
	scrollbar-3d-light-color: #A2DFC5;
	scrollbar-dark-shadow-color: #000000;
}

p{ margin:0; padding:0;}

hr {
	border: none;
	border-bottom: 1px solid #CCC;
	height: 0px; 
}

#header {
	width: 778px;
	font-family: tahoma;
	font-size: 15px;
	color: #000066;
	background-color: #ffffff;
	text-align: center;
	margin: auto;
	padding: 0px;
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 0px solid #FFF;
	clear: both;
}

html>body #header {
	width: 778px;
}

.topnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

.topnav a{
	color:#00579a;
	font-weight:none;
}

.topnav a:hover{
	color:#CC0000;
	text-decoration:underline;
	font-weight:none;
}

#menuid {
	width: 778px;
	height:27px;
	font-family: tahoma;
	font-size: 15px;
	color: #000066;
	background-color: #ffffff;
	margin: auto;
	padding: 0px;
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 0px solid #FFF;
	clear: both;
}

html>body #menuid {
	width: 778px;
}

#content {
	width: 778px;
	font-family: tahoma;
	font-size: 15px;
	color: #000066;
	background-color: #ffffff;
	margin: auto;
	padding: 0px;
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 0px solid #FFF;
	clear: both;
}

html>body #content {
	width: 778px;
}

#banner_ads {
	width: 778px;
	font-family: tahoma;
	font-size: 15px;
	color: #000066;
	background-color: #ffffff;
	margin: auto;
	padding: 0px;
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 0px solid #FFF;
	clear: both;
}

html>body #banner_ads {
	width: 778px;
}

#footer {
	width: 778px;
	font-family: tahoma;
	font-size: 15px;
	color: #000066;
	background-color: #ffffff;
	margin: auto;
	padding: 0px;
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 0px solid #FFF;
	clear: both;
}

html>body #footer {
	width: 778px;
}

#kiri {
  font: 12px arial, Helvetica, sans-serif;
  margin : 10px 10px 10px 10px;
  font-weight: bold;
}

#contentbox {
  margin : 2px 5px 5px 5px;

}

#contentjudul {
  margin : 0px 5px 0px 5px;
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  background-color:#ACB743;
}

#contentdetail {
  margin : 0px 5px 0px 5px;
  padding: 5px 5px 5px 5px;
  border : 1px solid #E0E0E0;
  background-color:#FFF;
}

#pageview {
  font: 12px arial, Helvetica, sans-serif;
  margin : 8px 10px 10px 10px;
  font-weight: bold;
  
}

#pojok {
  font: 12px arial, Helvetica, sans-serif;
  margin : 8px 10px 10px 10px;
  font-weight: bold;
}

.tanggalhome {
    font: 11px arial, Helvetica, sans-serif;
	color: #950000;
    font-weight:normal;
	text-transform:uppercase;
}

.tanggal {
    font: 11px arial, Helvetica, sans-serif;
	color: #FFF;
    font-weight:bold;
}

.tanggal a {
    font: 12px arial, Helvetica, sans-serif;
	color: #FFF;

    text-decoration:none;
}

.tanggal a:hover{
    font: 12px arial, Helvetica, sans-serif;
	color: #99CC33;

    text-decoration:none;
}

.atas {
    font: 13px arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
}

.atas a{
    font: 13px arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
}

.atas a:hover{
    font: 13px arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
}

.titlepage {
    font: 13px arial, Helvetica, sans-serif;
	color: #99CC33;
	text-align: center;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom:5px;
}

.menu {
    font: 12px arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	text-transform:uppercase;
}

.menu a{
    font: 12px arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	text-transform:uppercase;
}

.menu a:hover{
    font: 12px arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #9F0000;
	text-decoration:none;
	text-transform:uppercase;
}

.menu a:active{
    font: 12px arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #9F0000;
	text-decoration:none;
	text-transform:uppercase;
}

.head {
    font: 15px arial, Helvetica, sans-serif;
	color: #9F0000;
	font-weight:bold;
	text-transform:uppercase;
}

.head a{
    font: 15px arial, Helvetica, sans-serif;
	color: #9F0000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	text-transform:uppercase;
}

.head a:hover{
    font: 15px arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
}

.subhead {
    font: 12px arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	
}

.subhead a{
    font: 12px arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
}

.subhead a:hover{
    font: 12px arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	text-decoration:none;
	
}

.menukiri {
    font: 12px arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
}

.menukiri a{
    font: 12px arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

.menukiri a:hover{
    font: 12px arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
}

.content {
   font: 12px arial, Helvetica, sans-serif;
   color: #000;
   text-align: left;
}

.pojok {
   font: 11px arial, Helvetica, sans-serif;
   color: #000;
}

.pojok a{
   font: 12px arial, Helvetica, sans-serif;
   color: #000;
   text-decoration:none;
   font-weight:bold;
}

.pojok a:hover{
   font: 12px arial, Helvetica, sans-serif;
   color: #950000;
   text-decoration:underline;
   font-weight:bold;
}

.update {
   font: 11px arial, Helvetica, sans-serif;
   color: #333;
}

.update a {
   font: 11px arial, Helvetica, sans-serif;
   color: #666;
   text-decoration:none;
}

.update a:hover{
   font: 11px arial, Helvetica, sans-serif;
   color: #950000;
   text-decoration:none;
}

.contentview {
   font: 11px arial, Helvetica, sans-serif;
   color: #FFF;
   text-align: left;
}

.contentview a{
   font: 11px arial, Helvetica, sans-serif;
   color: #FFF;
   text-align: left;
   text-decoration: none;
}

.contentview a:hover{
   font: 11px arial, Helvetica, sans-serif;
   color: #ACB743;
   text-align: left;
   text-decoration: none;
}

.halview {
   font: 11px arial, Helvetica, sans-serif;
   color: #950000;
   text-align: left;
   font-weight:bold;
}

.tamuview {
   font: 11px arial, Helvetica, sans-serif;
   color: #000;
   text-align: left;
}

.tamuview a{
   font: 11px arial, Helvetica, sans-serif;
   color: #000;
   text-align: left;
   text-decoration: none;
}

.tamuview a:hover{
   font: 11px arial, Helvetica, sans-serif;
   color: #950000;
   text-align: left;
   text-decoration: underline;
}

.judul {
   font: 15px arial, Helvetica, sans-serif;
   color: #990000;
   font-weight:bold;
   text-align: left;
}

.judul a{
   font: 15px arial, Helvetica, sans-serif;
   color: #990000;
   font-weight:bold;
   text-align: left;
   text-decoration:none;
}

.judul a:hover{
   font: 15px arial, Helvetica, sans-serif;
   color: #ACB743;
   font-weight:bold;
   text-align: left;
   text-decoration:none;
}

.lain {
   font: 12px arial, Helvetica, sans-serif;
   color: #FFF;
   font-weight:bold;
   text-align: left;
}

.lain a{
   font: 12px arial, Helvetica, sans-serif;
   color: #FFF;
   font-weight:bold;
   text-align: left;
   text-decoration:none;
}

.lain a:hover{
   font: 12px arial, Helvetica, sans-serif;
   color: #ACB743;
   font-weight:bold;
   text-align: left;
   text-decoration:none;
}

.inputbox {
  font: 12px arial, Helvetica, sans-serif;
  border           : 1px solid #999999;
  background-color : #EDEDED;
  color			   : #800001;
}

.button {
  font-family      : tahoma;
  font-size        : 11px;
  color            : #ffffff;
  border           : 1px solid #999999;
  font-weight:bold;
  background-color : #800001;
  padding          : 1px;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url(images/bg.jpg);
visibility: hidden;
z-index: 100;

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }
#tooltip b {font:bold 1.2em arial; color: #950000; *letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#000;}
#tooltipx { background-color:#950000; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

.ewTableHeader {
	background-color: #CECECE; /* header color */
	color: #950000; /* header font color */	
	
}

.ewTableHeader a:link {	
	color: #FFFFFF; /* header font color */	
}

.ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */	
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F5F5F5; /* alt row color 2 */	
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #D8D3FE; /* highlight color */
}

.page a{
  border : 1px solid #ACB743;
  background-color:#FFFFFF;
  margin: 1px 1px 1px 1px;
  padding:3px 3px 3px 3px;
  color:#950000;
  font: 11px arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
}

.page a:hover{
  border : 1px solid #ACB743;
  background-color:#FFFFFF;
  margin: 1px 1px 1px 1px;
  padding:3px 3px 3px 3px;
  color:#000;
  font: 11px arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
}