@charset "utf-8";
 CSS Document 
<style type="text/css">


.style4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style5 {font-size: 12px}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

/*MENU TAB ATAS */   
#slidetabsmenu {
float: right;
width:100%;
font-size: 12px;
line-height:normal;
border-bottom: 1px solid gray;
font-family: Arial, Helvetica, sans-serif;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float: right;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
color: #000000;

}

#slidetabsmenu a span {
float: right;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color:#000000;
}

#slidetabsmenu #current a {
background-position:0 -125px;
color: #0066FF;

}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: #0066FF;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

/*MENU TEPI*/

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #FFFFFF;
border-bottom: 1px solid #dadada;
background: black url(images/titlebar.png) repeat-x center left;*
margin-bottom: 0; /*bottom spacing between header and rest of content */
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-decoration: none;
display: block;

}

.arrowlistmenu.menuheader{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
text-decoration: none;
display: block;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
font: bold 14px Arial;
color: #FFFFFF;

/*border-bottom: 1px solid #0099FF;*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li a{
color: #999999;
background: url(images/arr.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 70%;
font-family: Arial, Helvetica, sans-serif;

}

.arrowlistmenu ul li a:visited{
color: #999999;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #999999;
background-color: #F3F3F3;
}

.arrowlistmenu.menuheader A:link {
text-decoration: none;
color: #FFFFFF;
}

.arrowlistmenu.menuheader A:visited {
text-decoration: none;
color: #FFFFFF;
}
.arrowlistmenu.menuheader A:active {
text-decoration: none;
color: #FFFFFF;
}

.arrowlistmenu.menuheader A:hover { 
text-decoration: none; 
color: #FFFFFF;
}



</style>