/* 		rx 				*/


/* Body Style */
body {
	font-size: 12px;
	color: #322b25;
	margin: 0 auto;
	text-align: center;
	background: #FFF200;

}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;
}

/* link Standard*/
a {
	color: #902322;
	text-decoration: none;
}

a:hover {
	color: #111;
	text-decoration: underline;
}

/* standard Form */
form {
	margin: 0px;
}

input,select,textarea,option,label {
}

input.button {
	border: 0px;
	padding: 2px 8px 3px 8px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #8d2929;
	cursor: pointer;
}
*html input.button {
	padding: 2px 4px;
}
input.button:hover {
	background-color: #d5541b;
}

input.text {
	font-size: 11px;
	padding: 2px;
	border: 1px solid #db9314;
}
input.text:focus {
	border: 1px solid #704700;
}
textarea {
	border: 1px solid #db9314;
	overflow: auto;
}
textarea:focus{
	border: 1px solid #704700;
}

/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}

hr {
border-top:#FF0000 solid 3px;
height:0px;
background:#FF0000;
}

img {
	border: none;
}
.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
	margin-right: 10px;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

.clear{
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
	overflow: hidden;
    background:url(bg/bg2.png)  top center repeat-y;
}

/* --------- wrapper element -------- */
.body{
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	text-align: left !important;



}
.container {
	width: 990px;
	margin: 0 auto;
	padding: 0px 4px;
	overflow: hidden;

}
.mainPage {
    height:100%;
	padding-bottom:	20px;
	background:url(bg/bg2.png)  top center repeat-y;
}
*html .mainPage {
	height: 200px;
	overflow: visible;
}

.wrapper {
	width: 760px;
	float: right;
	display: block;
    padding: 0px;

}
.main {
	width: 530px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	margin:0 auto;
}

/* ------------------------ header ---------------------------- */
.header {
	height: 150px;
	padding: 0px;
	overflow: hidden;
	width: 950px;
	margin:0 auto;
}
.headerMain {
	height: 246px;
	padding: 0px;
	overflow: hidden;
}
.headerFlash {
	width: 960px;
	height: 246px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 1;
}
a.siteLogo {
	width: 330px;
	height: 197px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	margin-top: 0px;
	margin-left: 576px;
	z-index: 2;
}
a.siteLogo img {
	width: 330px;
	height: 197px;
	border: none;
}
.headerBottom {
	height: 44px;
	padding: 0px;
	overflow: hidden;
}
.search {
	width: 332px;
	height: 44px;
	padding: 0px;
	overflow: hidden;
	float: right;
	display: block;
	background: url(../images/bgSearch.gif) top right no-repeat #fff;
}
.search h2 {
	color: #fff;
	font-size: 1.0em;
	float: left;
	margin: 0px;
	padding: 17px 15px 5px 52px;
}
input.searchTxt {
	margin-top: 16px;
	width: 160px;
	padding: 0px;
	border: none !important;
	background: transparent !important;
}
*html input.searchTxt {
	margin-top: 15px;
}
input.searchBtn {
	display: none;
}

ul.nav {
	float: left;
	height: 44px;
	overflow: hidden;
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	background: url(../images/nav_bg.gif) top left repeat-x;
}
ul.nav li {
	float: left;
	background: url(../images/nav_left.gif) top left no-repeat;
}
ul.nav li.first {
	background: url(../images/nav_left_first.gif) top left no-repeat;
}
ul.nav li a {
	float: left;
	padding: 13px 33px;
	font-size: 1.1em;
	color: #902322;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/nav_right.gif) top right no-repeat;
}
ul.nav li.first a {
	padding-left: 65px;
}
ul.nav li.last a {
	background: url(../images/nav_right_last.gif) top right no-repeat;
}
ul.nav li a:hover {
	color: #111;
	text-decoration: none;
}
/* ------------------------ end header------------------------- */

.topContent {
	padding: 0px 0px 8px 0px;
}
.ticker {
	height: 20px;
	padding: 20px 0px;
	margin-top: 8px;
	overflow: hidden;
	color: #0d1200;
	background: url(../images/bgTicker.gif) left top repeat-x #8bc000;
}

