body {
    margin-top: 5px;
	margin-bottom:5px;
    margin-left: 0px;
	margin-right: 0px;
	background-color:#04DECE;
	COLOR: #333333;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    FONT-SIZE:11px;
    background-image:url(images/bg-bgr.jpg);
	background-repeat:repeat-x; 
/* background-image:url(images/bg-bgr2.jpg);
	background-repeat:repeat-x; */ 
}


/* Grup ID DIV  */
/* id Header */
#page-container {
	padding: 0;
	width: 850px;
	margin: auto;
	background-color: #02A89C;
}

#head-top0 {
	position:relative;
	width: 850px;
	height:20px;
	float:left;
	background-image:url(images/topheader.jpg);
	background-repeat:no-repeat;
	z-index:999999999;
}

#head-top1 {
	clear:both;
	width: 850px;
	height:198px;
	float:left;
	background-color:#91EEE4;
/*	background-image:url(images/header.jpg);
	background-repeat:no-repeat; */
}

#head-top0 .info{
margin-left:626px;
z-index:1; position:absolute; top:16px; left:0px;
font-style:normal;
}

#head-top0 .bahasa{
margin-left:630px;
z-index:1; position:absolute; top:190px; left:105px;
font-style:normal;
}
/* id listbar */

#listbar {
	clear:both;
	width: 850px;
	height:42px;
	float:left;
	background-image:url(images/listmenu.jpg);
	background-repeat:repeat-x;
}

#listbar .padding{
	padding-left:5px;
	padding-right:10px;
}

.ip {
	margin-left:11px;
	margin-top:10px;
	float:left;
	width:308px;
}

.cari {
	margin-top:10px;
	float:right;
}

/* teks konten */

#welcome {
	margin-top:10px;
	width: 600px;
	height:28px;
	float:left;
	COLOR: #007169;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE:15px;
	font-weight:bold;
	text-align:center;
}

#welcomemember {
	margin-top:10px;
	width: 600px;
	height:60px;
	float:left;
	COLOR: #007169;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE:15px;
	font-weight:bold;
	text-align:center;
}


/* id navigasi */

#menu {
	padding-left:3px;
	clear:both;
	width: 850px;
	height:42px;
	float:left;
	background-image:url(images/listmenu.jpg);
	background-repeat:repeat-x;
}

.headnavi {
	float:left;
	background-image:url(images/navigationhead.jpg);
	background-repeat:no-repeat;
	width:208px;
	height:42px;
}

/* id badan */

#badandepan {
	width: 850px;
	height:1100px;
	margin: auto;
	background-color:#DDF4F3;
	clear:left;	
}

#badandepan .padding{
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	
}

#badandepan-isi {
	padding:0px;
	vertical-align:top;
	margin-left:0px;
	width: 600px;
	height:100%;
	float:left;
	background:#DDF4F3;
}

#badan {
	width: 850px;
	height:100%;
	margin: auto;
	background-color:#DDF4F3;
	clear:left;	
}

#badan .padding{
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	
}

#badan-isi {
	padding:0px;
	vertical-align:top;
	margin-left:0px;
	width: 600px;
	height:100%;
	float:left;
	background:#DDF4F3;
}

#box-left {
	width: 208px;
	height:auto;
	float:left;
}

#box-right {
	width: 632px;
	height:auto;
	float:left;
}

#box-page {
	width: 612px;
	height:auto;
	float:left;
	background-color:#ffffff;
	margin-bottom:20px;
	COLOR: #333333;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    FONT-SIZE:12px;
}

#box-page .padingisi{
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:40px;	
}

#box-page .padingisi a:hover{
text-decoration:underline;
color:#007169;
}

#box-page .padingisical{
margin-top:50px;
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:40px;	
}

#box-page .padingnetwork{
padding-top:1px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;	
}

#box-right .jedakiri{
padding-left:4px;
}

#box-right .jedakiri2{
padding-left:10px;
padding-right:10px;
}

#box-center {
vertical-align:top;
	width: 426px;
	float:left;
}

#box-center .padding1{
padding:16px;
}

#box-right-co {
	margin-bottom:3px;
	width: 202px;
	height:43px;
	float:left;
	background-image:url(images/headcompover.jpg);
	background-color:#ffffff;	
}

#isi-right-co {
	border:1px #60E2D8 solid;
	padding:14px;
	width: 172px;
	height:214px;
	float:left;
	background-image:url(images/bg-box.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
}

#box-left-glossary {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-glossary.jpg);
}

#box-left-newslist {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-newslist.jpg);
}

#box-left-infobgr {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-infolist.jpg);
}

#box-left-presslist {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-presslist.jpg);
}

#box-left-articleslist {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-articleslist.jpg);
}

#isi-left-newslist {
	clear:left;
	border:1px #60E2D8 solid;
	margin-right:0px;
	margin-bottom:0px;
	padding:14px;
	width: 177px;
	float:left;
	background-image:url(images/bg-box.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
}


