/* CSS Document */
@font-face {
	font-family: 'CenturyGothicBold';
	src: url('font/gothicb-webfont.eot');
	src: local('?'), url('font/gothicb-webfont.woff') format('woff'), url('font/gothicb-webfont.ttf') format('truetype'), url('font/gothicb-webfont.svg#webfontu1EOyBVb') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothic';
	src: url('font/gothic-webfont.eot');
	src: local('?'), url('font/gothic-webfont.woff') format('woff'), url('font/gothic-webfont.ttf') format('truetype'), url('font/gothic-webfont.svg#webfontu1EOyBVb') format('svg');
	font-weight: normal;
	font-style: normal;
}
.CenturyGothicBold {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size-adjust: 0.53;
}
.CenturyGothic{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CenturyGothic', sans-serif;
	font-size-adjust: 0.53;
}
body,form{
margin:0;
padding:0;
}

body {
background:#FF0000 url(images/background.jpg) center top no-repeat;
}
#wrapper{
width:820px;
margin-left:auto;
margin-right:auto;
padding:0;
background-color:#FFFFFF;
}
html div#wrapper{
width:820px;
}
#header{
background:#FF0000 url(images/bg_header.jpg) center top repeat-x;
width:780px; height:111px;
padding: 10px 20px 15px;
}
#logo{float:left; width:100px;}
#logo img{margin-left:5px;}
#headercontent{float:right; width:670px;}
.clear{clear:both;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix{ display: block; }

#header-search{float:right; width:190px;}
#topmenu{float:right; width:480px; padding-top:3px;}

ul.headermenu{margin:0;padding:0;}
ul.headermenu li{
list-style:none;
display:inline;
text-transform:uppercase;font-size:11px;
float:right; margin-left:8px;
}
ul.headermenu li a {text-decoration:none; color:#333;}
ul.headermenu li a.active, ul.headermenu li a:hover{text-decoration:underline;}

.form-text{width:140px;height:15px; border:1px solid #333333; font-size:11px;}
.button{ display:block; height:19px; width:25px; background:#333333; color:#FFFFFF; font-size:11px; border:none; cursor:pointer; text-transform:uppercase;}

#lang{text-align:right; margin-top:10px; font-size:11px;}

span.textbottom{color:#CC0000; font-size:18px;}


#nav{background:#FF0000 url(images/bg_nav.jpg) center top repeat-x; height:21px; padding:15px 10px 15px 20px; font-size:11px; line-height:21px;}

ul.primarymenu{margin:0;padding:0;}
ul.primarymenu li{list-style:none;
display:inline;
text-transform:uppercase;
margin-right:14px;}
ul.primarymenu li.last{margin-right:0;}
ul.primarymenu li a{color:#fff; text-decoration:none;}
ul.primarymenu li a.active, ul.primarymenu li a:hover{color:#330000}

.container{padding:20px; font-size:12px;}

.blockregion{float: left; width:360px; margin-top:15px; font-size:13px; font-size:11px;}
.title_region{float: left; width:135px; color:#fff; background:url(images/tab.jpg) no-repeat left top; height:32px; line-height:32px; padding-left:20px; font-size:13px;}
.title_region2{float: left; width:200px; color:#fff; background:url(images/tab2.jpg) no-repeat left top; height:32px; line-height:32px; padding-left:20px; font-size:13px;}
.readmore{float: left; width:190px; background:url(images/arrow_red.jpg) no-repeat right center; text-align:right; padding-right:15px; height:32px; line-height:32px; color:#BF080A; font-size:13px;}
.readmore2{float: left; width:125px; background:url(images/arrow_red.jpg) no-repeat right center; text-align:right; padding-right:15px; height:32px; line-height:32px; color:#BF080A; font-size:13px;}
.readmore a, .readmore2 a{color:#BF080A; text-decoration:none;}
.contentblock{width:370px; height:150px; border:1px solid #B7B7B7; background:url(images/gradasi_abu_2.jpg) repeat-x left bottom;}
.contentblock2{width:370px; height:220px; border:1px solid #B7B7B7; background:url(images/gradasi_abu_3.jpg) repeat-x left bottom;}
.contentblock3{width:370px; height:225px; }

.sekat{float:left; width:35px; display:block; height:20px;}

#footer{border-top: 1px dashed #404040; padding:10px 0 0; margin-top:15px; font-size:13px;}
#footer ul{margin:10px 0 5px;;padding:0;}
#footer ul li{
list-style:none;
display:inline;
text-transform:lowercase;
margin-right:2px;
width:700px; 
}
#footer ul li a{color:#AC3030; text-decoration:none;}
#footer ul li a.active, #footer ul li a:hover{text-decoration:underline;}
.footermenu{/*float:left; width:700px;*/ text-align:center;}
.footermenu a {color:#000;}
.logo_footer{float:left; width:60px; height:70px;}


#block-banner{
text-align:center;
}
#content{
width:796px;
padding-top:5px;
}
.leftblock{
width:500px;float:left;
}
.rightblock{
width:250px;float:left;float:left;margin-left:20px;margin-bottom:20px;
}
.rightblock table{margin-bottom:10px !important;}
.rightblock h3, .rightblock h1, .rightblock-2 h3, .rightblock-2 h1{color:#fff; background:url(images/tab2.jpg) no-repeat left top; background-color:#fff !important; height:32px; line-height:32px;padding: 0 0 0 10px !important;  font-size:13px; border-bottom:1px solid #ccc; text-align:left; text-transform:capitalize !important; font-weight:normal;}

.rightblock-2{
width:216px;float:right;margin-left:10px;margin-bottom:20px;
}


.textleft{
text-align:left;
}
.textcenter{
text-align:center;
}
.textright{
text-align:right;
}
.hide{
display:none;
visibility:hidden;
}
/* FONT STYLE */
/*body,p,td,div,span,input,select,option{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}*/
/*div#header-text p{
font-size:13px;
color:#868585;
font-weight:bold;
}*/
/*.input-txt,.form-text,*/form-textarea{
	background-color:#fffad2;
	border:1px solid #9a9a9a;
	padding:2px;
}

form#formContactUs .input-txt{width:400px; border:1px solid #333;}

td{
	vertical-align:top;
}
table.sponsor{
	background-color:#498cbb;
	width:100%;
	height:100%;
}
table.sponsor tr td{
padding-left:10px;padding-right:10px;padding-bottom:10px;
}
table.splash,table.splash{
width:100%;margin:0;padding:0;
}
table.block{width:100%;margin:0;padding:0;}
table.blockright{width:100%;margin:0;padding:0;}
table.splash tr td {
	text-align:center;
	
}
table.block tr td,table.blockright tr td {
	text-align:left;
	color:#3F3F3F;
	padding:2px;

}
td a{
	color:#3F3F3F;
	text-decoration:none;
}
td a:hover{
text-decoration:underline;
}
td a.more{
	color:#CC0000;
	text-decoration:none;
}
td a.more:hover{
text-decoration:underline;
}
table.block td.tdread,table.blockright td.tdread,td.tdread{
background-image:url(images/arrow_red.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:10px;
	text-align:right;
}
table.block td.tdread2,table.blockright td.tdread2,td.tdread2{
background-image:url(images/arrow_red.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:10px;
	text-align:right;
}

.bwtlink.active:link{ font-size:18px;color:black;}


table.blockright tr td{
padding-top:4px;
border-bottom:1px solid #CCCCCC;
}
table.block td.tdread a,table.blockright td.tdread a,td.tdread a,a.more{
	color:#CC0000;
	font-weight:bold;

}

table.splash tr td.splash-head,table.block tr td.splash-head,table.blockright tr td.splash-head,table.sponsor tr td.sponsor-head,.splash-head{
	color:#fff; background:url(images/tab.jpg) no-repeat left top; height:32px; line-height:32px;padding: 0; padding-left:10px; font-size:13px; border-bottom:1px solid #ccc; text-align:left; font-weight:normal;
}

.rightblock .splash-head , .rightblock-2 .splash-head, .rightblock h1.title-content2, .rightblock-2 h1.title-content2{background-image:url(images/tab2.jpg)!important;}

table.splash tr td.splash-head3,table.block tr td.splash-head3,table.blockright tr td.splash-head3,table.sponsor tr td.sponsor-head3,.splash-head3{
	color:#fff; background:url(images/tab2.jpg) no-repeat left top; height:32px; line-height:32px;padding: 0; padding-left:10px; font-size:13px; border-bottom:1px solid #ccc; text-align:left;font-weight:normal;
}

table.splash tr td.splash-head-full,table.block tr td.splash-head-full,table.blockright tr td.splash-head-full,table.sponsor tr td.sponsor-head-full,.splash-head-full{
	color:#fff; background-color:#000; height:32px; line-height:32px;padding: 0; padding-left:10px; font-size:13px; border-bottom:1px solid #ccc; text-align:left;font-weight:normal;
}

table.splash tr td.splash-head2,table.block tr td.splash-head2,table.blockright tr td.splash-head2,table.sponsor tr td.sponsor-head2,.splash-head2{
	color:#fff; background:url(images/arrow_red.jpg) no-repeat right center; text-align:right; padding-right:15px; height:28px; line-height:28px; font-size:13px; border-bottom:1px solid #ccc; text-align:left;
}

table.splash tr td.splash-head-filter,table.block tr td.splash-head-filter,table.blockright tr td.splash-head-filter,table.sponsor tr td.sponsor-head-filter,.splash-head-filter{
	color:#fff;  text-align:right; padding-right:5px; height:32px; line-height:32px; font-size:13px; border-bottom:1px solid #ccc; text-align:right; padding:0;
}


.bwtlink{ vli: #CC6666}
.rightdotborder{
border-right:#000000 dotted 1px;
}
.block-gamelist{
margin-top:5px;margin-bottom:5px;
}
.thumbgamelist{
height:auto;/*80px;*/
}
.thumblist{
height:165px;/*80px;*/
}
.thumbgamelist2{
height:auto;/*80px;*/
}
img.imgborder{
border:solid 2px #cbcbcb;
}
.blockbtn{
margin-left:auto;margin-right:auto;width:89px;background-image:url(images/bg-midbtn.gif);background-repeat:repeat-y;
}
.blockbtn-top{
width:89px;height:6px;background-image:url(images/bg-topbtn.gif);background-repeat:no-repeat;padding:0;margin:0;
}
.blockbtn-btm{
width:89px;height:6px;background-image:url(images/bg-btmbtn.gif);background-color:#FFFFFF;background-repeat:no-repeat;
}
.blockbtn a{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
ul#primarynav {
margin-right:10px;
}
ul#primarynav li{
font-size:12px;
list-style:none;
}
ul#primarynav li a:link,ul#primarynav li a:visited{
color:#323232;
text-decoration:none;
font-weight:bold;
}


ul#primarynav li a:hover,ul#primarynav li a.active{
/*text-decoration:underline;*/
color:#f15d22;
}

tr#primarynav {
margin-right:10px;
}
tr#primarynav td{
font-size:12px;
list-style:none;
}
tr#primarynav td a:link,tr#primarynav td a:visited{
color:#0000FF;
text-decoration:none;
font-weight:bold;
}

tr#primarynav td a:hover,tr#primarynav td a.active{
/*text-decoration:underline;*/
color:#000000;
}

.noborder{
border:none
}
p{
color:#3d3d3d;margin:5px;text-align:justify;
}
h3{
color:#3d3d3d;
margin:0;padding:0;
font-size:11px
}
a.more:link,a.more:visited{
font-weight:bold;text-decoration:none;
}
a.more:hover{
text-decoration:underline;
}
select.leftorg{
width:212px;
}
#breadcrumb{
margin-bottom:5px;
font-size:12px;
font-weight:bold;
color:#3d3d3d;
text-transform:uppercase;
clear:both;
}

#block-banner{margin-bottom:10px;}

#breadcrumb a:link,#breadcrumb a:visited{
color:#f15d22;
text-decoration:none;
}
#breadcrumb a:hover{
text-decoration:underline;
}
#breadcrumb a.active:link,#breadcrumb a.active:visited{
color:#3d3d3d;
text-decoration:none;
}
#breadcrumb img{
/*vertical-align:middle;*/
}

a img{
border:none;
}
.float-left{
float:left;
}
div#pend_atlet{
width:794px;text-align:center;
}
div#pend_atlet img{
border:#CCCCCC 1px solid;
margin-right:3px;
}
div#pend_atlet h1{
margin-left:20px;
text-align:left;
color:#38a2e5;
font-size:12px;
}
h1.title-content{
background-color:#498cbb;
color:#FFFFFF;
font-size:12px;
margin:0;
padding:5px;
width:157px;

}

h1.title-content2{
background-color:#498cbb;
color:#FFFFFF;
font-size:12px;
margin:0;
padding:5px;
width:205px;

}
h1.title-content span{
text-align:right;
color:#FFFFFF;
}
/*==SLIDESHOW==*/
#slideshow {
    position:relative;
	
    height:80px;
}