.topContent .banner {
	margin-top: 8px;
	height: 60px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
}
.topContent .banner p {
	display: inline;
	margin: 0px 1px !important;
	padding: 0px !important;
	text-align:center;
}
*html .topContent .banner p {
	margin: 0px 2px !important;
	text-align:center;

}



/* ------------------------ side element ---------------------------- */
.sidebar {
	width: 210px;
	float: left;
	display: block;
	padding: 0px;
	overflow: visible;


}





.video {
	height: 134px;
	padding: 0px 15px;
	overflow: hidden;
	background: url(../images/bgVideo.gif) no-repeat;
}
.video h2 {
	color: #fff;
	font-size: 1.0em;
	margin: 0px !important;
	padding: 12px 2px 8px 2px !important;
}
.video a {
	width: 178px;
	height: 68px;
	padding: 0px;
	float: left;
	display: block;
}

.menu {

	background: url(../images/bgMenu.gif) bottom left no-repeat;
}
#menuCell {
	padding-top: 4px;
	background: url(../images/menuTop.gif) top left no-repeat;
}
*html #menuCell {
	padding-top: 4px;
}

.block {
	margin-bottom: 5px;
	padding: 0px 10px;
	text-align:center;
}
.sidebar .blockHeader {
	height: 13px;
	color: #fff;
	padding: 8px 10px 10px 10px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	background: url(../images/blockHeader.gif) top left no-repeat #cd261e;
}
.sidebar .blockCell {
	padding: 6px 10px;
	color: #ffe173;
	font-size: 11px;
	background: url(../images/blockCell.gif) top left repeat-x #cd261e;
}
.blockCell p {
	margin: 6px 0px !important;
	line-height: 130%;
	padding: 0px !important;
}
.blockCell img {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: none;
}
.blockCell a {
	color: #fff;
}
.blockCell b, .blockCell span {
	color: #2f1b0a;
}
.blockCell ul {
	margin: 10px 0px 0px 0px !important;
	padding: 0px !important;
	list-style: none;
	color: #2f1b0a;
}
.blockCell ul li {
	color: #ffe173;
	margin: 3px 0px;
	padding-left: 10px;
	background: url(../images/arrowList.gif) no-repeat;
	background-position: 0px 4px;
}
.blockCell ul li a {
	color: #ffe173;
}
.sidebar .blockBottom {
	min-height: 10px;
	padding: 0px 10px 10px 10px;
	color: #ffe173;
	text-align: right;
	font-size: 11px;
	background: url(../images/blockBottom.gif) bottom left no-repeat #cd261e;
}
*html .blockBottom {
	height: 1px;
	overflow: visible;
}
a.linkMore {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding-left: 13px;
	background: url(../images/arrow.gif) no-repeat;
	background-position: 0px 2px;
}

.agenda {
	margin-top: -15px;
	margin-right: 10px;
}
.agendaHeader {
	height: 22px;
	padding: 29px 33px 0px 10px;
	overflow: hidden;
	text-align: right;
	color: #fff;
	font-weight: bold;
	background: url(../images/agendaHeader.gif) top left no-repeat;
}
.agendaCell {
	padding: 3px;
	background-color: #fff;
}
.agendaCell table {
	border: 1px solid #dddddd;
	border-collapse: collapse;
}
.agendaCell table table {
	border: none;
}
.agendaCell table th {
	padding: 6px 5px;
	font-size: 1.2em;
	color: #573294;
	text-align: right;
}
.agendaCell table th span {
	color: #d5322b;
	float: left;
}
.agendaCell table td {
	height: 26px;
	vertical-align: middle;
	border: 1px solid #dddddd;
}
.agendaCell table td td {
	border: none;
	padding: 0px;
	background-color: #dddddd;
}
.agendaBottom {
	padding: 3px 5px 22px 5px;
	background: url(../images/agendaBottom.gif) bottom left no-repeat #fff;
}
.agendaBottom p {
	clear: both;
	font-size: 11px;
	color: #666666;
	margin: 0px !important;
	padding: 0px !important;
}
.agendaBottom p span {
	float: left;
	width: 65px;
	text-align: right;
}
.agendaBottom p a {
	float: right;
	width: 124px;
	color: #666666;
}
.agendaBottom p a:hover {
	color: #333;
	text-decoration: underline;
}

