.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0; }

#head { width:978px; height:0px; margin-bottom:5px;}

/*#topnav {width:978px; height:24px; border-left:1px solid #CCC; }*/
#toplink	{ padding:0; margin:0; font: normal arial 15px; white-space:nowrap; height:25px;}
#toplink li	{ display:inline; }
#toplink li a	{ padding:5px 8px; color:#FFF; text-decoration:none; float:left; border-right:1px solid #EEE; background:url(../images/bgtopnav.gif) repeat-x; border-top:1px solid #EEE; }
#toplink li a:hover	{ background:#F5F5F5; color:#000; }
#toplink li.diselect a { background-image:url(../images/bgtopnav.gif); background-repeat:repeat-x; color:#000; border-top:1px solid #CCC; }
#toplink li.diselect a:hover { background-image:url(../images/bgtopnav.gif); background-repeat:repeat-x; }

#toplinkcore	{ padding:0; margin:0; font: normal 11px arial; white-space:nowrap; height:25px;}
#toplinkcore li	{ display:inline; }
#toplinkcore li a	{ padding:5px 7px; color:#FFFFFF; text-decoration:none; float:left; border-right:1px solid #E1E1E1; border-top:1px solid #DDD;  background:url(../images/bgtopnav_coklat.gif) repeat-x; font: 12px }
#toplinkcore li a:hover	{ background:#F5F5F5; color:#FF0066; }
#toplinkcore li.diselect a { background-image:url(../images/bgtopnav.gif); background-repeat:repeat-x; color:#0000BF; }
#toplinkcore li.diselect a:hover { background-image:url(../images/bgtopnav.gif); background-repeat:repeat-x; }



/*
#toplink	{ padding:0; margin:0; font: normal 11px arial; white-space:nowrap; height:24px; }
#toplink li	{ display:inline; }
#toplink li a	{ padding:5px 8px; color:#000; text-decoration:none; float:left; border-right:1px solid #CCC; border-top:1px solid #CCC;}
#toplink li a:hover	{ background:#F5F5F5; color:#000; }
#toplink li.diselect a { background-image:url(../data/images/bgtopnav.gif); background-repeat:repeat-x; }
#toplink li.diselect a:hover { background-image:url(../data/images/bgtopnav.gif); background-repeat:repeat-x; }
*/
#navlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;/* border-top:1px solid #EEE;*/}
#navlist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#navlist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#navlist a:hover { color:#003366; text-decoration:underline;}
#navlist span {font:bold 11px arial; color:#F60; margin-right:5px; text-transform:uppercase;}

#anlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;/* border-top:1px solid #EEE;*/}
#anlist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#anlist a { font:bold 12px arial; color:#336699; text-decoration:none;}
#anlist a:hover { color:#003366; text-decoration:underline;}
#anlist span {font:normal 10px arial; color:#666; margin-right:5px; text-transform:uppercase;}



#navlistnoline { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;}
#navlistnoline li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px; }
#navlistnoline a { font:normal 12px arial; color:#336699; text-decoration:none;}
#navlistnoline a:hover { color:#003366; text-decoration:underline;}

#forumlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#forumlist li { padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#forumlist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#forumlist a:hover { color:#003366; text-decoration:underline;}
#forumlist span {font:bold 12px arial; color:#036; margin-right:7px;}

#vidlist { margin-left: 0; margin-top: 5px; margin-bottom:0px; padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#vidlist li.listvid { padding-left: 20px; background-image: url(../data/images/icon_video.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listimage { padding-left: 20px; background-image: url(../data/images/icon_kamera.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listpod { padding-left: 20px; background-image: url(../data/images/icon_podcast.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist a { font:normal 11px arial; color:#036; letter-spacing:0.02em; text-decoration:none;}
#vidlist a:hover { text-decoration:underline;}
#vidlist span {font:normal 11px arial; color:#666; letter-spacing:0.02em; margin-right:7px;}