#slideshow DIV {
    text-align:center;
	position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
   
	width:165px;
    background-color: #FFF;
	
	padding-top:10px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
	height:90px;
	
}

#slideshow DIV IMG {
   /* height: 350px;*/
    border: 0;
    margin-bottom: 10px;
}
#slideshow div{
background-color:#FFFFFF;
height:90px;
}
td #slideshow DIV{
width:212px;
height:90px;
}
.player{
display:block;width:216px;height:162px;
}
/*** set the width and height to match your images **/
#slideshow2 {
    position:relative;
    height:220px;
}

#slideshow2 DIV {
	text-align:center;
    position:absolute;
    top:0;
    left:0;
    opacity:0.0;
	width:366px;
	background:#fff url(images/gradasi_abu_3.jpg) repeat-x left bottom;
}

#slideshow2 DIV.active {
    opacity:1.0;
}

#slideshow2 DIV.last-active {
	height:230px;
}

#slideshow2 DIV IMG {
    border: 0;
    margin-bottom: 10px;
}

/*** set the width and height to match your images **/
#slideshow3 {
    position:relative;
    height:254px;
}

#slideshow3 DIV {
	text-align:center;
    position:absolute;
    top:0;
    left:0;
    opacity:0.0;
	width:510px;
	background-color:#9B9B9B;
}

