body {background: #339966}

@media all and (min-width: 1000px) 
{ #container
   {
	padding:1em 1em 2em 1em; 
	margin: auto;
	background:#ffffff;
	width:85%; 

   }
}

@media all and (min-width: 750px)  and (max-width: 1000px) 
{ #container
   {
	padding:1em 2em 2em 1em; 
	margin: auto;
	background:#ffffff;
	width:98%; 

   }
}


@media all and (max-width: 750px) 
{ #container 
   {
	padding:1em 1em 1em 1em; 
	margin: auto;
	background:#ffffff;
	width:90%; 

   }
}


@media all and (min-width: 750px)
{ #header 
   {
        background: #cccc66; 
	width:97%; 
        height:200px;
        margin: 0 auto; 
        padding: 1.3%;
    } 
}  

@media all and (max-width: 750px)
{ #header 
   {
        background: #ffffff; 
        margin: 0 auto; 
   } 
}  

@media all and (min-width: 750px)
{ #iklan1 
   {
	width:97%; 
        margin: 0 auto; 
        padding: 1.3%;
    } 
}  

@media all and (max-width: 750px)
{ #iklan1 
   {
        display: none;
   } 
}  


@media all and (min-width: 750px)
{ #iklan2 
   {
        display: none;
    } 
}  

@media all and (max-width: 750px)
{ #iklan2 
   {
        background: #ffffff; 
        margin: 0 auto; 
   } 
}  

@media all and (min-width: 750px)
{ #iklan3 
   {
	width:97%; 
        margin: 0 auto; 
        padding: 1.3%;
    } 
}  

@media all and (max-width: 750px)
{ #iklan3 
   {
        display: none;
   } 
}  

@media all and (max-width: 750px)
{ #iklan4 
   {
	width:97%; 
        margin: 0 auto; 
        padding: 1.3%;
    } 
}  

@media all and (min-width: 750px)
{ #iklan4 
   {
        display: none;
   } 
}  


#contact 
   {
        width: 97%;
        padding: 1.3%;
        text-align: center;  
        color:#ffffff;
        background: #900000;
        font-size: 1.0em;
        font-family: verdana;   
        margin: 0 auto;    
   } 
   
#sehari 
   {
        width: 97%;
        padding: 1.3%;
        text-align: center;  
        color:#000099;
        background: #ffffff;
        font-size: 1.0em;
        font-family: verdana;   
        margin: 0 auto;    
   } 
 
#footnote
   {
        width: 100%;
        padding: 1.3%;
   } 
 
@media all and (min-width: 750px)
{ #linkmenu 
   {
        background: #ffffff; 
        float: left; 
        width: 32%;
   
   } 
} 


@media all and (max-width: 750px)
{ #linkmenu 
   {
        background: #ffffff; 
        width: 100%;
   } 
}   



@media all and (min-width: 750px)
{ #linkmenu2 
   {
        display: none; 
   } 
}  

@media all and (max-width: 750px)
{ #link2kiri
   {
        float: left; 
        width: 40%;
   } 
}  

@media all and (max-width: 750px)
{ #link2kanan
   {
        float: right; 
        width: 60%;
   } 
}   



@media all and (min-width: 750px)
{ #linkmenu1 
   {
        background-image: none; 
        background: #ffffff; 
        width: 90%;
   } 
} 

@media all and (min-width: 750px)
{ #cartadaftar
   {
        background-image: none; 
        background: #ffffff; 
        width: auto;
	float:left;
   } 
}  

@media all and (min-width: 750px)
{ #dokumen
   {
	max-width: 30%;
        width: auto;
	float:left;
	margin: auto;
   } 
}  

@media all and (min-width: 750px)
{ #maintitle
   {
	max-width: 50%;
        width: auto;
	float:right;
	padding: 0em 4em;
   } 
} 

@media all and (max-width: 750px)
{ #maintitle
   {
	width: 90%;
        margin: auto;
   } 
} 

@media all and (max-width: 750px)
{ #dokumen
   {
	display: none;
   } 
}  



img
{
    max-width:100%;
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width: 750px)
{ #linkmenu1
   {
        display: none; 
   } 
} 

@media all and (max-width: 750px)
{ #cartadaftar
   {
	display:none;
   } 
} 

@media all and (max-width: 750px)
{ #linkmenu2
   {
        background:#ffffff;
        display:block;
        color:#000099;
   } 
} 

@media all and (min-width: 800px)
{.jakim
{
float:right;
border:2px solid #a1a1a1;
padding:5px 30px; 
background:#dddddd;
width:58%;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
}

@media all and (max-width: 1000px)
{ .jtop
   {
        display: none;
   } 
}  



@media all and (max-width: 750px)
{ #processpic
   {
        display: none; 
   } 
} 

@media all and (min-width: 750px)
{ #processpic
   {
        background-color: #ffffff; 
   } 
} 

.pengumuman {border-style: solid; }

.thumbnail {
    float: left;
    width: 90px;
    height: 120px;
    margin: 5px;
}

.text-line {
    clear: both;
}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}#tinycontent {background:#fff}.button {font:11px Arial; margin-bottom:5px; padding:0px 0px 0px; border:0px solid #fff; background:#fff; cursor:pointer}.button:hover {border:0px solid #000; background:#fff}
.button {font:11px Arial; margin-bottom:5px; padding:0px 0px 0px; border:0px solid #fff; background:#fff; cursor:pointer}
.button:hover {border:0px solid #000; background:#fff}

@media all and (max-width: 750px)
{ #topright
   {
        width:100%; 
   } 
} 

@media all and (min-width: 750px)
{ #topright 
   {
        background-image: none; 
        float: right; 
        width: 68%;
        border:2px solid #a1a1a1;
        padding:5px 30px; 
        background:#dddddd;
   } 
}   

@media all and (min-width: 750px)
{ #botleft 
   {
        background-image: none; 
        background: #ffffff; 
        float: left; 
        width: 45%;
        padding: 0.5em;
   } 
}   

@media all and (min-width: 750px)
{ #botright 
   {
        background-image: none; 
        background: #ffffff; 
        float: right; 
        width: 45%;
        padding: 0.5em;
   } 
}  

@media all and (min-width: 750px)
    { .countries { width: 100%;
          -webkit-column-count: 4; /* Chrome, Safari, Opera */
          -moz-column-count: 4; /* Firefox */
           column-count: 4;
           background-color: #ffffff; 
    }
}

@media all and (max-width: 750px)
    { .countries { width: 100%;
          -webkit-column-count: 2; /* Chrome, Safari, Opera */
          -moz-column-count: 2; /* Firefox */
           column-count: 2;
           background-color: #ffffff; 
    }
}  

.visa {font-size: 1.0em;
   font-family: palatino;
   text-align: justify;

 } 

@media all and (min-width: 750px)
    { #bottext { width: 100%;
          -webkit-column-count: 2; /* Chrome, Safari, Opera */
          -moz-column-count: 2; /* Firefox */
           column-count: 2;
           background-color: #ffffff; 
    }
}

@media all and (max-width: 750px)
{ #bottext
   {
        background-image: none; 
        background: #ffffff; 
        width: 100%;

   } 
}   

@media all and (max-width: 750px)
{ #botright 
   {
        background-image: none; 
        background-color: #ffffff; 
        width: 100%;
   } 
}  

@media all and (min-width: 750px)
{ #botmenu 
   {
	display:none;
   } 
}  

@media all and (max-width: 750px)
{ #botmenu 
   {
        background-image: none; 
        background-color: #ffffff; 
        width: 100%;
   } 
}  



#chartadaftar

   {
        background-image: none; 
        background-color: #ffffff; 
        width: 100%;
        float:left;
   } 
  
#copyright
   {  
        width: 97.5%;
        padding: 0 1.3%;
        background: #990000;
        margin: auto;

   }

p {font-size: 1.2em;
   font-family: palatino;
   text-align: justify;

 }

p.header {font-size: 1.0em;
   font-family: palatino;
   text-align: center;
   color: #0000ff;
 }

p.intro {font-size: 1.2em;
   font-family: palatino;
   text-align: justify;
   color: #990000;
 }

p.footer {font-size: 1.0em;
   font-family: palatino;
   text-align: center;
   background: #660000;
   color:#ffff00;
 }

li {font-size: 1.1em;
   font-family: palatino;
   }

li.intro {font-size: 1.0em;
   font-family: palatino;
   color: #000099;
   }

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 95%; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 10px 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #f65527;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 90%; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.hometxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1c5d09;
	text-align: justify;
	text-decoration:none;
}

.amaran
{
        font-family: palatino; 
        font-size: 1.5em; 
        color: #cc0000; 
        font-weight: bold; 
        text-decoration: none
}

a:link {font-family: palatino; font-size: 1.0em; color: #3333ff; font-weight: bold; text-decoration: none} 
a:visited {font-family: palatino; font-size: 1.0em; color: #3399cc; font-weight: bold; text-decoration: none} 
a:hover {font-family: palatino; font-size: 1.0em; color: #ff9933; font-weight: bold; text-decoration: none} 
a:active {font-family: palatino; font-size: 1.0em; color: #999900; font-weight: bold; text-decoration: none}

a.contact:link {font-family: palatino; font-size: 1.0em; color: #ffff00; font-weight: bold; text-decoration: none} 
a.contact:visited {font-family: palatino; font-size: 1.0em; color: #ffff00; font-weight: bold; text-decoration: none} 
a.contact:hover {font-family: palatino; font-size: 1.0em; color: #ff9933; font-weight: bold; text-decoration: none} 
a.contact:active {font-family: palatino; font-size: 1.0em; color: #999900; font-weight: bold; text-decoration: none}

a.contact1:link {font-family: palatino; font-size: 1.0em; color: #0000ff; font-weight: bold; text-decoration: none} 
a.contact1:visited {font-family: palatino; font-size: 1.0em; color: #ffff00; font-weight: bold; text-decoration: none} 
a.contact1:hover {font-family: palatino; font-size: 1.0em; color: #ff9933; font-weight: bold; text-decoration: none} 
a.contact1:active {font-family: palatino; font-size: 1.0em; color: #999900; font-weight: bold; text-decoration: none}

a.leftlink:link {font-family: verdana; font-size: 1.0em; color: #1c5d09; font-weight: normal; text-decoration: none} 
a.leftlink:visited {font-family: verdana; font-size: 1.0em; color: #3399cc; font-weight: normal; text-decoration: none} 
a.leftlink:hover {font-family: verdana; font-size: 1.0em; color: #ff9933; font-weight: normal; text-decoration: none} 
a.leftlink:active {font-family: verdana; font-size: 1.0em; color: #999900; font-weight: normal; text-decoration: none}

a.hline:link {font-family: verdana; font-size: 1.0em; color: #cccc00; font-weight: normal; text-decoration: none} 
a.hline:visited {font-family: verdana; font-size: 1.0em; color: #cccc00; font-weight: normal; text-decoration: none} 
a.hline:hover {font-family: verdana; font-size: 1.0em; color: #ffffff; font-weight: normal; text-decoration: none} 
a.hline:active {font-family: verdana; font-size: 1.0em; color: #ffff00; font-weight: normal; text-decoration: none}

a.intro:link {font-family: verdana; font-size: 1.1em; color: #0000ff; font-weight: normal; text-decoration: none; } 
a.intro:visited {font-family: verdana; font-size: 1.1em; color: #0000ff; font-weight: normal; text-decoration: none} 
a.intro:hover {font-family: verdana; font-size: 1.1em; color: #ff0000; font-weight: normal; text-decoration: none} 
a.intro:active {font-family: verdana; font-size: 1.1em; color: #aaaa00; font-weight: normal; text-decoration: none}

a.hometxt:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1c5d09; text-align: justify;  text-decoration: none}
a.hometxt:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1c5d09; text-align: justify;  text-decoration: none}
a.hometxt:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1c5d09; text-align: justify;  text-decoration: none}
a.hometxt:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1c5d09; text-align: justify;  text-decoration: none}

table { font-size: 100%; border: 0; }
th { text-align: left; }
tr.tblhdr { background: #999; }

#legal { font-size: .9em; color: #666; }
strong { font-weight: bold; color: #1c5d09; }

.besar {font-size:1.7em }

h1 {font-size: 1.5em; text-align: center; text-decoration: none; color:  #0066ff; font-weight: bold; font-family: verdana}

h2 {font-size: 1.3em; text-align: left; text-decoration: none; color:  #666600; font-weight: bold; font-family: verdana}

h3 {font-size: 1.1em; text-align: left; text-decoration: none; color:  #666600; font-weight: bold; font-family: verdana}

h4 {font-size: 1em; text-align: left; text-decoration: none; color:  #006666; font-weight: bold; font-family: verdana}