html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #4b4b4b url(../img/bg.gif) top center repeat-y;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #414141;
 line-height: 150%;
} 


a:link, a:visited  {
  	color: #8e0f0f;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

div {
font-size: 11px;
}

/* Container */
#pagewidth{ 
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color: #ffffff;
 aborder: 1px dotted #0c0;
} 

#header0{ 
 background-color: #202020;
 color: #666666; 
 text-align:right;  
 border-bottom: 1px solid #c38508;
 padding: 5px 10px;
 text-transform: uppercase;
 overflow: hidden; /*clearing floats in FF*/
} 

				#header0 a, #header0 a:visited{ 
				color: #e4b933;
				font-size: 10px;
				} 		
				
				#header0 a:hover{ 
				color: #ffffff;
				} 

#header1{ 
 background-color: #600010;
 color: #ffffff; 
 text-align:left;  
 border-bottom: 1px solid #c38508;
 padding: 5px 10px;
 overflow: hidden; /*clearing floats in FF*/
} 

#header1 div{ 
font-size: 10px;
} 

				#header1 .header1a{ 
				color: #84101a;
				text-transform: uppercase;
				margin-top: 5px;
				width:290px; 
				float: left;
				} 

				#header1 .header1b{ 
				float: right;
				} 
				
#header2{ 
 text-align:left;  
 background: #510303 url(../img/bgtop.gif) repeat-x;
 border-bottom: 4px solid #c38508;
} 

	#header2 .ils {
	padding: 10px 10px 0 10px;
	}
	
	#header2 .logo{
	padding: 0 0 10px 0;
	}	

#header3{ 
 background-color: #202020;
 text-align:left;  
 padding: 5px 10px;
 color: #ffffff;
 font-size: 90%;
 overflow: hidden; /*clearing floats in FF*/
} 

				#header3 .header3a{ 
				color: #84101a;
				text-transform: uppercase;
				margin-top: 5px;
				width:550px; 
				float: left;
				} 

				#header3 .header3b{ 
				float: right;
				text-align: right;
				} 

						#header3 .header3b a, #header3 .header3b a:visited{ 
						color: #e4b933;
						font-size: 10px;
						} 		
						
						#header3 .header3b a:hover{ 
						color: #ffffff;
						} 	
						
						#header3 .header3b form {
						padding: 0;
						margin: 0;
						}						
						
						#header3 .header3b input.text {
						background: transparent url(../images/bgsearch.gif) no-repeat top left;
						border: none;
						margin-top: 2px;
						padding: 3px 2px 2px 25px;
						}
						
						#header3 .header3b button {
						background: transparent url(../images/search_submit.gif) no-repeat;
						border: none;
						margin: 0 5px;
						height: 20px;
						width: 60px;
						apadding: 0 7px 2px 0;
						color: #000000;
						}						
						
#contentpadding { /* jarak putih pinggir content global */
 padding: 10px 0 10px 10px;
}

								/* IE6 hack */ /* jarak putih pinggir content global */
								* html #contentpadding {
								padding: 10px 0 10px 6px;
								amargin: 0;
								}

								/* IE7 hack */ /* jarak putih pinggir content global */
								*:first-child+html #contentpadding{
								padding: 10px 0 10px 10px; 
								}


/* ====================== */
/* MAIN MENU                      */
/* ====================== */


/* MENU LIGA */
#mainmenu{ 
 aborder: 1px solid #c38508;
} 

#mainmenuliga{ 
 aborder: 1px solid #c38508;
	position: relative;
	z-index:3; /* menu ada di atas menuother*/
 background: transparent url(../images/bgmenu.gif) no-repeat top right;
 width: 465px;
 float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center; 
  color: #ffb300;
  margin-right: 5px;
  padding: 3px 7px 4px 7px;  
} 

								/* IE6 hack */
								* html #mainmenuliga {
								padding: 3px 7px 4px 7px;  
								}

								/* IE7 hack */
								*:first-child+html #mainmenuliga{
								padding: 3px 7px 4px 7px;  
								}

	#mainmenuliga a, #mainmenuliga a:visited{ 
	  font-weight: bold;
	  color: #ffffff;
	} 
	
	#mainmenuliga a:hover{ 
	  color: #e4b933;
	} 
	
/* END MENU LIGA */







