.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
width: 50px;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
/*border: 1px solid #778;*/
color: #ffffff;
background: white url(tab_08.jpg) top left repeat-x; /*image utk tab grey*/
font: bold 13px Arial;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: none;
color: #e1e1e1;
font: bold 13px Arial;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
/*background-image: url(shadeactive.gif);*/
background-image:url(tab_04.jpg);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color: #e1e1e1;
font: bold 13px Arial;
}

.contentstyle {
	border: 1px solid #868686;
	width: 518px;
	height: 310px;
	padding: 5px;
	background-color:#FFFFFF; 
	overflow: hidden;
	color: #666699;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
}
.content-s1 {
	clear: both;
	text-align: justify;
/*	background-color:#FFFFCC;  */
	height: 110px;
	overflow: hidden;
}
.content-s1 h3 {
	padding: 0 0 5px 0;
	margin: 0;
	font-family: 'Century Gothic', Arial, Tahoma;
	font-size: 16px;
	color: #CC0000;  
	text-transform: uppercase;
}
.content-s1 img, .content-s2 img {
	padding: 0 3px 3px 0;
}
.content-s2 {
	clear: both;
	border-top: 1px dotted #CCCCCC;
}
.content-s2-atas, .content-s2-bawah {
	overflow: hidden;
/*	background-color:#FFFFCC; */
}

.content-s2-a1, .content-s2-b1 {
clear:both;
	float: left;
	width: 49%;
	/*background-color:#FFFF00;  */
	padding-top: 5px;
	height: 62px;
	overflow: hidden;
}
.content-s2-a2, .content-s2-b2{
	float: right;
	width: 49%;
/*	background-color:#FFFFCC;  */
	padding-top: 5px;
	height: 62px;
	overflow: hidden;
}
.content-s2-b1, .content-s2-b2 {
	margin-top:20px;
}