body {
	font-family:Trebuchet MS;
	font-size:12px;
	color:#3C3C3C;
}
.menu {
	color: #FFFFFF;
	cursor:pointer;
}
.menu:hover {
	background: url(../images/menu_bg2.gif);
	cursor:pointer;
	text-decoration:underline;
}
.link1 {
	font-family: Arial;
	font-size: 11px;
	color: #868686;
	text-decoration: none;
}
.title1 {
	color: #fff108;
	padding:5px;
	height:26px;
	font-size:14px;
	font-weight:bold;
}
.header {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #276148;
	text-decoration: none;
}
.text1 {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #414141;
	text-decoration: none;
}
.header2 {
	font-family: Trebuchet MS;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #276148;
	text-decoration: none;
}
.big {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #A5A4A4;

}
.link1 {
	font-family: Arial;
	font-size: 11px;
	color: #868686;
	text-decoration: none;
}
.link1:hover {
	text-decoration: underline;
}
.title2 {
	color: #e1871a;
	padding:5px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
}
.title2b {
	color: #5F5F5F;
	padding:5px;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
}
.title2:hover {
	cursor:pointer;
	text-decoration:underline;
}
.title3 {
	color: #000000;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
.title4 {
	color: #FFFFFF;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
.title5 {
	color: #000000;
	padding:5px;
	font-size:11px;
	font-weight:bold;
}
.dates {
	color: #FFFFFF;
	font-size:11px;
}
.news_content {
	color: #FFFFFF;
	font-size:12px;
}
.news_content2 {
	color: #FFFFFF;
	font-size:12px;
	cursor:pointer;
}
.news_content2:hover {
	text-decoration:underline;
}
.gal_title {
	color: #990000;
	font-size:14px;
	font-weight:bold;
}
.gal_content {
	color: #000000;
	font-size:12px;
}
.news_title {
	color: #fff108;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.news_title:hover {
	text-decoration:underline;
}
.pengumuman_title {
	color: #000040;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.pengumuman_title:hover  {
	text-decoration:underline;
}
.pengumuman_content {
	color: #272727;
	font-size:12px;
	cursor:pointer;
}
.pengumuman_content:hover {
	text-decoration:underline;
}

.toggleopacity {
	filter :alpha(opacity=90); opacity:0.90; -moz-opacity:0.90;
	cursor:pointer;
	border:1px solid #FFFFFF;;
}

.toggleopacity:hover{
	filter :alpha(opacity=100); opacity:1; -moz-opacity:1;
}



.TitleBig {color: #7E7E7E; font-family: "Verdana"; font-size:18px; text-align:left;}
.FontBig {font-family: "Verdana"; font-size:14px; text-align:left;}

.Title1 {color: #7E7E7E; font-family: "Verdana"; font-size:14px;}
.Title2 {color: #7E7E7E; font-family: "Verdana"; font-size:11px; font-weight:bold;}
.Title3 {color: #7E7E7E; font-family: "Verdana"; font-size:11px; font-style:italic;}
.TitleSearch {font-size:11px;color:#2F405F;font-weight:bold;font-family:Arial;}

.BreadCrump {color: #7E7E7E; font-family: "Verdana"; font-size:11px;}
.Title1Hover {color: #7E7E7E; font-family: "Verdana"; font-size:14px; text-decoration:underline;}
.ToolTipTitle {color: #910000; font-family: "Arial"; font-size:11px; font-weight:bold;text-decoration:underline;}
.ToolTip {color: #000064; font-family: "Arial"; font-size:11px;}
.ToolTipItalic {font-size:10px;font-style:italic;}
.PhotoNav-off{visibility:visible;opacity: .5;filter: alpha(opacity=50);cursor:pointer;background: transparent;}
.PhotoNav-on{visibility:visible;opacity: 1;filter: alpha(opacity=100);cursor:pointer;background: transparent;}
.PhotoNav-disable{visibility:visible;opacity: 0.25;filter: alpha(opacity=25);cursor:pointer;background: transparent;}

.SlideShow-Footer{border-collapse: collapse;	border-bottom: 1px solid #DBDBDB;border-left: 1px solid #DBDBDB;border-right: 1px solid #DBDBDB;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x; background:#F2F5F7;}

.SlideShow-Header{border-collapse: collapse;	border-top: 1px solid #DBDBDB;border-left: 1px solid #DBDBDB;border-right: 1px solid #DBDBDB;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x;background:#F2F5F7;}

.SlideShow-Container{border-collapse: collapse;	border-left: 1px solid #DBDBDB;border-right: 1px solid #DBDBDB;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x;width:100%;height:200px;background:#F2F5F7;}

.SlideShow-Container-td{border-collapse: collapse;	border: 1px solid #DBDBDB;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x;background:#E9E9E9;height:200px;width:600px;}

.Thumbnail-Container {border-collapse: collapse;	border-top: 1px solid #A6A69A;border-bottom: 1px solid #A6A69A;border-left: 1px solid #A6A69A;border-right: 1px solid #A6A69A;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x;background:#F2F5F7;width:100%;height:445px;padding:10px;}

.BcmLnk {
	text-decoration: none;
	font-weight:bold;
	color:#3B5998;
}
.BcmLnk:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#3B5998;
}
.link1 {
	text-decoration: none;
	color: #00005E;
}
.link4 {
	text-decoration: none;
	font-style:italic;
	cursor:pointer;
	filter:alpha(opacity=40);
	opacity:0.40;
	-moz-opacity:0.40;
	color: #00005E;
}
.link4:hover {
	filter:alpha(opacity=80);
	opacity:0.80;
	-moz-opacity:0.80;
	text-decoration: underline;
}
.link5 {
	text-decoration: none;
	font-weight:bold;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.60;
	-moz-opacity:0.60;
	color: #00005E;
}
.link5:hover {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}
.link2 {
	text-decoration: none;
	color: #FFFFFF;
}
.link2:hover {
	text-decoration: none;
	color: #00005E;
}
.link3 {
	text-decoration: none;
	color: #585858;
}
.button-off {
	filter:alpha(opacity=40);
	opacity:0.40;
	-moz-opacity:0.40;
}
.button-on {
	filter:alpha(opacity=80);
	opacity:0.80;
	-moz-opacity:0.80;
}
.style_menu {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #3B5998;
}
.style_menu:hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	background: #6D84B4;
}

.tab-on {
	background:#FFFFCC;border:1px solid #408080;visibility:visible;overflow:auto;width:100%;height:250px;position:absolute;z-index:10;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:5px;display:block;
}

.tab-off {
	background:#FFFFCC;border:1px solid #408080;visibility:hidden;overflow:auto;width:100%;height:250px;position:absolute;z-index:10;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:5px;display:none;
}

.tab-left-on {
	background:#FFFFCC;border-top:1px solid #408080;border-left:1px solid #408080;border-right:1px solid #408080;width:200px;visibility:visible;position:relative;z-index:11;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:1px;cursor:pointer;
}

.tab-left-off {
	background:#DADADA;width:200px;visibility:visible;position:relative;z-index:9;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;cursor:pointer;opacity: .60;filter: alpha(opacity=60);
}

.tab-right-on {
	background:#FFFFCC;border-top:1px solid #408080;border-left:1px solid #408080;border-right:1px solid #408080;width:200px;visibility:visible;position:relative;z-index:11;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:1px;cursor:pointer;
}

.tab-right-off {
	background:#DADADA;width:200px;visibility:visible;position:relative;z-index:9;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;cursor:pointer;opacity: .60;filter: alpha(opacity=60);
}

.tab-center-on {
	background:#FFFFCC;border-top:1px solid #408080;border-left:1px solid #408080;border-right:1px solid #408080;width:200px;visibility:visible;position:relative;z-index:11;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:1px;cursor:pointer;
}

.tab-center-off {
	background:#DADADA;width:200px;visibility:visible;position:relative;z-index:9;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;cursor:pointer;opacity: .60;filter: alpha(opacity=60);
}
.TblTtlTxt {background-repeat:repeat-x;background-color:#FFFFD5;text-align:left;color:#000066;padding:5px 5px;font-weight:bold;font-size:12px;border-top:solid 1px #BEC7CC;border-left:solid 1px #BEC7CC;border-right:solid 1px #BEC7CC;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;background-position:3px 3px;font-family:Arial;}
.TblTtlTxt2 {background-repeat:repeat-x;background-color:#FFFFD5;text-align:left;color:#000066;padding:2px 2px;font-weight:bold;font-size:12px;border-top:solid 1px #71838D;border-left:solid 1px #71838D;border-right:solid 1px #71838D;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;background-position:3px 3px}

.main-tab {background: #E9E9E9;cursor:pointer;}
.main-tab-content{background: #FFFFFF;border:5px #E9E9E9 solid;}

.main-tab-on {background: #FFFFBF;cursor:pointer;}
.main-tab-content-on{background: #FFFFFF;border:5px #FFFFBF solid;}

.comment-tab {background: #E9E9E9;cursor:pointer;border-bottom:3px #E9E9E9 solid;}
.comment-tab-content{background: #FFFFFF;border:5px #E9E9E9 solid;}

.comment-tab-on {background: #FFFFBF;cursor:pointer;border:3px #FFFFBF solid;border-top:5px #FFFFBF solid;}
.comment-tab-content-on{background: #FFFFFF;border:5px #FFFFBF solid;}

.Btn1, .Btn1Def, .Btn1Hov, Btn1DefHov {
	border: 1px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	background: #6D84B4;
	height:20px;
	font-size:11px;
	text-align: center;
	color: #FFFFFF;
	line-height:20px;
	cursor:pointer;
}
.Btn1Small, .Btn1DefSmall, .Btn1HovSmall, Btn1DefHovSmall {
	border: 1px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	background: #6D84B4;
	height:20px;
	font-size:11px;
	text-align: center;
	color: #FFFFFF;
	line-height:20px;
	cursor:pointer;
}
.Btn1Dis {
	border: 1px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #666666;
	height:20px;
	font-size:11px;
	line-height:20px;
}
.TxtFld {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px Arial;
	margin: 1px;
	padding: 1px;
}
.TxtFldCombo {
	background: #FFFFFF;
	border: 1px solid #b2b2b2;
	color: #666666;
	font: 10px Arial;
	margin: 1px;
	padding: 1px;
}
.TxtFldLine {
	background: #FFFFFF;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #b2b2b2;
	color: #000;
	font: 11px Arial;
	margin: 1px;
	padding: 3px;
}
.TxtFld:focus {
	background: #fff;
	border: 1px solid #686868;
}
.TxtFldMini {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px Arial;
	margin: 0px;
	padding: 1px;
}
.TxtFldChat {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px Arial;
	margin: 0px;
	padding: 1px;
}
.TxtFldChat:focus {
	background: #fff;
	border: 1px solid #686868;
}
.TxtFldMini:focus {
	background: #fff;
	border: 1px solid #686868;
}
.TxtFldMini2 {
	background: #ffffff;
	border: 1px solid #999;
	color: #000;
	font: 11px Arial;
	margin: 0px;
	padding: 5px;
}
.TxtFldMini2Dis {
	background: #E1E4E5;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px Arial;
	margin: 0px;
	padding: 5px;
}
.TxtFldDis {
	background: #E1E4E5;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px  Arial;
	margin: 1px;
	padding: 1px;
}
.TxtFldNum {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px Arial;
	margin: 1px;
	padding: 1px;
	text-align: right;
}
.TxtFldNumDis {
	background: #E1E4E5;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 11px  Arial;
	margin: 1px;
	padding: 1px;
	text-align: right;
}
.TxtFldNum:focus {
	background: #fff;
	border: 1px solid #686868;
	text-align: right;
}
.SearchBox {
	background: url("../images/loop-little.png");
	background-color: #f4f4f4;
	filter:alpha(opacity=70);
	opacity:0.70;
	-moz-opacity:0.70;
	background-repeat:no-repeat;
	border: 2px solid #DBDBDB;
	color: #7C7C7C;
	font: 14px Arial;
	margin: 1px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left:25px;
}
.SearchBox:focus {
	filter:alpha(opacity=90);
	opacity:0.90;
	-moz-opacity:0.90;
	background-color: #ffffff;
	border: 2px solid #DBDBDB;
}


/* TABLE */
table.Tbl {empty-cells:show;border-left:solid 1px #BEC7CC;}

.TblMgn {margin:0px 0px}
table.Tbl td {border-bottom:solid 1px #BEC7CC;border-right:solid 1px #BEC7CC;border-top:none;padding:2px 2px 2px 5px;font-size:11px;font-family:Arial;}
table.TblNav td {border-right:none;border-bottom:none;border-left:none;border-top:none;padding:2px 2px 2px 2px;}

table.Tbl th {
	border-bottom:solid 1px #BEC7CC;border-right:solid 1px #BEC7CC;border-top:solid 1px #BEC7CC;padding:3px 3px 3px 5px;background-color:#EDEFF4;font-weight:normal;color:#293F6B;font-weight:bold;}

table.Tbl tr.TblSelRow td {}
table.Tbl tr.TblSelRow th {}
table.Tbl tr.TblHovRow td {}
table.Tbl tr.TblHovRow th {}

table.Tbl tr.highlight-on td {background-color:#FFFF99;}

table.highlight-on td {background-color:#FFFF99;}
table.highlight-off td {background-color:#FFFFFF;}

.alert-error-frame {background-color:#C00}
.alert-error-content {background-color:#FFF}
.ErrorHdr {color:#993300;font-family:sans-serif;font-weight:bold;font-size:18px}
.ErrorTxt {color:#000000;font-family:sans-serif;font-weight:bold;font-size:14px}

.style30 {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}

.thumbnail-off {
	border-collapse: collapse;	background:#F2F5F7; border: 1px solid #D5D5CE;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x;
}

.thumbnail-on {
	border-collapse: collapse;	background:#F2F5F7; border: 1px solid #FF6600;	list-style-position: inside;	background-attachment: scroll;	background-repeat: repeat-x;
}
.dtree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
.Banner100 {
	filter :alpha(opacity=100); opacity:1; -moz-opacity:1;
}
.Banner90 {
	filter :alpha(opacity=90); opacity:0.90; -moz-opacity:0.90;
}
.Banner80 {
	filter :alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;
}
.Banner70 {
	filter :alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;
}
.Banner60 {
	filter :alpha(opacity=60); opacity:0.60; -moz-opacity:0.60;
}
.Banner50 {
	filter :alpha(opacity=50); opacity:0.50; -moz-opacity:0.50;
}
.Banner40 {
	filter :alpha(opacity=40); opacity:0.40; -moz-opacity:0.40;
}
.Banner30 {
	filter :alpha(opacity=30); opacity:0.30; -moz-opacity:0.30;
}
.Banner20 {
	filter :alpha(opacity=20); opacity:0.20; -moz-opacity:0.20;
}
.Banner10 {
	filter :alpha(opacity=10); opacity:0.10; -moz-opacity:0.10;
}
.Banner0 {
	filter :alpha(opacity=0); opacity:0.00; -moz-opacity:0.00;
}