/* MENU LAIN */
#mainmenuother{ /* menu ada di atas tab news */
position: relative;
z-index:2;
}  

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h2 {
  margin: 0;
  padding: 0;
  awidth: 1000px; /*For KHTML*/
  list-style: none;
  height: 24px;
  aborder-left: 1px #fff solid;
} 

ul#navmenu-h2 li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  awidth: 118px;  
}

ul#navmenu-h2 ul {
  margin: 0;
  padding: 0;
  width: 60px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navmenu-h2 ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h2 ul li {
  width: 160px; 
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h2 a {
  background: transparent url(../images/bgmenu.gif) no-repeat top right;
  aborder-left: 1px solid #FFF;
  aborder-right: 1px solid #FFF;  
  margin-right: 5px;
  padding: 3px 7px 4px 7px;  
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  awidth: 100px;
}

								/* IE6 hack */
								* html ul#navmenu-h2 a {
								padding: 3px 7px 4px 7px;  
								}

								/* IE7 hack */
								*:first-child+html ul#navmenu-h2 a{
								padding: 3px 7px 4px 7px;  
								}


/* Root Menu Hover Persistence */
ul#navmenu-h2 a:hover,
ul#navmenu-h2 li:hover a,
ul#navmenu-h2 li.iehover a {
    font-weight: bold;
  background: transparent url(../images/bgmenu.gif) no-repeat top right; /* bgmenu hover */
  color: #e4b933;  

}

/* 2nd Menu */
ul#navmenu-h2 li:hover li a,
ul#navmenu-h2 li.iehover li a {
	padding: 2px 5px;
	font-weight: normal;
	text-align: left;
  float: none;
  background: #4e4e4e;
  color: #e0cc9c;
   border-top: 1px solid #666666; 
     width: auto;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h2 li:hover li a:hover,
ul#navmenu-h2 li:hover li:hover a,
ul#navmenu-h2 li.iehover li a:hover,
ul#navmenu-h2 li.iehover li.iehover a {
  background: #414141;
  	font-weight: bold;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h2 li:hover li:hover li a,
ul#navmenu-h2 li.iehover li.iehover li a {
  background: #d4d2c3;
  	font-weight: normal;    
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h2 li:hover li:hover li a:hover,
ul#navmenu-h2 li:hover li:hover li:hover a,
ul#navmenu-h2 li.iehover li.iehover li a:hover,
ul#navmenu-h2 li.iehover li.iehover li.iehover a {
  background: #8c865a;
  	font-weight: bold;  
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h2 li:hover li:hover li:hover li a,
ul#navmenu-h2 li.iehover li.iehover li.iehover li a {
  background: #d4d2c3;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h2 li:hover li:hover li:hover li a:hover,
ul#navmenu-h2 li.iehover li.iehover li.iehover li a:hover {
  background: #8c865a;
  	font-weight: bold;  
  color: #FFF;
}

ul#navmenu-h2 ul ul,
ul#navmenu-h2 ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h2 li:hover ul ul,
ul#navmenu-h2 li:hover ul ul ul,
ul#navmenu-h2 li.iehover ul ul,
ul#navmenu-h2 li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h2 li:hover ul,
ul#navmenu-h2 ul li:hover ul,
ul#navmenu-h2 ul ul li:hover ul,
ul#navmenu-h2 li.iehover ul,
ul#navmenu-h2 ul li.iehover ul,
ul#navmenu-h2 ul ul li.iehover ul {
  display: block;
}











/* Headline, Score, Banner */
#headlinegroup{ 
 border-bottom: 5px solid #cccccc; 
 overflow: hidden; /*clearing floats in FF*/
 width: 980px; /*clearing floats in IE*/
 padding-bottom: 10px;
 margin-bottom:10px;
 abackground-color: #eeeeee;
} 

	#headlinegroup2{ /* khusus category page */
	 overflow: hidden; /*clearing floats in FF*/
	 width: 640px; /*clearing floats in IE*/
	 padding-bottom: 10px;
	 margin-bottom:10px;
	 border-bottom: 5px solid #cccccc; 
	 abackground-color: #eeeeee;
	} 

#headlinekolom1, #headlinekolom2, #headlinekolom2content, #headlinekolom3{ 
 float: left; 
 abackground-color: #cccccc; 
 aborder: 1px solid #c38508; 
}

#headlinekolom1{ 
 margin-right: 15px;
 width: 380px;
} 