.balong {font:bold 14px arial; text-transform:uppercase; color:#000000;}
.balong a {font:bold 14px arial; color:#000000; text-decoration:none;}

.balongputih {font:bold 14px arial; text-transform:uppercase; color:#FFF;}
.balongputih a {font:bold 14px arial; color:#FFF; text-decoration:none;}

.balongmerah {font:bold 14px arial; color:#C00;}
.balongmerah a {font:bold 14px arial; color:#C00; text-decoration:none;}

.textbesar {font:bold 13px arial; color:#000;}
.textbesar a {font:bold 13px arial; color:#C00; text-decoration:none;}

#kelengkapan { float:left; width:300px; margin:10px 0; padding:5px 0;}
#kelengkapan a {margin-right:5px; font:normal 11px arial; color:#666; text-decoration:none; float:left; border:1px solid #CCC; padding:1px 5px; background-color:#F0F0F0; }
#kelengkapan a:hover { text-decoration:undeline;  background-color:#DDD; }
#kelengkapan img {margin-right:5px; border:none;}

#boxbelt {float:left; width:280px; height:94px; background-color:#FFFFFF; padding:10px; border:1px solid #CCC; margin: 0 2px;}
#boxbelt span {margin-right:10px;}

.thumb {float:left; margin-right:5px; margin-top:3px;}
.thumb img {width:80px; height:60px; border:1px solid #CCC; margin:0; padding:1px;}

.thumbgede {float:left; margin-right:10px;}
.thumbgede img {width:100px; height:75px; border:1px solid #CCC; margin:0; padding:1px;}

.thumbseleb {float:left; margin-right:10px;}
.thumbseleb img {width:133px; height:100px; margin:0; border:1px solid #EEE;}




.thumbmulti img {float:left; width:65px; height:49px; padding:1px; border:1px solid #CCC; margin-right:5px;}

.thumbmultix {float:left;}
.thumbmultix img {width:80px; height:60px; border:1px solid #CCC;}

.thumbima {float:left; margin-right:3px;}
.thumbima img {width:65px; height:49px; border:1px solid #CCC;}

.thumbkecil {float:left; margin-right:5px;}
.thumbkecil img {width:45px; height:45px; border:1px solid #CCC;}

.judul {font:bold 13px arial; color: #336699;}
.judul a {color:#336699; text-decoration:none; padding:0; margin:0;}
.judul a:hover {color:#003366; text-decoration:underline;}



.linkbirukecil {font:normal 11px arial; color:#036; }
.linkbirukecil a {color:#036; text-decoration: none;}
.linkbirukecil a:hover {text-decoration:underline;}

.linkbirukecilbold {font:bold 11px arial; color:#036;}
.linkbirukecilbold a {color:#036; text-decoration:none;}
.linkbirukecilbold a:hover {text-decoration:underline;}

.linkkecil {font:normal 11px arial; color:#000;}
.linkkecil a {color:#000; text-decoration:none;}
.linkkecil a:hover {text-decoration:underline;}

.linkroot {font:normal 11px arial; color:#333;}
.linkroot a {color:#333; text-decoration:underline; margin-left:5px; margin-right:5px;}
.linkroot a:hover {color:#FF6600; text-decoration:none;}

.linkabukecil {font:normal 11px arial; color:#888; margin-top:5px;}
.linkabukecil a {color:#777; text-decoration:underline;}
.linkabukecil a:hover {text-decoration:none;}


.boxartikel {float:left; width:302px; margin-right:20px; margin-bottom:20px;}

.boximgheadline { width:300px; margin-top:0px; font:normal 9px arial; color:#666;}
.boximgheadline img {width:300px; height:225px;}
.boximgheadline span { float:right; font:normal 9px arial; color:#000; padding-top:0; }
.boximgheadline a { font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgheadline a:hover {color:#999; }

.boximgartikel { width:300px; padding:1px; margin-top:0px; font:normal 9px arial; color:#666; background-color:#F2F2F2;}
.boximgartikel img {width:300px; height:225px;}
.boximgartikel span { float:left; font:normal 11px arial; color:#000; padding:4px; padding-top:0; }
.boximgartikel a { float:right; font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgartikel a:hover {color:#999; }


.judulheadline {font:bold 18pt arial; color: #336699; margin-bottom:4px; letter-spacing:-1px; line-height:21pt;}
.judulheadline a {color:#336699; text-decoration:none;}
.judulheadline a:hover {color:#003366; text-decoration:underline;}
.imgheadline {margin-bottom:10px; width:298px; height:225px; border:1px solid #CCC;}

#article_body a {color:#336699; text-decoration:underline; }
#article_body a:hover {text-decoration:none;}


#boxterkait { border-top:2px solid #DDD; padding:0px; margin-top:10px; padding:5px 0;}
#boxterkait select { font:normal 11px arial; color:#003366; text-decoration:none;}


.boximgartikeldepan {width:300px; height:14px; margin-top:0px; margin-bottom:10px; font:normal 11px arial; color:#666;}
.boximgartikeldepan a { float:right; font:normal 9px arial; color:#666; text-decoration:none;}
.boximgartikeldepan a:hover {color:#333; text-decoration:underline; }

.toolartikel {float:right;}
.toolartikel span {font:normal 11px arial; color:#333; margin-right:5px;}
.toolartikel b {margin-left:5px; margin-right:5px;}
.toolartikel a { text-decoration:none; margin-left:2px; margin-right:2px; }
.toolartikel input { font:normal 11px arial; color:#333;}

.toolartikelkiri {float:left;}
.toolartikelkiri a { text-decoration:none; margin-right:5px; }




#sitemaplist { margin-left: 3px; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none; font:normal 11px arial; }
#sitemaplist li { padding-left: 15px; background: url(../data/images/co_icon_05.gif) no-repeat; background-position:0 .0em; padding-top:0px; padding-bottom: 2px; }
#sitemaplist li.lengkung{ padding-left: 15px; background: url(../data/images/co_icon_06.gif) no-repeat; background-position:0 .0em; padding-top:0px; padding-bottom: 2px; }
#sitemaplist a { font:normal 11px arial; color:#000; text-decoration:none;}
#sitemaplist a:hover { text-decoration:underline;}

.gotoindex {font:normal 9px arial; color:#666; padding-top:3px;}
.gotoindex a {color:#F60; text-decoration: none;}
.gotoindex a:hover {text-decoration:none; color:#FFF; background-color:#003366;}

.gotoindexputih {font:normal 9px arial; color:#666; padding-top:3px;}
.gotoindexputih a {color:#FFF; text-decoration: none;}
.gotoindexputih a:hover {text-decoration:none; color:#CCC;}

.keciiil {font:normal 9px arial; color:#999;}

.linktopartikel {font:bold 11px arial; color:#666; letter-spacing:0.02em; margin-bottom:10px;}
.linktopartikel a {color:#666; text-decoration:none; margin-right:7px; margin-left:7px;}
.linktopartikel a:hover {color:#333; text-decoration:underline;}

.titlekecil {font:bold 1.1em arial; color: #333; text-transform:uppercase;}
.titlekecil a {color:#333; text-decoration:none;}
.titlekecil a:hover {text-decoration:underline;}

/* blogs */
.blogheadline {font:normal 18px arial; color: #000; margin-bottom:5px;}
.blogheadline a {color: #000; text-decoration:none;}
.blogheadline a:hover {text-decoration:underline;}

.blogtext {font:normal 12px arial; color: #000; margin-bottom:5px; line-height:18px; padding-right:75px; background:url(../data/images/quote_end.gif) no-repeat top right;}
.blogtext a {color: #000; text-decoration:none;}
.blogtext a:hover {text-decoration:underline;}
.blogtext span {margin-left:5px;}
.blogtext span a {font:bold 12px arial; color: #F60; text-decoration:none; margin-left:5px;}
.blogtext b {font:normal 18px arial; color: #000;}
.blogtext b a {font:bold 18px arial; color: #000; text-decoration:none;}

#bloglist { margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;}
#bloglist li { padding-top:2px; padding-bottom: 2px; }
#bloglist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#bloglist a:hover { color:#003366; text-decoration:underline;}
#bloglist span {font:normal 11px arial; color:#F60;}
#bloglist b { font:normal 18px arial; color:#000; text-decoration:none;}

#boxnomor { font: bold 11px verdana; margin-top:0;}
#boxnomor a {display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; color:#333; background-color:#f0f0f0; }
#boxnomor a:hover { background-color:#336699; border:1px solid #000; color:#FFFFFF;}
#boxnomor a.dipilih { background-color:#003366; border:1px solid #000; color:#FFFFFF;}

.boxnomordaerah { font: bold 11px verdana; margin-top:0;}
.boxnomordaerah a {display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; color:#333; background-color:#f0f0f0; }
.boxnomordaerah a:hover { background-color:#336699; border:1px solid #000; color:#FFFFFF;}
.boxnomordaerah a.dipilih { background-color:#003366; border:1px solid #000; color:#FFFFFF;}

.nomorklasemen {padding:3px; background:#666; width:20px; height:15px; text-align:center; font:bold 13px arial; color:#FFF;}



.agenda { font:normal 11px arial; color:#003366;}
.agenda a { font:bold 11px arial; color:#003366; text-decoration:none; }
.agenda a:hover { text-decoration:underline;}
.agendalist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;}
.agendalist li { padding-left: 10px; background-image: url(../data/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; }
.agendalist a { font:normal 11px arial; color:#003366; text-decoration:none;}
.agendalist a:hover { text-decoration:underline;}
.agendaist span {font:normal 11px arial; color:#666; margin-right:7px;}

#drop {padding:15px 10px; font:normal 12px arial; color:#333; background-color:#F5F5F5; border-top:1px solid #E4E4E4; border-bottom:1px solid #DDD;}
#drop select {font:normal 11px arial; color:#333; width:150px; background-color:#FFF; border:1px solid #999;}
.linkdrop { float:left; margin-top:0px; margin-right:10px; width:150px;}

.menufooter {font:bold 11px arial; color:#036; padding:15px 10px; line-height:22px; background-color:#FFFFFF; border-top:1px solid #CCC; }
.menufooter a { text-decoration:underline; color:#036; font:normal 11px arial; margin-left:2px; margin-right:2px;}
.menufooter a:hover {text-decoration:none;} 

.menufooterlayanan {font:normal 12px arial; color:#036; padding:15px 10px; background-color:#EBEBEB;}
.menufooterlayanan a { font:bold 12px arial; text-decoration:none; color:#036; margin-right:15px;}
.menufooterlayanan img { border:0; margin-right:10px; vertical-align:middle; }
.menufooterlayanan a:hover {text-decoration:underline;} 

.menuclosing {font:normal 11px arial; color:#333; padding:10px; line-height:20px; background-color:#F1F1F1; border-top:1px solid #FFF; border-bottom:30px solid #D8D8D8; }
.menuclosing a { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;} 


#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid #E6E6E6;
padding-left:10px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
background: #FFF url(../images/toltip.png); repeat-x;
visibility: hidden;
z-index: 100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
  text-align: left;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }
#tooltip b {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#FFF;}
#tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

/* -------------------tab.css */
.basictab{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
}

.basictab li{
display: inline;
margin: 0;

}

.basictab li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
border: 1px solid #aeafa6;
color: #2d2b2b;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;

}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.basictab li a:active{
color: black;
}


.basictab li a.selected{ 
position: relative;
top: 1px;
}

.basictab li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.basictab li a.selected:hover{ 
text-decoration: none;
color: black;
}

/* tab headline */

.basictabdepan {
padding: 0px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
float:left;
}

.basictabdepan li{
display: inline;
float:left;
margin: 0;
margin-right:2px;

}

.basictabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;
float:left;

}

.basictabdepan li a:visited{
color: #2d2b2b;
}

.basictabdepan li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.basictabdepan li a:active{
color: black;
}


.basictabdepan li a.selected{ 
position: relative;
top: 1px;
}

.basictabdepan li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.basictabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}

.basictabdepan li.linkindex {
float:right;
font: normal 9px arial;
color:#F60;
text-transform:lowercase;
}

.basictabdepan li.linkindex a {
color:#F60;
text-decoration:none;
background:none;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}

.basictabdepan li.linkindex a:hover {
color:#F60;
text-decoration:none;
background: #EEE;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}


/* tab lain */

.depanlain {
padding: 0px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 10px Arial;
text-transform:uppercase;
border-bottom: 1px solid #999;
list-style-type: none;
float:left;
}

.depanlain li{
display: inline;
float:left;
margin: 0;
margin-right:2px;

}

.depanlain li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #DEF8E7;
border-bottom: none;
background-color: #DDD;
color:#0099FF;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;
float:left;

}

.depanlain li a:visited{
color:#66CC33;
}

.depanlain li a:hover{
background-image:none;
background-color:#FF0033;
color: white;
}

.depanlain li a:active{
color: black;
}


.depanlain li a.selected{ 
position: relative;
top: 1px;
}

.depanlain li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.depanlain li a.selected:hover{ 
text-decoration: none;
color: black;
}

.depanlain li.linkindex {
float:right;
font: normal 9px arial;
color:#F60;
text-transform:lowercase;
}

.depanlain li.linkindex a {
color:#F60;
text-decoration:none;
background:none;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}

.depanlain li.linkindex a:hover {
color:#F60;
text-decoration:none;
background: #EEE;
border:none;
margin:0;
padding:0;
vertical-align:bottom;
}







/* tab dua */
.tabdepan{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform: capitalize;
border-bottom: 1px solid #999;
list-style-type: none;
}

.tabdepan li{
display: inline;
margin: 0;

}

.tabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../data/images/tabs.gif); background-repeat:repeat-x;

}

.tabdepan li a:visited{
color: #2d2b2b;
}

.tabdepan li a:hover{
background-image:none;
background-color: #FCA20F;
color: white;
}

.tabdepan li a:active{
color: black;
}

.tabdepan li a.selected{ 
position: relative;
top: 1px;
}

.tabdepan li a.selected{ 
background-color: #FFF;
background-image: url(../data/images/shadeactive.gif);
border-bottom-color: white;
}

.tabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}


/* Travel only */
.traveltab{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-