.rightbar {

	width: 210px;
	padding: 0px;
	overflow: hidden;
	float: right;
	display: block;

}

img.special {
	margin: 10px;
}

.sideBanner {
	margin: 0px 15px;
	padding: 0px;
	background: url(../images/sideBanner_top.gif) top center no-repeat #fff;
}
.sideBanner .banner {
	padding: 10px 0px;
	background: url(../images/sideBanner_bot.gif) bottom center no-repeat;
	text-align:center;
}
.sideBanner .banner p {
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
}

.cs {
	margin-top: -1px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
}
.csHeader {
	height: 13px;
	padding: 25px 10px 10px 10px;
	overflow: hidden;
	color: #232323;
	font-weight: bold;
	background: url(../images/csHeader.gif) top left no-repeat;
}
.csCell {
	padding: 10px 20px 20px 10px;
	background: url(../images/csBottom.gif) bottom right no-repeat #fff;
}
.csCell table {
	border: none;
	width: 100%;
}
.csCell td {
	padding: 2px 0px;
	font-weight: bold;
	font-size: 11px;
	color: #be160e;
}
.csCell td img {
	float: right;
}
.csBottom {
	display: none;
}

.rightbar .blockHeader {
	height: 13px;
	color: #fff;
	padding: 8px 10px 10px 10px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	background: url(../images/blockHeader2.gif) top left no-repeat #cd261e;
}
.rightbar .blockCell {
	padding: 6px 10px;
	color: #ffe173;
	font-size: 11px;
	background: url(../images/blockCell2.gif) top left repeat-x #cd261e;
}
.rightbar .blockBottom {
	min-height: 10px;
	padding: 0px 10px 10px 10px;
	color: #ffe173;
	text-align: right;
	font-size: 11px;
	background: url(../images/blockBottom2.gif) bottom left no-repeat #cd261e;
}

.hits {
	padding: 10px 0px 0px 0px;
}
.hits p {
	margin: 5px 0px !important;
	padding: 0px !important;
	color: #ffe173;
	text-align: center !important;
}
.hits img {
	float: none;
	margin: 0px -1px 0px 0px;
	border: 1px solid #892929;
}

/* ------------------------ main section ---------------------------- */

.news {
line-height: 27px;
}
.newsHeader {
	height: 33px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/newsHeader.gif) top left no-repeat;
}
.newsHeader h2 {
	color: #fff;
	font-size: 1.3em;
	margin: 0px 20px !important;
	padding: 7px 0px !important;
	background: url(../images/dotted2px.gif) left 50% repeat-x;
}
.newsHeader h2 span {
	padding: 0px 9px;
	background: url(../images/newsHeaderBlock.gif) left 50% repeat-x;
}
.newsCell {
	padding: 10px 10px 1px 10px;
	background-color: #fbd100;
}
.newsItem {
	padding: 10px;
	margin-bottom: 10px;
	background: url(../images/newsItem.gif) bottom left no-repeat #ef9e0f;
}
.newsDate {
	font-size: 10px;
	color: #8c2929;
}
.newsTitle {
	font-size: 1.1em;
	font-weight: bold;
}
.newsTitle a {
	color: #322b25;
}
.newsDesc {
	padding: 5px 0px;
	line-height: 130%;
}
.newsDesc img {
	float: left;
	margin-right: 10px;
}
.newsDesc a.linkMore {
	color: #8c2929;
	background: url(../images/arrow2.gif) no-repeat;
	background-position: 0px 2px;
}
.newsBottom {
	height: 22px;
	padding: 5px 40px;
	overflow: hidden;
	text-align: right;
	font-weight: bold;
	background: url(../images/newsBottom.gif) top right no-repeat;
}

.map {
	margin-top: -22px;
}
.mapHeader {
	height: 50px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/mapHeader.gif) top left no-repeat;
}
.mapCell {
	height: 322px;
	padding: 0px 10px;
	overflow: hidden;
	text-align: center;
	background-color: #fbd100;
}
.mapBottom {
	height: 22px;
	padding: 6px 40px;
	overflow: hidden;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/mapBottom.gif) top left no-repeat #fbd100;
}
.mapBottom a {
	text-decoration: none;
}
.mapBottom a:hover {
	color: #fff;
	text-decoration: none;
}