#slideshow3 DIV.active {
    opacity:1.0;
}

#slideshow3 DIV.last-active {
	height:260px;
}

#slideshow3 DIV IMG {
    border: 0;
    margin-bottom: 10px;
}


/*== boxover tooltip ==*/
.thdrcell {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            padding:5px;
            border-bottom:1px solid #C8BA92;
         }
         
         .tdatacell {
            font-family:arial;
            font-size:12px;
            padding:5px;
            background:#FFFFFF;
         }
         
         .dvhdr1 {
            background:#F3F0E7;
            font-family:arial;
			color:#1B468E;
            font-size:14px;
            font-weight:bold;
            border:1px solid #C8BA92;
            padding:5px;
            width:300px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #C8BA92;
            border-right:1px solid #C8BA92;
            border-bottom:1px solid #C8BA92;
            padding:5px;
            width:300px;
         }
         
         
         .dogvdvhdr {
            width:200;
			font-size:13px;
            background:#C4D5E3;
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:5px;
         }
         
         .dogvdvbdy {
            width:200px;
            background:#FFFFFF;
            border-left:1px solid #C4D5E3;
            border-right:1px solid #C4D5E3;
            border-bottom:1px solid #C4D5E3;
			border-top:1px solid #C4D5E3;
            padding:5px;
			font-size:11px;
         }
         
         .pgdiv {
         width:320;
         height:250;
         background:#E9EFF4;
         border:1px solid #C4D5E3;
         padding:10px;
         margin-bottom:20;
         font-family:arial;
         font-size:12px;
         }
		 
