<style type="text/css">
.judul{
width: 480px; /*width of menu*/
}

.judul .headerbar{
font: bold 12px Verdana;
color: white;
background: #000000 url('../images/arrowstop.gif') no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.judulkecil{
width: 239px; /*width of menu*/
}

.judulkecil .headerbar{
font: bold 12px Verdana;
color: white;
background: #000000 url('../images/arrowstop.gif') no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
-->
</style>