/* ------------------------ content ---------------------------- */

.contentArea {
/*background: #F0C000; */
}
.pageTitle {
	height: 33px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/newsHeader.gif) top left no-repeat;

}
.pageTitle h2 {
	color: #fff;
	font-size: 1.3em;
	margin: 0px 20px !important;
	padding: 7px 0px !important;
	background: url(../images/dotted2px.gif) left 50% repeat-x;
}
.pageTitle h2 span {
	padding: 0px 9px;
	background: url(../images/newsHeaderBlock.gif) left 50% repeat-x;
}
.contentContainer {
	/*padding: 10px 10px 1px 10px;
	background-color: #FFFF00; */
	border: 2px solid black;
}
.content {
	padding-left: 28px;
	margin-bottom: 10px;

/*	overflow:auto; */
	width:470px;
/*	border: 2px solid blue;
	background: url(../images/bgContent.gif) bottom left no-repeat #f4b507;
*/
	line-height:28px;
}
h1.title {
	font-size: 1.5em;
	margin: 5px 0px !important;
	padding: 0px !important;
	border-bottom: 1px solid #f9c817;
}
.content h3 {
	font-size: 1.2em;
	margin: 10px 0px !important;
	padding: 0px !important;
}
.content p {
	margin: 8px 0px !important;
	padding: 0px !important;
	line-height: 130%;
}

table.contactTbl {
	width: 100%;
}
table.contactTbl th {
	padding: 4px 10px;
	color: #fff;
	background-color: #c87a00;
	text-align: left;
}
table.contactTbl td {
	padding: 8px 10px 0px 10px;
}

table.searchTbl {
	width: 90%;
	margin: 0px auto;
	border: 0px;
	background-color: #f3b208;
	margin-bottom: 20px;
}
table.searchTbl td{
	padding: 8px;
}

input.searchButton{
	background-color: #ecc25d;
	border: 1px solid #c78f45;
	color: #111;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 8px;
	cursor: pointer;
}
.searchSelect {
	border-top: 1px solid #e8dad1;
	border-left: 1px solid #e8dad1;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #fbf7f4;
	color: #111;
	font-size: 12px;
	width: 310px;
	font-weight: lighter;
	padding: 2px;

}
input.searchText{
	border-top: 1px solid #e8dad1;
	border-left: 1px solid #e8dad1;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #fbf7f4;
	color: #111;
	font-size: 12px;
	width: 300px;
	font-weight: lighter;
	padding: 2px;
}

.searchResult {
	clear: both;
}
.searchResultItem {
	padding: 10px;
	border-top: 1px solid #f9c817;
}
.searchResultItem .title{
	font-weight: bold;
}
.searchResultItem .title a{
	color: #be160e;
}
.searchResultItem .title a:hover {
	color: #fff;
	text-decoration: none;
}

.searchResult .newsItem {
	clear: both;
	border: none
}
.searchResult .newsDate {
	font-size: 11px;
	color: #a50000;
}
.searchResult .newsTitle {
	font-size: 12px;
	font-weight: bold;
}
.searchResult .newsTitle a{
}
.searchResult .newsTitle a:hover{
	text-decoration: underline;
}