#gallery_home{
height:265px; width:43%; float:left;float:left;margin-left:15px; display:inline;
}
.linkpage {
font-weight:bold;color:#D7D7D7;margin-left:5px;padding:1px;
}
.study_menu{
list-style:none;border-bottom:#CCCCCC 1px solid;padding-bottom:5px;padding-top:5px;
}
.study_menu a{
color:#cc0000;text-decoration:none;padding:5px;
}
.study_menu a:hover{
color:#000;
}
.study_header{
margin-bottom:10px;padding:8px;background-color:#333333;position:relative;overflow:hidden;height:70px;
}
.study_header2{
margin-bottom:10px;padding:8px;background-color:#333333;position:relative;overflow:hidden;
}
.study_img{
float:left;margin-right:10px;
}
.event_header{
padding:8px;background-color:#333333;position:relative;overflow:hidden;height:52px;
}
.event_header2{
padding:8px;background-color:#333333;position:relative;overflow:hidden;
}
.event_img{
float:left;margin-right:10px;
}

div.cat-node
{
	float: left;
	display: block;
	background-color: transparent;
	margin: 0 10px 4px 0;
	padding: 0 0 0 12px;
	width: 158px;
}

div.cat-node a:link,
div.cat-node a:visited
{
	background-color: transparent;
	color: #2D64AF;
	text-decoration: none;
}

