body {
 margin-top:5px;
 margin-left:0px;
 margin-bottom:5px;
 margin-right:0px;

 background-color : #2e5c8a;

color : #000000;
FONT-SIZE: 8px; 
FONT-FAMILY: verdana, tahoma, Arial, helvetica, sans-serif;
}

A:link    {text-decoration: underline; font-size:12; color: #2e5c8a;}
A:visited {text-decoration: underline; font-size:12; color: #2e5c8a;}
A:active  {text-decoration: underline; font-size:12; color: #2e5c8a;}
A:hover   {text-decoration: underline; font-weight:none; font-size:12; color: #ffd200;}

.menu1:link    {text-decoration: none; font-size:12; color: #004488;}
.menu1:visited {text-decoration: none; font-size:12; color: #004488;}
.menu1:active  {text-decoration: none; font-size:12; color: #004488;}
.menu1:hover   {text-decoration: underline; font-weight:none; font-size:12; color: #9ca9ba;}

.menu2:link    {text-decoration: none; font-size:10; color: #004488;}
.menu2:visited {text-decoration: none; font-size:10; color: #004488;}
.menu2:active  {text-decoration: none; font-size:10; color: #004488;}
.menu2:hover   {text-decoration: underline; font-weight:none; font-size:10; color: #9ca9ba;}


input.teks {background-color:white;
       border-style:solid;
       border-width:0.1em;
       border-color:#2e5c8a;
       padding-left:5px;
       FONT-SIZE: 11px; 
       FONT-FAMILY: verdana, tahoma, Arial, helvetica, sans-serif;
       color:#000000}

input.tombol {
       height: 22px;
       border:0.1em solid #2e5c8a; 
       background:url('images/tombol.gif'); 
       font-weight:none;
       FONT-SIZE: 12px; 
       FONT-FAMILY: verdana, tahoma, Arial, helvetica, sans-serif;
       color:#ffffff}

hr { height:1px; color:#bbbbbb; }

p {
color : #222222;
TEXT-ALIGN: justify;
FONT-SIZE: 12px;
margin-top: 0; 
margin-left: 7; 
margin-bottom: 3;
MARGIN-right: 7px;
FONT-FAMILY: verdana, Arial, sans-serif;
}


.img {
      border: 1px solid #bbbbbb;
      padding : 5px;
      background : #ffffff;  
     }


.gre {
color : #bbbbbb;
TEXT-ALIGN: center;
FONT-SIZE: 10px; 
FONT-FAMILY: helvetica, verdana, Arial, sans-serif;
}

.judul {
color:#2e5c8a;
font-weight:none;
MARGIN-TOP: 0px; 
MARGIN-bottom: 3px; 
MARGIN-right: 7px; 
MARGIN-left: 7px; 
FONT-SIZE: 17px; 
FONT-FAMILY: verdana, Arial;
}

.judul1 {
color:#000000;
font-weight:none;
text-decoration: underline;
MARGIN-TOP: 0px; 
MARGIN-bottom: 0px; 
MARGIN-right: 7px; 
MARGIN-left: 0px; 
FONT-SIZE: 22px; 
FONT-FAMILY: verdana, Arial, helvetica;
}


.judulmodul {
color:#2e5c8a;
text-decoration: none;
font-weight:none;
MARGIN-TOP: 0px; 
MARGIN-bottom: 3px; 
MARGIN-right: 7px; 
MARGIN-left: 7px; 
FONT-SIZE: 21px; 
FONT-FAMILY: verdana, Arial, helvetica;
}


.isimodul {
color:#333333;
MARGIN-TOP: 2px; 
MARGIN-bottom: 2px; 
MARGIN-right: 2px; 
MARGIN-left: 2px; 
FONT-SIZE: 12px; 
FONT-FAMILY: verdana, Arial;
TEXT-ALIGN: left;
}

.waktu {
TEXT-ALIGN: right;
color:#004488;
FONT-SIZE: 10px;
FONT-FAMILY: verdana, Arial, sans-serif;
font-weight:none;
}

.copyright {
color:#555555;
TEXT-ALIGN: center;
FONT-SIZE: 10px;
FONT-FAMILY: verdana, Arial, sans-serif;
}

table {
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 spacing-cell : 0px;
 FONT-SIZE: 12px;
 FONT-FAMILY: verdana, Arial, helvetica, sans-serif;
 background-color: #ffffff;
}


.tabel {
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 background-color: #ffffff;
  width:800px;
}

.tabel1 {
 margin-top:0px;
 background-color: #ffffff;
 BORDER-left: #dddddd 0.01em solid;
 BORDER-top: #dddddd 0.01em solid;
 BORDER-right: #dddddd 0.01em solid;
 BORDER-bottom: #dddddd 0.01em solid;
}


.konten {
 padding-cell : 25;
}


.garisbatas {
background-color: #bbbbbb;
height: 1px;
}


.blockfooter {
background-color: #dddddd;
}


.tableheader {
 TEXT-ALIGN: center;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 width:100%;
}


.menuheader {
TEXT-ALIGN: center;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: verdana;
}


.menufooter {
TEXT-ALIGN: center;
color:#000000;
FONT-SIZE: 10px;
FONT-FAMILY: verdana;
}


.2a {
background-color: #ffffff;
TEXT-ALIGN: left;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: verdana, helvetica, sans-serif;
}

.2b {
background-color: #ffffff;
TEXT-ALIGN: left;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: verdana, helvetica, sans-serif;
 width:700px;
}

.2c {
background-color: #ffffff;
TEXT-ALIGN: left;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: verdana, helvetica, sans-serif;
 width: 100px;
}


.judultabel {
background-color: #ffcc00;
font-weight:bold;
TEXT-ALIGN: center;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: helvetica, sans-serif;
}

.bgen {
background-color: #eeeeee;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, helvetica, sans-serif;
}

.bgan {
background-color: #dddddd;
color:#000000;
FONT-SIZE: 11px;
FONT-FAMILY: Arial, helvetica, sans-serif;
}


#mainmenu {
width:90%;

background: #ffffff;
border-top : 0.1em solid #dddddd;
}


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

#mainmenu ul li{
float:down;
}

#mainmenu ul li a{
float:down;
margin-left:0px;
color:#333333;
FONT-SIZE: 12px;
TEXT-ALIGN: left;
border-bottom : 0.1em solid #dddddd;
text-decoration:none;
padding:5px;
display:block;
}

#mainmenu ul li a:hover{
text-decoration:none;
background-color:#ffd200;
color:#000000;
}


#headermenu {
width:100%;
height:30px;
background: #ffffff;
border: 1px solid #ffffff;
}

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

#headermenu ul li{
float:left;
}

#headermenu ul li a{
float:left;
color:#333333;
FONT-SIZE: 12px;
TEXT-ALIGN: center;
border-right : 0px solid #ffffff;
text-decoration:none;
padding:8px;
display:block;
}

#headermenu ul li a:hover{
text-decoration:none;
background-color:#ffd200;
color:#000000;
}


#footermenu {
width:100%;
height:10px;
background-color:#dddddd;
}

#footermenu ul {
padding:0;
margin:0;
list-style:none;
background-color:#dddddd;
}

#footermenu ul li{
float:left;
background-color:#dddddd;
}

#footermenu ul li a{
float:left;
color:#333333;
FONT-SIZE: 10px;
TEXT-ALIGN: center;
text-decoration:none;
padding:5px;
display:block;
background-color:#dddddd;
}

#footermenu ul li a:hover{
text-decoration:underline;
background-color:#dddddd;
}


div.paging {
  padding:2px;
  margin:2px;
  text-align:center;
  text-decoration:none;
}

div.paging a {
  padding:2px 6px;
  margin-right:2px;
  border: 1px solid #dddddd;
  text-decoration:none;
  color: 004488;
  background-position:bottom;
  font-weight:bold;
}

div.paging a:hover {
  border : 1px solid #aaaaaa;
  color: #004488;
  text-decoration:none;
  font-weight:bold;
}


div.paging span.current {
  padding:2px 6px;
  margin-right:2px;
  color: #aaaaaa;
  border: 1px solid #dddddd;
  font-weight:bold;
  text-decoration:none;
}

div.paging span.disabled {
  border:1px solid #dddddd;
  padding:2px 6px;
  margin-right:2px;
  color: #bbbbbb;
  font-weight:bold;
  text-decoration:none;
}

div.paging span.prevnext {
  font-weight:bold;
  text-decoration:none;
}

div.paging span.prevnext a {
  border:1px solid #dddddd;
  color:#004488;
  text-decoration:none;
}

div.paging span.prevnext a:hover {
  border:1px solid #aaaaaa;
  color:#004488;
  text-decoration:none;
}