#isi-left-glossary {
	clear:left;
	border:1px #60E2D8 solid;
	margin-right:0px;
	margin-bottom:0px;
	padding:14px;
	width: 177px;
	float:left;
	background-color:#FFFFFF;	
}

#isi-left-currency {
	clear:left;
	border:1px #60E2D8 solid;
	margin-right:0px;
	margin-bottom:0px;
	padding:10px;
	width: 185px;
	float:left;
	background-color:#FFFFFF;	
}

#isibox-left {
	clear:left;
	border:1px #60E2D8 solid;
	margin-right:0px;
	margin-bottom:0px;
	padding:14px;
	width: 177px;
	float:left;
	background-image:url(images/bg-box.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
}

#box-left-certificate {
	clear:left;
	border:1px #60E2D8 solid;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 205px;
	height:131px;
	float:left;
	background-image:url(images/certificate.gif);
	background-color:#ffffff;	
}

#box-left-headoffice {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-headoffice.jpg);
	background-color:#ffffff;	
}

#box-left-poll {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-poll.jpg);
	background-color:#ffffff;	
}

#box-headoffice {
	clear:left;
	margin-top:6px;
	margin-right:5px;
	margin-bottom:3px;
	padding:16px;
	width: 300px;
	float:left;
	background-color:#F7EB95;	
}

#box-left-currency {
	clear:left;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:3px;
	width: 207px;
	height:43px;
	float:left;
	background-image:url(images/im-currency.jpg);
	background-color:#ffffff;	
}


#box-right-full {
	margin-top:5px;
	margin-bottom:5px;
	width: 628px;
	height:88px;
	background:#AFF6F2;
	float:left;
}

#box-right-full2 {
	margin-top:5px;
	width: 628px;
	float:left;
}

#box-right-full2 {
	margin-top:5px;
	width: 628px;
	float:left;
}


#leftside_image {
	float: left;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 6px;
	border: 1px solid #cccccc;
}

#leftside_imageboc {
	float: left;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 6px;
	background-image:url(images/fotocanvas.gif);
	background-repeat:no-repeat;
	width:182px;
	height:182px;
}

img.fotoboc {
	float: left;
	margin-left: 22px;
	margin-top: 16px;
}

/*  id form */

fieldset {  
	border:1px #DDF4F3 solid;
	margin: 1.5em 0 0 0;  
	padding: 0; 
} 

legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold; 
} 

fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
} 

fieldset li {  
	padding-bottom: 1em; 
} 

fieldset.submit {  
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border-style: none; 
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    FONT-SIZE:12px;
	background-color:#CCCCCC;
}

label {  
	float: left;  
	width: 10em;  
	margin-right: 1em; 
}

INPUT.formulir {
	border:1px #0BCFC1 solid;
	background-color:#ffffff;
	COLOR: #333333;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:11px;
}

SELECT.formulir {
	border:1px #0BCFC1 solid;
	background-color:#ffffff;
	COLOR: #333333;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:11px;
}


INPUT.submitted {
	border:1px #0BCFC1 solid;
	background-color:#007069;
	COLOR: #ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:11px;
}

TEXTAREA.formulir {
	border:1px #0BCFC1 solid;
	background-color:#ffffff;
	COLOR: #333333;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:12px;
}

/* Nav List CSS */

ul#navlist
{
width: 100%;
\width: 100%;
w\idth: 100%;
padding: 0px;
border: 1px solid #eeeeee;
border-top: 0px;
margin: 0px;
background: #eeeeee;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
FONT-SIZE:11px;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #eeeeee;
}

ul#navlist li a
{
display: block;
width: 100%;
\width: 100%;
w\idth: 562px;
padding: 4px 8px 4px 8px;
border: 0px;
color:#333333;
border-left: 1px solid #eeeeee;
background: #ffffff;
text-decoration: none;
text-align: left;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #F8BA41;
color: #007169;
background: #DDF4F3;
}

/* id paging */

#paging{  
    padding:5px;  
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size:11px;  
    color:#333333;  
    font-weight:bold;  
}  
  
#paging a{  
    padding:4px 7px 4px 7px;  
    margin:0px 2px 0px 2px;  
    border:1px solid #FF9900;  
    background:#FFFFFF;  
    color:#FF9900;  
    text-decoration:none;  
}  
  
#paging a:hover{  
    border:1px solid #FF9900;  
    background:#FF9900;  
    color:#FFFFFF;  
    text-decoration:none;  
}  


/* id accessories */

SPAN.merah {
	COLOR: #CE000C;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:12px;
	font-weight:bold;
}

#footer {
	clear:both;
	padding: 16px;
	width: 818px;
	margin: auto;
	text-align:center;
	COLOR: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:10px;
	background-color:#2ABBAE;
}

ol.steps {
	margin: 0px 0px;
	padding: 0 0 0 21px; /*--Distance between the order numbers--*/
}
ol.steps li {
	margin-left: 0px;
	margin-bottom: 10px;
       /*--The bevel look is styled with various colors in the border properties below--*/
}

