/* CSS Document */
body { margin:0}
.header { height:175px; display:block; background-color:#e50000}
.header1 { height:244px; display:block; background-color:#e50000}
.headerhome { width:966px; height:244px; display:block; background:url(../../assets/img/homeheader.jpg) no-repeat } 
.headerorganisasi  { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_organisasi.jpg) no-repeat  }
.headerinformasi  { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_informasi.jpg) no-repeat  }
.headerprofil  { width:966px; height:175px; display:block; background:url(../../assets/img//bg_header_profil.jpg) no-repeat  }
.headerketentuan  { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_ketentuan2.jpg) no-repeat  }
.headerranking { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_ranking.jpg) no-repeat  }
.headersponsor { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_sponsor.jpg) no-repeat  }
.headerlink { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_link.jpg) no-repeat  }
.headerfunstuff { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_funstuff.jpg) no-repeat  }
.headersitemap { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_sitemap.jpg) no-repeat  }
.headerkontak { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_kontak.jpg) no-repeat  }
.headersearch { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_search.jpg) no-repeat  }
.headerforum { width:966px; height:175px; display:block; background:url(../../assets/img/bg_header_forum.jpg) no-repeat  }
.menutop { width:966px;height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF}
.menutop a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none}
.menutop a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none}
.menutop #pading { padding:20px 0 0 5px}
.menu {width:966px;height:32px; display:block; background:url(../../assets/img/bg_menu.gif) repeat-x}
ul.menuli { margin:0; overflow:hidden; width:966px; height:32px; padding:0}
ul.menuli li { margin:0pt; padding:0pt ; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold}
ul.menuli li a{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none}
ul.menuli li a:hover {color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none}
ul.menuli li a.on { color:#FF0000 }
.menuli1 {float:left;display:block; width:15px;height:32px; background:url(../../assets/img/menu_left.gif) no-repeat}
.menuli2 {float:left;display:block; width:94px;height:32px; }
.menuli3 {float:left;display:block; width:35px;height:32px; background:url(../../assets/img/bullet.gif) center no-repeat }
.menuli4 {float:left;display:block; width:83px;height:32px; }
.menuli5 {float:left;display:block; width:54px;height:32px; }
.menuli7 {float:left;display:block; width:90px;height:32px; }
.menuli8 {float:left;display:block; width:69px;height:32px; }
.menuli9 {float:left;display:block; width:53px;height:32px; }
.menuli10 {float:left;display:block; width:74px;height:32px; }
.menuli11 {float:left;display:block; width:44px;height:32px; }
.menuli12 {float:left;display:block; width:80px;height:32px; }
.menuli14 {float:left;display:block; width:14px;height:32px; background:url(../../assets/img/menu_right.gif) no-repeat}
.paddingmenu { padding-top:8px }

/*middle*/
.middle { width:966px;display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.middle a{  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.middle a:hover{  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000}
.middle #tagline { width:966px; height:20px; padding-top:13px}
.middle #content { width:966px; border-top:#FF0000 4px solid }
ul.contentdata { margin:0; overflow:hidden; width:966px; padding:0;  }
ul.ontentdata li { margin:0pt; padding:0pt }
.contentdataleft { float:left; width:207px; height:306px; background-color:#ff0000; display:block; }
.contentdataleft #left { padding-top:11px}
ul.menuleft { margin:0; overflow:hidden; width:207px; display:block; padding:0}
ul.menuleft li { margin:0pt; padding:0pt ; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-bottom:#FFFFFF 1px solid; padding:8px 0 8px 22px; }
ul.menuleft li a{  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none}
ul.menuleft li a:hover {  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#FFFFFF;  background:url(../../assets/img/bg_arrow_menu.gif) none }
ul.menuleft li a:hover .link  {  background:url(../../assets/img/bg_arrow_menu.gif) right no-repeat;}
ul.menuleft li a:hover .link .sub  {  background:url(../../assets/img/whitec.gif) no-repeat}
ul.menuleft li a.on { color:#FFFFFF; }
ul.menuleft li a.on .sub { background:url(../../assets/img/whitec.gif) no-repeat }
ul.menuleft li a.on div { color:#FFFFFF; background:url(../../assets/img/bg_arrow_menu.gif) right no-repeat}
.sub { padding-left:25px; background:url(../../assets/img/blackc.gif) no-repeat}
.contentdatamiddle { float:left; width:579px; display:block; }
.contentdatamiddle #middle { padding:12px 24px 50px 24px}
.contentdatamiddle #middle #title { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FF0000; }
.contentdatamiddle #middle #title #isi {}
.contentdatamiddlex { float:left; width:759px; display:block; }
.contentdatamiddlex #middle { padding:12px 24px 50px 24px}
.contentdatamiddlex #middle #title { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FF0000; }
.contentdatamiddlex #middle #title #isi {}
.contentdataright { float:left; width:180px; display:block; }
.contentdataright #right { padding-top:16px}
.contentdataright #right #banner1 { display:block; padding-bottom:6px}
.contentleftmiddle { float:left; display:block; width:786px}
.contentleftmiddle #middle { padding:12px 25px 50px 0}
.contentleftmiddle #title { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000}
.contentleftmiddle #title2 { color:#FF0000; font-weight:bold}
.contentleftmiddle a { text-decoration:none; color:#000000}
.contentleftmiddle a:hover { text-decoration:none; color:#FF0000}
/*home*/
ul.menulix { margin:0; overflow:hidden; width:760px; height:288px; padding:0}
ul.menulix li { margin:0pt; padding:0pt ; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.menulix1 {float:left;display:block; width:231px;height:288px; }
.menulix2 {float:left;display:block; width:298px;height:288px; }
.menulix3 {float:left;display:block; width:229px;height:288px; }


ul.menuliy { margin:0; overflow:hidden; width:760px; height:230px; padding:0}
ul.menuliy li { margin:0pt; padding:0pt ; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.menuliy1 {float:left;display:block; width:528px;height:230px; }
.menuliy2 {float:left;display:block; width:229px;height:230px; }

ul.menuliz { margin:0; overflow:hidden; width:760px; height:218px; padding:0}
ul.menuliz li { margin:0pt; padding:0pt ; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.menuliz1 {float:left;display:block; width:528px;height:218px; }
.menuliz2 {float:left;display:block; width:229px;height:218px; }

/* */
.border {background-color:#FF0000; color:#FF0000; height:4px}
.beritabaru { font-weight:bold}
.beritabaru #date {color:#666666}
.beritabaru a{ color:#ff0000}
.beritabaru a:hover{ color:#000000}

.paging { width:500px;padding:5px 0 5px 10px; display:block;  font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF}
.paging a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; background-color:#FF0000; color:#FFFFFF; padding:2px 7px}
.paging a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; background-color:#999999; color:#FFFFFF; padding:2px 7px}
.paging a.on { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; background-color:#999999; color:#FFFFFF; padding:2px 7px}
/*footer*/
.footer { width:966px; height:63px; border-top:#FF0000 4px solid; background:url(../../assets/img/logo_footer.gif) top left no-repeat}
.borderred { border:#FF0000 1px solid; color:#333333}
.tabletop {border:#FF0000 1px solid; height:25px; background-color:#FF0000; color:#FFFFFF}
.tableisi1 {border:#FF0000 1px solid; height:25px;  }
.tableisi2 {border:#FF0000 1px solid; height:25px; background-color:#ffeaea; }
.arial12black { font-size:12px; color:#000000}
.arial12black a{ font-size:12px; color:#000000}
.arial12black a:hover{ font-size:12px; color:#FF0000}
.sponsor { color:#666666}
.search { width:522px; display:block; background-color:#ff0000; padding:2px}
.searchresult { width:518px; display:block; background-color:#cccccc; padding:4px; font-size:12px}
.titlesearch { font-size:12px; text-decoration:underline; font-weight:bold}

/* additional for ranking */
ul.menuleftx { margin:0; overflow:hidden; width:207px; display:block; padding:0}
ul.menuleftx li { margin:0pt; padding:0pt ; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-bottom:#FFFFFF 1px solid; padding:8px 0 8px 22px; }
ul.menuleftx li a{  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none}
ul.menuleftx li a:hover {  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#FFFFFF;  background:url(../../assets/img/bg_arrow_menu2.gif) top no-repeat none }
ul.menuleftx li a:hover .link  {  background:url(../../assets/img/bg_arrow_menu2.gif) top right no-repeat;}
ul.menuleftx li a:hover .link .sub  {  background:url(../../assets/img/whitec.gif) top no-repeat}
ul.menuleftx li a.on { color:#FFFFFF; }
ul.menuleftx li a.on .sub { background:url(../../assets/img/whitec.gif) top no-repeat }
ul.menuleftx li a.on div { color:#FFFFFF; background:url(../../assets/img/bg_arrow_menu2.gif) top right no-repeat}
.arial9px { font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#ffffff}

.arial9px a{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#ffffff}
.arial9px a:hover{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#ffcc00}
.arial9px a.on{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#ffcc00}
.verdana10px { font-size:10px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif}
.titleField {
	text-align:left; font-weight:bold;  FONT-SIZE: 12px; height: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Courier, Helvetica, sans-serif; background:#FF0000;
}
.fieldDot {
	FONT-SIZE: 11px;FONT-FAMILY: Tahoma, Verdana, Arial;
 	BORDER-BOTTOM: #FF0000 1px dashed;
 
}