#headlinekolom2{ 
 margin-right: 15px;
 width: 270px;
}

	#headlinekolom2content{ /* khusus category page */
	 margin-right: 15px;
	 width: 230px;
	}

#headlinekolom3{ 
 width: 300px; 
}









/* Berita, Video Spotlight, Banner */
#beritavideogroup{ 
 aborder: 1px solid #cccccc; 
 overflow: hidden; /*clearing floats in FF*/
 width: 980px; /*clearing floats in IE*/
 margin-bottom:10px;
 abackground-color: #eeeeee;
} 

#beritavideokolom1, #beritavideokolom2, #beritavideokolom3{ 
 float: left; 
 abackground-color: #cccccc; 
 aborder: 1px solid #c38508; 
}

#beritavideokolom1{ 
 width: 325px;
 margin-right: 15px; 
} 

#beritavideokolom2{ 
 width: 325px;
 margin-right: 15px; 
}

#beritavideokolom3{ 
 width: 300px; 
}

#beritavideogroupbanner .bannerkolom1, #beritavideogroupbanner .bannerkolom2{ 
 width: 468px; 
 float: left;
 margin: 10px 9px 10px 9px;
 text-align: center;
 aborder: 1px solid #cccccc;  
} 









/* Photo Gallery, Product display */
#galleryproductgroup{ 
 aborder: 1px solid #cccccc; 
 overflow: hidden; /*clearing floats in FF*/
 width: 980px; /*clearing floats in IE*/
 margin-bottom:10px;
 abackground-color: #eeeeee;
} 

#galleryproductkolom1, #galleryproductkolom2{ 
 float: left; 
 abackground-color: #cccccc; 
 aborder: 1px solid #c38508; 
}

#galleryproductkolom1{ 
 width: 665px;
 margin-right: 15px; 
} 

#galleryproductkolom2{ 
 width: 300px;
}







/* Polling, Events, Games, Forum, Kolom, Features */
#boxbawahgroup{ 
 aborder: 1px solid #cccccc; 
 overflow: hidden; /*clearing floats in FF*/
 width: 980px; /*clearing floats in IE*/
 margin-bottom:10px;
 abackground-color: #eeeeee;
} 

#boxbawahkolom1, #boxbawahkolom2, #boxbawahkolom3{ 
 float: left; 
 aborder: 1px solid #c38508; 
}

#boxbawahkolom1{ 
 width: 305px;
 padding: 0 10px 10px 10px;
 margin-right: 15px; 
} 

#boxbawahkolom2{ 
 width: 305px;
 padding: 0 10px 10px 10px; 
 margin-right: 15px; 
}

#boxbawahkolom3{ 
 width: 280px; 
 padding: 0 10px 10px 10px; 
}







/* Footer */
.footer{ 
 abackground-color: #282828;
 text-align:left;  
 padding: 10px;
 color: #666666;
 font-size: 90%;
 line-height: 150%;
} 

.footer a, .footer a:visited{ 
 color: #9c0019;
} 

.footer a:hover{ 
 color: #000000;
} 



/* ====================== */
/* HALAMAN CONTENT   */
/* ====================== */

#contentpadding-content { /* jarak putih pinggir content global */
 padding: 20px 0 20px 20px;
 background: transparent url(../images/bgcontent.gif) repeat-x top left;
}

								/* IE6 hack */ /* jarak putih pinggir content global */
								* html #contentpadding-content {
								padding: 20px 0 20px 16px;
								amargin: 0;
								}

								/* IE7 hack */ /* jarak putih pinggir content global */
								*:first-child+html #contentpadding-content{
								padding: 20px 0 20px 20px; 
								}





/* Headline, Score, Banner */
#contentgroup{ 
 aborder: 1px solid #cccccc; 
 overflow: hidden; /*clearing floats in FF*/
 width: 980px; /*clearing floats in IE*/
 padding-bottom: 10px;
 abackground-color: #eeeeee;
} 

#contentkolom1, #contentkolom2{ 
 float: left; 
 abackground-color: #cccccc; 
 aborder: 1px solid #c38508; 
}

#contentkolom1{ 
 margin-right: 15px;
 width: 640px;
 aborder: 1px solid #cccccc; 
} 

#contentkolom2{ 
 width: 300px; 
 aborder: 1px solid #cccccc; 
}