body{
    margin:0; padding:0; width:100%; background:#FFF url(images/tall2.jpg) top center repeat-x;
    font-family: arial,helvetica,verdana;
    line-height: 17px;
    font-size: 11px;
    margin:0;
/*    I hate IE!!! dadak kudu ngasih ginian biar nengah*/
    text-align: center;
    color: #5d6e76;
}

#mainwrapper{
    background: url(images/bg_top_head.png) repeat-x;
    width:100%;
    margin: 0;
    padding-top:0px;
}
#isi{
    background:#FFFFFF url(images/bg_main.jpg) top left repeat-x; 
    margin:0 auto; padding:0; width:998px; border:1px solid #e7f2f8;
/*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 10px #d2e4f0;
    -moz-box-shadow: 0px 0px 10px #d2e4f0;
    box-shadow: 0px 0px 10px #d2e4f0;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 5px;
/*    z-index:998;*/
/*    position:relative; top:-10px;left:0px;*/
} 
#isi h2 { color:#3c667f; font:normal 18px  Georgia, "Times New Roman", Times, serif;  margin:5px 0; padding:5px 10px;}
#isi h4 { color:#5f5f5f; font:bold 14px  Arial, Helvetica, sans-serif; border-bottom:1px solid #ececec; margin:5px 0; padding:10px 5px;}
#isi h3 { color:#5f5f5f; font:bold 18px  Arial, Helvetica, sans-serif;  margin:5px 0; padding:10px 15px;}
#isi em { font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d;}
#isi p { font:normal 12px  Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.2em; padding:2px; margin:0;}
#isi p span { color:#3c667f; font: bold 14px Arial, Helvetica, sans-serif; line-height:1.8em;}
#isi img { float:left; margin:10px; padding:0;}
/*#isi a { text-decoration:none; color:#5f5f5f; line-height:1.8em;}*/
p.clr, .clr { clear:both; padding:0; margin:0;}
.atas_kanan,.alamatatas { float:right; margin:0; color:#fff; font:normal 11px  Georgia, "Times New Roman", Times, serif; text-decoration:none; margin-top: -10px; position: relative; top:2px;right:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f4f6f8; padding: 10px; padding-bottom: 2px;} 
.alamatatas{ position: relative; top:40px;right:-5px; width: 300px; background: none; color: #FFF; text-align: right; font-family: helvetica,verdana,arial;}    
a{
    text-decoration: none;
    color: #0a5b94;
}
#menukiri{ width: 220px; text-align: left; padding: 10px; padding-top: 20px;}

.left_top { float:left; margin:0; width:220px; padding:0; border:1px solid #000;}
.left,.left2 {  margin:5px 0; padding:5px 10px; border:1px solid #cbdde9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #4d88b0 url(images/bg_slide.png) bottom right no-repeat; }
.left .blogga,.left2 .blogga { width:175px; float:left; margin:0; padding:5px 10px;}
.left .blogga2,.left2 .blogga2 { width:180px; float:left; margin:0; padding:5px 10px;}
.left2{background: none; background-color: #e5f2fb;}
.left2 h2{color: #3c667f;}
.news_flash {  margin:0 0; padding:0px 0px; background:#f4f4f4; border:1px solid #dfdfdf;-moz-border-radius: 7px;}
.video {  margin:0 0; padding:0px 0px; background:#f4f4f4; border:1px solid #dfdfdf;
 /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*Menu Utama*/
.sidebarmenu ul{
margin: 0;
padding-left : 20px;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
list-style-image: url(images/right.gif);
}
.sidebarmenu ul li ul{
    background-color: #74a4c4;
    border: 1px solid #90b8d2;
}
.sidebarmenu ul li{
position: relative;
}

.sidebarmenu ul li a{ 
margin:0; display:block; padding:1px 0 0px 1px; color:#f6fcf2; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;
}
.sidebarmenu ul li ul li a{ color: #69a3c9;}
/*#dfdfdf; background:#fafafa; color:#1e1e1e; ededed; color:#9c1d17; font: bold 12px Arial, Helvetica, sans-serif;*/

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

.sidebarmenu ul li a:hover{
background-color: #ededed;
color:#9c1d17;
font-weight:bold;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
z-index:999;
}

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

}
.sidebarmenu a.subfolderstyleno{
background: url(right.gif) no-repeat 97% 50%;
background-color:#FF0000;
}

.sidebarmenu ul{
margin: 0;
/*padding: 0;*/
list-style-type: none;
font: bold 13px Verdana;
width: 185px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


.icon {  margin:5px 0; padding:5px 5px; background-color:#f4f4f4; border:1px solid #dfdfdf; width: 95%; /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.icon ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.icon ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.icon ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: inline;
padding: 0px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
/*border-bottom: 1px solid #dadada;*/
font-size: 90%;
}

.icon ul li a:visited{
color: #A70303;
}

.icon ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
img a{
    border:none;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
a, a img{ text-decoration: none;}
#pembungkus{
    width: 1010px; margin-top: 0px; margin-left: auto; margin-right: auto;
}
#header{
    padding:0; margin:0;    height: 200px; background: url("images/logo.jpg") no-repeat; padding:0; margin:0; width:1000px;
    margin-left: auto; margin-right: auto; margin:0 auto;   
}

#subcontent{}
#subcontent h2{
    text-transform: capitalize; font-size: 14px; border-bottom: 5px solid #B3D0DD;
}             
#subcontent h3, #subcontent h3 a{
    font-size: 12px;
    margin: 0;
}
#subcontent .matkul{
    border-bottom: 1px solid #B3D0DD;    margin-bottom: 10px;
}
#subcontent .matkul img{
    display: block;
}
/*Menu di header*/
#menu {
height: 17px; line-height: 17px; float: right; width: 805px;
/*background: #fff url(images/header.jpg) no-repeat;*/
}/*menu*/
.menu { padding:0; width:600px; background:url(images/menu_bg.gif) top center no-repeat; height:31px; padding-left: 20px;float:right; position: relative; top: 95px; right:20px; text-align: right;
}
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 8px; border:0;}
.menu ul li a { float:left; margin:0; padding:5px 0; color:#9abbd6; font:normal 12px  Helvetica,Georgia, "Times New Roman", Times, serif; text-decoration:none; font-weight: bold;}
.menu ul li a span { padding:13px; background:none;}
.menu ul li a:hover {  color:#ffcc00;}
.menu ul li a:hover span {   color:#ffcc00;}
.menu ul li a.active {  color:#ffcc00;}
.menu ul li a.active span {  color:#ffcc00;}
.menu p.atas_kiri { float:right; margin:0; padding:13px 12px; color:#fff; font:normal 11px  Georgia, "Times New Roman", Times, serif; text-decoration:none;}

/*---------------------------------------------------------------------------*/


.right_top { float:left; margin:0; width:290px; padding:20px 5px !important; padding:20px 5px 20px 0;}
.right, .rightsearch,.rightagenda {  margin:5px 0; padding:5px 10px; background:#f4f4f4; border:1px solid #dfdfdf;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.right2 {  margin:5px 0; padding-top:10px; background:#fff; border:1px solid #dfdfdf;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rightagenda{background: #f4f4f4;}
.rightagenda h2{color: #659494;}
.rightsearch{background: #d7eaf8 url(images/bg_slide.png) bottom left no-repeat;}
.right .blogga2 { width:268px; margin:5px 0; padding:0; background:#fafafa; border:1px solid #dfdfdf;}
/*.slide{padding: 0; padding-top: 5px; height: 240px; background-color: #FFF; }*/
#bg_slide{ padding: 0; width: 100%; background: url(images/bg_slide.png) bottom left no-repeat; height: 70px; padding-top: 20px; position: relative; bottom:0px; left: 0px; z-index: 0; }
.mid_top { float:left; margin:0; width:420px; padding:20px 5px !important; padding:20px 5px 20px 0;}
.mid {  margin:5px 0; padding:5px 10px; background:#f4f4f4; border:1px solid #dfdfdf;}
.mid .blogga2{ width:268px; margin:5px 0; padding:0; background:#fafafa; border:1px solid #dfdfdf;}


input.a { width:150px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px;  background:#f8f8f8;}
input.b { width:150px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px;  background:#f8f8f8;}
input{ border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px;  background:#f8f8f8;
}

/*FBG*/
.FBG_resize { width:900px; margin:0 auto; padding:5px 0;}
.FBG_resize h2 { color:#e9e8d6; font:normal 18px  Georgia, "Times New Roman", Times, serif;  margin:0; padding:10px 25px;}
.FBG { background:#221f1d; border:1px solid #28201d; width:898px; margin:0; padding:0;}
.FBG .blogga3 { width:194px; float:left; margin:0; padding:15px;}
.FBG p { font:normal 12px  Arial, Helvetica, sans-serif; color:#6b615c; line-height:1.8em; padding:10px; margin:0;}
.FBG p span { color:#b5a39a;}
.FBG img { padding:10px; margin:0;;}
/* Navigation */    
ul.Navigation { padding:0; margin:0; list-style:none; border:0;}
ul.Navigation li { height:30px; margin:1px 0; padding:1px 10px; border:0; line-height:0px;}
ul.Navigation li a { margin:0; display:block; padding:5px 0 5px 15px; border:1px solid #dfdfdf; background:#fafafa; color:#1e1e1e; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}
ul.Navigation li a:hover { background:#ededed; color:#9c1d17; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.6em;}
ul.Navigation li a.active { background:#ededed; color:#9c1d17; font: bold 12px Arial, Helvetica, sans-serif; line-height:1.6em;}

/* END_bloga*/
/********** footer **********/
.footer_resize { background:url(images/footer_bg.gif) top center repeat-x; height:119px; margin:0 auto; padding:0;}
.footer { width:1000px; margin:0 auto; padding:0 20px;}
.footer ul { margin:0; padding:30px 10px 30px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px;  text-align:center;}
.footer p { margin:0; padding:30px 20px 30px 20px; text-align:center; color:#333333; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#e9e8d6; font:normal 11px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#396aa2;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:350px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}

#contactform file { width:350px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:350px; border:1px solid #e2e2e2; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
select { width:150px; border:1px solid #e2e2e2; margin:0px 0; padding:5px 2px; height:29px; background:#f8f8f8;
font:bold 11px Arial, Helvetica, sans-serif; color:#5f5f5f;
}
input.text { width:150px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #bb0707; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #6a6a6a; padding:0; margin:10px 0; background:none; list-style:none;}


/********** profil **********/
#profil { margin:0; padding:5px 10px;}
#profil * { color:#396aa2;}
#profil ol { margin:0; padding:0; list-style:none;}
#profil li { margin:0; padding:0; background:none; border:none; display:block;}
#profil li.buttons { margin:5px 0 5px 0;}
#profil label { float:left; margin:0; width:100px; padding:3px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#profil label span { font:normal 10px Arial, Helvetica, sans-serif;}
#profil input.text { width:350px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#profil file { width:350px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#profil textarea { width:350px; border:1px solid #e2e2e2; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#profil li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
#profil li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
#profil a { color:#396aa2; font:normal 13px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
#profil a:hover{ text-decoration:underline;}

#profil td { color:#5f5f5f; font:normal 11px Tahoma, Geneva, sans-serif; text-decoration:none;}

.submit {
    font-family: Tahoma;
    padding: 3px 10px;
    border: none;
    font-size: 11px;
    border-width: 1px;
    height:25px;
    border-style: solid;
    -moz-border-radius: 4px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.submit {
    border-color: #298cba !important;
    font-weight: bold;
    color: #FFF !important;
    background: #57abd8 ;
}
.submit:hover {
    font-family: Tahoma;
    padding: 3px 10px;
    border: none;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
.submit:hover {
    border-color: #300402 !important;
    font-weight: bold;
    color: #FFF !important;
    background:#9c1d17;
}



.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.ourblog{ float:left; width:237px; height:62px; position:relative; margin:0 auto; background:url(icon1-no.gif) 0 0 no-repeat;}
.ourblog h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:12px/10px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
.ourblog p{width:103px; height:10px; display:block; position:absolute; font:10px/12px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
.ourblog a{text-decoration:none; display:block; width:237px; height:62px;}
.ourblog a:hover{text-decoration:none; background:url(icon1-no.gif) no-repeat 0 0;} 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
.tgl{ color:#a4a4a4; font:normal 11px  Arial,Georgia, "Times New Roman", Times, serif; margin:0px 0; padding:0px 0px;}
.tgl p a:hover{ color:#3366FF;}
.tgl p a,a:visited{ color:#993300;font-size:13px;}

.socialicon img{
margin-left:2px;
margin-right:2px;
}

.socialicon a:hover img {
    text-decoration:none;
    border:0px;
    width:21px;
    height:21px;
}
.socialicon a:link img, a:visited img {
    text-decoration:none;
    border:0px;
}
.pagination { border:0; margin:0; padding:0; font-size:10px; }
.pagination a { border:solid 1px #DEDEDE; margin-right:2px;font-size:10px; }
.pagination .previous-off, .pagination .next-off { color:#888888; display:inline-block; font-weight:normal; padding:3px 4px; }
.pagination .next a,.pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active{ color:#000000; font-weight:bold; display:inline-block; padding:4px 6px; }
.pagination a:link, .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none;font-size:10px; }
.pagination a:hover{ text-decoration:none; border: 1px solid #999; }


#loadings { position: absolute; top: 0; left: 0; color: white; background-color: red; padding: 5px 10px; font: 12px Arial; }
.gambari img { float:left; margin:0px; padding:0;}                
/* end of menu*/
fieldset, fieldset a{
    border: 1px solid #6a7d91;     color:#c3e2f9;     font-size: 11px;
}
fieldset a{
    border: none; text-align: right;
}
fieldset legend{
    color:#c3e2f9; font-size: 12px; font-weight: bold;  text-transform: uppercase;
}

fieldset dl, fieldset dt{
    margin: 0px; padding: 5px;
}
input {    
    background-color: #FFFFFF; 
/*    border: 1px solid #1f8eb3; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;  color: #1f8eb3;
}
input submit .tombol_login{
    background-image: url(images/bg_login_button.png) repeat-x;
}
option {
    background-color: #FFFFFF; border: 1px solid #1f8eb3; font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; color: #2E393D;
}
select {
    background-color: #FFFFFF; border: 1px solid #2E393D;  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; color: #2E393D;
}

#left{
    width: 190px; min-height: 350px; text-align: left; padding-left: 10px; padding-top: 20px;         
}


/*untuk welcome*/
.bl {background: url(images/bl.png) 0 100% no-repeat  #cae8f7; width: 100%}
.br {background: url(images/br.png) 100% 100% no-repeat}
.tl {background: url(images/tl.png) 0 0 no-repeat}
.tr {background: url(images/tr.png) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 4px} 
#right{ width: 740px; line-height: 15px; padding-left: 0px; padding: 10px; margin: 0; float: right; text-align: justify; padding-top: 5px;
    font-size: 12px; ; 
}
.clearing{
    clear:both;
}
#right h3{
    margin: 0;
    font-size: 14px;
}
#right1{
    width: 500px; 
/*    border:1px solid #000;*/
}
#right2{
    width: 270px; 
/*    border:1px solid #000;*/
    float: right;
}


#footer{
    clear: both;
    font-size: 11px;
/*    border-bottom: 1px solid #cedae2;*/
    padding-top: 0px;
    color: #203360;
    margin: 0 auto;
    margin-top: 0px;
    width: 998px;
    text-align: right;
}
#footer ul{
    display: inline;
    margin: 0;
    padding: 0;
    margin-left: 30px;
}
#footer a,#footer ul li a{
    color: #2E393D ;
    text-decoration: none;
    margin-left: 5px;
}
/*#footermenu{
    margin-top: 0;
    float: right;
    clear: both;
}   */
#footer ul li,#footer ul li a{
    list-style-type: none;
    display: inline;
}
#footer ul li a:hover{
    text-decoration: underline;
}
.clearing{ clear:both;}

#footer_stable{
    position: fixed;
    bottom: 0px;
    left:30px;
    height:60px;
    margin: 0 auto; 
    background-color: #DDD;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
    margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
    position: absolute;
    top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
    padding: 0; margin: 0;
    float: left;
    width: 100%;
    list-style: none;
/*    border-top: 1px solid #fff; *//*--Gives the bevel feel on the panel--*/
    font-size: 1.1em;
}

dl dt{
    margin: 5px;
}
#faq_search_result dl dt{
    font-weight: bold;
}

input submit .tombol_login, button{
    background-image: url(images/bg_login_button.png) repeat-x;
}

img.btn_close, a img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}