.pageNav {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #f9c817;
}
.pageNav p {
	display: inline;
	margin: 0px !important;
	padding: 0px 6px !important;
	border-left: 1px solid #f9c817;
}
.pageNav p.first {
	border: none !important;
}
.pageNav p a{
	font-weight: bold;
}
.pageNav p a:hover{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.gallery {
	padding: 10px 0px;
}
.gallery h2 {
	height: 30px;
	margin: 0px 10px !important;
}
.gallery ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.gallery ul li {
	float: left;
	padding: 5px 12px 5px 8px;
}
.gallery ul li img {
	width: 100px;
	height: 100px;
	border: 4px solid #fef16e;
}
.gallery ul li a img {
	border: 4px solid #fef16e;
}
.gallery ul li a:hover img {
	border: 4px solid #fff;
}

ul.list {
	margin: 0px !important;
	padding: 0px 0px 10px 0px !important;
	list-style: none;
}
ul.list li {
	border-bottom: 1px solid #f9c817;
}
ul.list li a {
	padding: 6px 10px;
	display: block;
}
ul.list li a:hover {
	text-decoration: none;
	background-color: #f9c817;
}

ul.list2 {
	margin: 0px !important;
	padding: 0px 0px 10px 0px !important;
	list-style: none;
}
ul.list2 li {
	border-bottom: 1px solid #f9c817;
}
ul.list2 li a {
	padding: 6px 10px 6px 24px;
	display: block;
	background: url(../images/download.gif) no-repeat;
	background-position: 0px 4px;
}
ul.list2 li a:hover {
	text-decoration: none;
	background-color: #f9c817;
}

/* ------------------------ footer ---------------------------- */
.footer {
	text-align: center;
/*	background: url(footer.png) top center no-repeat;
	height:106px; */

	margin:0 auto;

}
.footer .footerCell {

	border:1px dashed #FF0000;
	width:500px;
	margin:0 auto;
	padding: 6px 10px 6px 24px;

	color: #CCCCCC;
	background-color:#333333;

}
.footerCell a {
	color: #af5213;
	text-decoration: none;
}
.footerCell a:hover {
	color: #da7530;
	text-decoration: none;
}


/* -------------------------- tambahan ---------------------*/


.xbg {
	margin:0 auto;

}
.xbg .toppanel {
	height: 68px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	background: url(bg/bg1.png) bottom center no-repeat;
}

.xbg .toppanel .title{
 	font-weight: bold;
	font-size: 13px;
    color: #FFF;
    background: transparent url(panel/toppanel.png) no-repeat top center;
    width: 400px;

    overflow:visible;
    margin:0 auto;
    height: 35px;
    padding-top: 10px;


}


.xbg .toppanel .title a{
    color :#FFFF00;
    text-decoration:underline;
	font-size: 13px;
}

.xbg .bottompanel {
	height: 52px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	background: url(bg/bg3.png) top center no-repeat;
}

.xbg .bottompanel .title{
 	font-weight: bold;
	font-size: 13px;
    color: #FFFF00;
    background: transparent url(panel/toppanel.png) no-repeat bottom center;
    width: 400px;
    bottom:0;
    overflow:visible;
    margin:0 auto;
    height: 35px;
    padding-top:25px;


}


.xbg .bottompanel .title a{
    color :#FFFF00;
    text-decoration:underline;
	font-size: 13px;
}

.xpanel {
	margin:0 auto;
	padding-left:0px;

}
.xpanel .toppanel {
	width:207px;
	height: 52px;/*44px;*/
	padding: 0px;
	overflow: hidden;
	text-align: center;
	background: url(panel/p1.png) bottom center no-repeat;
    color:#FFF;
    text-align: center;

 	font-weight: bold;
	font-size: 16px;



}

.xpanel .middlepanel {
	width:207px;
	padding: 0px;
	text-align: center;
	background: url(panel/p2.png) top center repeat-y;

}

.xpanel .bottompanel {
	width:207px;
	height: 27px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	background: url(panel/p3.png) top center no-repeat;
}

.subtitle {
  text-align: center;
   	font-weight: bold;
	font-size: 16px;
    border-top: 1px solid #FFFF00;
    border-bottom: 1px solid #FFFF00;
    width: 170px;
    background: #ECBD00;
    margin: 0 auto;
}


.newstitle {
  text-align: center;
   	font-weight: bold;
	font-size: 16px;
    border-top: 1px solid #FFFF00;
    border-bottom: 1px solid #FFFF00;
    width: 300px;
    background: #ECBD00;
    margin: 0 auto;
}

.newsbody {
    border: 2px solid #FFFF00;
    margin: 0 auto;
    padding: 3px;
    line-height:28px;
}


.countertitle{
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #FFFF00;
    width: 170px;
    background: #ECBD00;
}


.xpanel .toppanel .title{
    padding-top:15px;
}

.default-p {

line-height: 25px;
}