div.spacer
{
	clear: both;
	margin: 0;
	padding-bottom: 5px;;
}
.ath-header{
width:489px;
}
.imgDsc{
width:400;
}
.p-board{
margin: 2px 0 10px 0;
text-align:left;
}
.result{
text-align:right;
}
.result a{
text-decoration:none; color:#2D64AF
}
.result a:hover{
text-decoration:underline; color:#2D64AF
}

.omenu a{color:#cc0000;}



/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.primarymenu table
{
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
.primarymenu li.top
{
	position:relative;
	display:block;
	float:left;
}


/* Style the list OR link hover. Depends on which browser is used */
.primarymenu a:hover
{
	visibility:visible;
} /* for IE6 */
.primarymenu li:hover
{
	position:relative;
	z-index:200;
} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
/* keep the 'next' level invisible by placing it off screen. */
.primarymenu ul, 
.primarymenu :hover ul ul, 
.primarymenu :hover ul :hover ul ul,
.primarymenu :hover ul :hover ul :hover ul ul,
.primarymenu :hover ul :hover ul :hover ul :hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	
}

/* set up the first drop down sub level */
.primarymenu :hover ul.sub
{
	left:0;
	top:21px;
	background-color:#b60000;
	padding:3px 0;
	color:#FFFFFF;
	white-space:nowrap;
	width: 130px;
	height:auto;
	filter:alpha(opacity=90);
  opacity:0.9;

  /*font-weight:bold;*/
}
.primarymenu :hover ul.sub li
{
	display:block;
	height:20px;
	position:relative;
	float:left;
	width: 130px;
	background-color:#b60000;
	color:#FFFFFF;
}
.primarymenu :hover ul.sub li a
{
	display:block;
	height:20px;
	width:130px;
	line-height:20px;
	text-indent:5px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	font-family:tahoma;
	font-size:10px;
}
ul.primarymenu li ul.sub li a{font-size:11px;}
.primarymenu :hover ul.sub li.mid ul li
{
	display:block;
	height:20px;
	position:relative;
	float:left;
	width: 130px;
}
.primarymenu :hover ul.sub li a:hover
{
	color:#000;
	background-color:#E20A15;
}

/* set up the flyout levels when hovering */
.primarymenu :hover ul :hover ul,
.primarymenu :hover ul :hover ul :hover ul,
.primarymenu :hover ul :hover ul :hover ul :hover ul,
.primarymenu :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left: 130px;
	top:-4px;
	background: #36c;
	padding:3px 0;
	border:1px solid #888;
	white-space:nowrap;
	width:130px;
	z-index:200;
	height:auto;
}

ul.primarymenu li a.active{color:#000;}


ul.sitemap{font-size:13px; text-transform:uppercase;}
ul.sitemap li a{height:20px; line-height:20px; color:#000; text-decoration:none;}
ul.sitemap li a:hover{text-decoration:underline; color:#CC0000;}