@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	width: 100%;
	color: #FFF;
	background:#333333;
	font-size: 13px;
}

/*	KOLOM UTAMA */
#containner{
	width:980px;
	height:auto;
	

}

/*	KOLOM DI DALAM KOLOM UTAMA */
#wrapper{
	width:980px;
	height:auto;
	margin:0px;
	float:left;
}


/*	WRAPPER->HEADER */
#bg-header{
	width:980px;
	height:auto;
	float:left
}


/*	WRAPPER->HEADER->LOGO */
#bg-header #ilogo{
	width:375px;
	height:auto;
	float:left;
}


#bg-header #right-ilogo{
	width:605px;
	height:auto;
	float:left;
}

#bg-header #right-ilogo #spacer-top{
	width:605px;
	height:auto;
	float:left;
}

#bg-header #right-ilogo #spacer-bottom{
	width:605px;
	height:57px;
	float:left;
}

/*	WRAPPER->MENU */
#bgmenu{
	width:980px;
	height:auto;
	float:left
}


/*	WRAPPER->MENU->ICON MENU */
#bgmenu #imenu{
	width:585px;
	float:left;
}

#bgmenu #imenu .menu-home{
	width:80px;
	height:auto;
	float:left
}

#bgmenu #imenu .menu-news{
	width:80px;
	height:auto;
	float:left
}

#bgmenu #imenu .menu-forum{
	width:80px;
	height:auto;
	float:left
}

#bgmenu #imenu .menu-event{
	width:80px;
	height:auto;
	float:left
}

#bgmenu #imenu .menu-gallery{
	width:80px;
	height:auto;
	float:left
}

#bgmenu #imenu .menu-shop{
	width:80px;
	height:auto;
	float:left
}

#bgmenu #imenu .menu-contact{
	width:90px;
	height:auto;
	float:left
}

/*	WRAPPER->MENU->SEARCH */
#bgmenu #isearch{
	width:390px;
	background:#333333;
	text-align:right;
	height:auto;
	float:left;
	padding-right:5px;
	padding-top:7px;
}

#bgmenu #isearch input{
	border:1px solid  #000000;
}

#bgmenu #isearch .bottom{
	background:#fe5c01;
	border:1px solid #000000;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}


/*	KOLOM BODY */
#body-container{
	width:980px;
	height:auto;
	float:left
}

/*	BODY LEFT */
#body-container #body-left{
	width:770px;
	float:left;
	font-size: 11px;
	color: #FFF;
	padding-top:15px;
}


/*	BOX LEFT */
#body-container #body-left #boxl-left{
	width:145px;
	height:auto;
	float:left;
	text-align:left;
	font-family: "ITC Franklin Gothic Std Bk Cd", "ITC Franklin Gothic Std Bk Cp", "ITC Franklin Gothic Std Bk XCp", "ITC Franklin Gothic Std Book", "ITC Franklin Gothic Std Heavy", "ITC Franklin Gothic Std Med", "ITC Franklin Gothic Std MedCd";
}

#body-container #body-left #boxl-left ul{
	margin: 0;
	padding-top:0px;
	margin-bottom:10px;
	color:#FFFFFF;
	padding-left:7px;
	font-size: 11px;
}

#body-container #body-left #boxl-left ul li{
	margin: 5px;
	color: #FF9;
	padding-top:0px;
	padding-left:10px;
	list-style:none;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	cursor: auto;
}


a:link {
	color: #FF9;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9;
}
a:hover {
	text-decoration: none;
	color: #F60;
}
a:active {
	text-decoration: none;
	border: 1px solid #333;
	font-size: 12px;
}

/*	BOX BOTTOM */
#body-container #body-left #boxl-bottom{
	width:400px;
	height:auto;
	float:left;
}


#body-container #body-left #boxl-bottom #bbtop{
	width:390px;
	margin-left:10px;
	background-color:#000;
	height:246px;
	float:left;
	border: 1px solid #9C722C;
}


#body-container #body-left #boxl-bottom #bbbottom{
	width:390px;
	margin-top:5px;
	padding-top:5px;
	margin-left:10px;
	height: auto;
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}

/*	BOX RIGHT */
#body-container #body-left #boxl-right{
	width:210px;
	height:auto;
	float: right;
}

#body-container #body-left #boxl-right .brheader{
	width:210px;
	margin-top:0px;
	text-align:left;
	float:left
}

#body-container #body-left #boxl-right .brcols-menu{
	width:200px;
	padding:5px;
	text-align:left;
	background:#000000;
	margin-bottom:10px;
	float:left
}

#body-container #body-left #boxl-right .brcols-menu .menucolom{
	width:195px;
	padding-left:5px;
	border-bottom:1px solid #a47726;
	color:#a47726;
	background:#222c35;
}

#body-container #body-left #boxl-right .brcols-menu .menucolom a{
	color:#a47726;
	text-decoration:none;
}

#body-container #body-left #boxl-right .brcols-menu .menucolom a:hover{
	color: #999999;
	text-decoration:none;
}

#body-container #body-left #boxl-right .brcols-menu .tomore{
	width:195px;
	padding-right:5px;
	text-align:right

}

#body-container #body-left #boxl-right .ilogo-bottom{
	width:210px;
	margin-top:0px;
	text-align:left;
	float:left
}
/*	BODY RIGHT ( FORM LOGIN )*/
#body-container #body-right{
	margin-top:15px;
	height:auto;
	text-align:left;
	width:200px;
	padding-left:5px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9;
}



#body-container #body-right #box-login{ 
	width:200px;
	height:auto;
	float:left;
}


#body-container #body-right #box-login .brheader{
	width:200px;
	margin-top:0px;
	text-align:left;
	float:left
}

#body-container #body-right #box-login .kolom-login{
	width:200px;
	background:#000000;
	float:left
}


#body-container #body-right #box-login .kolom-login .teks-label{
	width:70px;
	margin-top:5px;
	font-family: "ITC Franklin Gothic Std Bk Cd", "ITC Franklin Gothic Std Bk Cp", "ITC Franklin Gothic Std Bk XCp", "ITC Franklin Gothic Std Book", "ITC Franklin Gothic Std Heavy", "ITC Franklin Gothic Std Med", "ITC Franklin Gothic Std MedCd";
	font-size: 11px;
	padding-left:5px;
	font-weight:bold;
	float:left
}


#body-container #body-right #box-login .kolom-login .teks-input{
	width:120px;
	margin-top:5px;
	float:left
}

#body-container #body-right #box-login .kolom-login .teks-input input{
	width:120px;
	background:#212d39;
	color:#FFFFFF;
	border:1px solid #000000;
}


#body-container #body-right #box-login .kolom-login .teks-input .tombol{
	width:45px;
	background: #000000;
	font-size:9px;
	border:1px #333333 solid;
	margin-right:2px;
}

#body-container #body-right #box-space{ 
	width:200px;
	height:auto;
	float:left;
	margin-bottom:10px;
}


/*	KOLOM BODY */
#footer{
	width:975px;
	margin-top:10px;
	padding-right:5px;
	padding-bottom:15px;
	background-color:#000000;
	text-align:right;
	border-top:2px solid #FF3300;
	height:auto;
	font-size: 13px;
	float:left
}