ul.newslist {
	margin: 0px 0px;
	list-style-type: none;
	padding: 0 0; /*--Distance between the order numbers--*/
}
ul.newslist li {
	margin-left: 0px;
	margin-bottom: 8px;
       /*--The bevel look is styled with various colors in the border properties below--*/
}

ul.newslist li a{
text-decoration:underline;
color:#333333;
}

ul.newslist li a:hover{
text-decoration:underline;
color:#007169;
}
/* TABLE dan TD */

TABLE.cur {
border-left:1px #D4DEDF solid;
border-top:1px #D4DEDF solid;
}

TD.newstab {
padding-top:10px;
padding-bottom:10px;
border-bottom:1px #dddddd dotted;
}

TD.newstab a{
color:#333333;
text-decoration:none;
}

TD.newstab a:hover{
color:#006E65;
text-decoration:underline;
}

TD.isitab {
padding-left:16px;
padding-right:16px;
padding-top:12px;
padding-bottom:16px;
text-align:left;
background-color:#ffffff;
}

TD.kurstitle {
padding: 4px;
border-bottom:1px #D4DEDF solid;
border-right:1px #D4DEDF solid;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

TABLE.boc {
border-left:1px #DDF4F3 solid;
border-top:1px #DDF4F3 solid;
margin-bottom:3px;
}

TD.boc {
padding :10px;
border-bottom:1px #D4DEDF solid;
border-right:1px #D4DEDF solid;
color: #333333;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size:11px;
}

TABLE.othernews {
background-color:#eeeeee;
}

TD.kurs {
padding :2px;
border-bottom:1px #D4DEDF solid;
border-right:1px #D4DEDF solid;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

TD.arsipatas {
padding :10px;
color: #00726A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

TD.arsipbawah {
padding :10px;
}

TD.arsip2 {
	vertical-align:top;
	padding :5px;
	color: #333333;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:11px;
	font-style:normal;
}

TD.arsip2 a{
	color: #333333;
	text-decoration:underline;
	font-style:normal;
}

TD.adres {
padding-left:30px;
padding-top:8px;
padding-bottom:8px;
padding-right:5px;
COLOR: #333333;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
FONT-SIZE:14px;
}

TD.adres2 {
background-color:#ffffff;
padding-left:31px;
padding-top:8px;
padding-bottom:8px;
padding-right:5px;
COLOR: #333333;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
FONT-SIZE:12px;
}

TD.adres3 {
vertical-align:top;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-right:5px;
width:50%;
}

TD.adres2 a{
COLOR: #333333;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
FONT-SIZE:12px;
text-decoration:underline;
}

TD.kontak {
padding:0px;
color:#333333;
}

TD.kontak a{
color:#333333;
text-decoration:underline;
}

TD.spasi{
height:5px;
}

.judul {
	color: #006E65;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	FONT-SIZE:12px;
	font-weight:bold;
}

.tanggal {
font-size:11px;
font-style:normal;
color:#990000;
}
/*******************added by va*************************/

#btn-page {
   border:0px solid #999;	
   background-color: #DDD;
   font-weight:bold;
   color: #666; 
   outline:none;
   width:17px;
   font-size:10px;
} 

#btn-page:hover {
   background-color: #f7eb95;	
}

#btn-page-selected {
   border:0px solid #999;	
   background-color: #f7eb95;
   font-weight:bold;
   color: #666; 
   outline:none;
   width:17px;
   font-size:10px;
} 

#gloss-text {
   font-size: 18px;	
}

.logText {
   width: 150px;
   border: 1px solid #0BCFC1;
   padding-left: 5px;
   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.textInput {
   width: 150px;
   border: 1px solid #000;
   padding-left: 5px;
   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.box-login {
   border: 1px solid #05D5C7;
   height: 150px;
   background: url(images/listmenu.jpg) repeat-x;
}

.btnLog { 
   border: 1px solid #05D5C7;
   width:66px;
   color:#ffffff;
   background:#007069;
}

.btnSubmit { 
   outline:none;
   border: 1px solid #000;
   background: url(images/submit.png);
   width:66px;
}

a  {
   text-decoration:none;
   color: #000; 
}

.errField {
  font-family:verdana; 
  font-size:9px; 
  color: #FF0000;
}
 
.title-font {
  font-size: 12px;	
  color: #DDF4F3;
}
.title-font a{
  color: #DDF4F3;
}
.news-link {
  font-size: 11px;	
}
.date-font {
  background-color: #333333;
  font-size: 10px;	
}
.space {
  height: 5px;
}
.borderNews { 
  text-align: center;	
}
a.news-link:link {
  color: #000;
}
a.news-link:visited {
  color: #000;
}
.tr_judul {
  font-weight : bold;
  text-align : center;
  background : #007069;
}
.tr_terang {
  text-align : center;
  background : #FFF;
}
.tabel_data {
  background : #000;
  color: #DDF4F3;
}

#menu-member {
  font-size: 10px;
  COLOR: #007169;
  padding-bottom:10px;
  
}

#menu-member a {
  font-size: 10px;
  COLOR: #007169;
  text-decoration:none;
}

#menu-member a:hover { 
  COLOR: #000;
}

/*******************added by va*************************/