body,td,th {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;}
	
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #98BB05;
	background-image: url(img/body-bk1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #009999;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #666666;
	background-attachment: fixed;
}

.ibox-1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #193c2a;
	background-color: #cce18d;
	border: 2pt solid #095705;
	padding: 4px 4px;
	cursor: hand;
}
.ibox-2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #193c2a;
	background-color: #cce18d;
	border: 1pt solid #095705;
	padding: 1px 1px;
	cursor: hand;
}
.judul {
	font-family: "optima", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #ffff00;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
}

.heading {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #f5ecc9;
	text-decoration: none;
}

.link {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #dddddd;
	text-decoration: none;
}
.link:hover {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ff000e;
	text-decoration: none;
}
.menu {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.menu:hover {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ff000e;
	text-decoration: none;
}
.footer {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #494949;
	text-decoration: none;
}
.footer:hover {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9e9e9e;
	text-decoration: none;
}
.tx-01 {
	font-family: "optima",Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	
}
.tx-02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #f9f5f5;
	text-decoration: none;
	text-align: justify;
	padding: 4px;
	
}

/*Batas Menu*/

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: ; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 11px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 9px 9px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white; /*background of tabs (default state)*/
	background-color: #;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #fd040e; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

