body {
			font: "Trebuchet MS", Arial, Helvetica, sans-serif;
			background: url(img1.jpg) #000000 ;
			margin: 0;
		        font-size: 11px;
}
		
		.accessaid, h1 {
			position: absolute;
			height: 0;
			overflow: hidden;
		}
		
		#header {
			background:  url(ku1.png) no-repeat;
			height: 230px;
		}
		
                #header h3 {
                            
                    margin: 0 0 0 550px;
                    font-weight: bold;
                    color:red;
                    
                    }
                 
                 
		#navigation {
			position: absolute;
			top: 100px;
			left: 0;
			width: 225px;
			color: white;
		}
		
                #navigation h6 {
                       color:black;
                       margin: 0 0 0 2.5em;
                       font-size:8pt;
                       
                 }
                
                 #navigation h6 a
                 { color:red;}
		
		#contentlogin {
			background: #FFF url(white.jpg) 250px 0 repeat-y;
			background: #FFF url(white.jpg) repeat-y;
			xpadding: 0px 1em 2em 1em;
			padding: 0px 20px 1em 0px;
			border-left: 250px solid #FFF;
                        font: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size: 11px;
                        color:black;
                }
                
                #contentlogin img {
			width: 120px;
			height: 150px;
			padding: 1px;
			border: 0px solid #333;
			float: left;
			margin: 0 0 0em 1em;
		}
		
                #contentlogin p {
                    font-size:10pt;
                    margin:0px auto;
                    }
                    
                .geser {
                    
                    margin: -30px 0 0 9em;
                    }
		
		#content {
			background: #FFF url(white.jpg) 250px 0 repeat-y;
			background: #FFF url(white.jpg) repeat-y;
			xpadding: 1px 1em 2em 1em;
			padding: 1px 20px 1em 40px;
			border-left: 250px solid #FFF;
                        font: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size: 11px;
                        color:black;
                }
                
                #content2 {
			background: #FFF url(white.jpg) 250px 0 repeat-y;
			background: #FFF url(white.jpg) repeat-y;
			xpadding: 1px 1em 2em 1em;
			padding: 1px 20px 1em 40px;
			border-left: 5px solid #FFF;
                        font: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size: 11px;
                        color:black;
                }
		
		h2 {
			font-size: 1.5em;
			color: #036;
		}
		
		h3 {
			font-size: 1.25em;
			color: #036;
		}
		
                #content p {
                    font-size:10pt;
                    margin:0px auto;
                    }
                 
		
		                 
                 
                 
                 #container {
			position: relative;
			width: 925px; /* width + border for IE 5.x */
			width: 925px; /* real width */
			border: solid #0a561a;
			border-width: 3px 3px 3px 3px;
			margin:  auto;
		}
               
                #footer {
			
			height: 65px;
                        background: url(footer.png) no-repeat;
                        
                        
		}
		
                #footer * {
                    color:red;
                    font-style: inherit;
                    font-weight: bold;
                }
                
		#footer p {
			margin: 0 0 0 480px;
                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size:12px;
		}
                 
                 
     /*-------------border hitam*/
 .dialog {
 width:250px;
 margin:150px 0 0 20px;
 min-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:1.05em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.dialog p a{
    color:red;
}

.dialog form p a{
    color:red;
}

html>body .dialog pre {
 font-size:1.1em;
}

/*selesai border*/



#content h3  
            {
			width: 0em;
			height: 0em;
			padding: 0em;
			float: left;
			margin: 1em 0 0 0;
                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size: 8pt;
}

#content h4  
            {
			width: 0em;
			height: 0em;
			padding: 0em;
			float: left;
			margin: 12em 0 0 0em;
                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size: 10pt;
}

 

 .spil
            {
			
			margin: 0em 0 0 38em;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-size: 8pt;
                        font-weight: bold;
                        
}

/*kotakan tracking*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 35em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: green; 
	font-weight: bold; 
	font-size: 1.3em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}



.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
         color:black;
}                                     

/*selesai kotakan*/





.sideboxcontact {
	margin: 0 auto; /* center for now */
	width: 45em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 110%;
}
                                   



/*menu*/

/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:right;
      width:100%;
      background:#0a561a;
      font-size:9pt;
      line-height:normal;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      margin:13.50em 0 0 0;
}
    #tabsH ul {
	  margin:0;
	  padding:10px 10px 0 550px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
      
      /*table*/
.bentuk-table
{
  padding: 0 0 0 0;
  margin: 15em 0 0 0;
  border-collapse: collapse;
  border: 2px solid #254117;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000;
  background: #C3FDB8 top left repeat-x;
}



.bentuk-table td
{
  border: 1px dotted #1f1c1c;
  padding: 0.15em;
  text-align: left;
  color: #000000;
  
}

.bentuk-table th{
 color: #000;
  background-color:#4AA02C;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;}





.bentuk-table tr.alt th, .bentuk-table tr.alt td
{
  color: #0000FF;
  font-size: 11px;
  
}

.bentuk-table2
{
  padding: 0 0 0 0;
  /*margin: 15em 0 0 0;*/
  border-collapse: collapse;
  border: 2px solid #254117;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000;
  background: #C3FDB8 top left repeat-x;
}



.bentuk-table2 td
{
  border: 1px dotted #1f1c1c;
  padding: 0.15em;
  color: #000000;
  
}

.bentuk-table2 th{
 color: #000;
  background-color:#4AA02C;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;}





.bentuk-table2 tr.alt th, .bentuk-table tr.alt td
{
  color: #0000FF;
  font-size: 11px;
  
}


img.percentImage {
 background: white url(percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}