body 
{
	background:rgb(216,121,40);
	margin:10px auto;
	/*font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:13px;*/	
	font:1em/1.4 Cambria, Georgia, sans-serif; color:#333;
}
#kepala,#menu_utama,#isi,#buntut{border-radius:5px;}
#kepala
{
	background: #FFFFFF;
	border:solid 1px #CCCCCC;
	height:150px;
	width:1000px;
	margin:0px auto; margin-top:10px;
	font-size:16px;
}
#menu_utama
{
	width:1000px; height:31px; background: #CCCCCC; margin:2px auto; position: relative; border:solid 1px #CCCCCC;
}
.celah
{
	background:rgb(78,92,127);
	height:0px;width:990px; margin:0px auto; padding-bottom:1px;
	border:solid 0.5px #FF0000;
	position:relative;
}
#isi
{
	width:1000px; 
	min-height:500px; background:rgb(42,32,30); 
	/*margin:1px 1px 1px 300px;*/
	margin:0px auto;
	border:solid 1px #CCCCCC;
	display: table;
	position:inherit; 
	color: #000099;
}
/*padding,margin==atas kanan bawah kiri*/
#isi_kiri
{
	margin:1px auto;
	width:205px;
	background:rgb(42,32,30);
	clear:both;
	float: left;
	position:relative;
}
.kategori
{
	margin:1px auto;
	width:195px;
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
	height:23px;
	padding-top:3px; padding-left:5px;
	font:14px "Nimbus Sans L",Arial,sans-serif; font-weight:bold;
}
#isi_kanan
{
	width:780px; background:#F0F0F0;  
	border:solid 1px #CCCCCC;border-radius:3px;
	margin:3px auto; margin-right:2px;
	padding:5px 5px 5px 5px;
	float:right;
	min-height:500px;
}
.kotak_isi
{
	margin-left:5px; margin-top:5px; margin-bottom:5px; margin-right:5px;
	text-align: justify;
}
#framejudul
{
	width:280px;
	background: #0000FF;
	clear:both;
	float: left;
	position:relative;
	margin-left:0px;
	color:#FFFFFF; font-size:13px; height:20px;
}
#buntut
{
	width:1000px;height:100px;
	background:rgb(42,32,30); 
	margin:0 auto; text-align:left;
	border:solid 1px #CCCCCC;
	position:inherit;
	clear:both;
	margin-bottom:10px;
	color:#FFFFFF;
}
#bt_kiri
{
	margin:1px auto;
	width:305px;
	clear:both;
	float: left;
	position:relative;
	font-size:11px;
	margin:3px auto; margin-left:2px;
}
#bt_kanan
{
	width:580px;  
	margin:3px auto; margin-right:2px;
	padding:5px 5px 5px 5px;
	float:right;
}
#judul
{
	height:10px;font-size:16px; color:#FF0000; font-weight:bold;
}
#judul2
{
	height:20px;font-size:14px; color: #0000CC; font-weight:bold;
}
/*slideshow*/
#container {
	width: 600px;
	margin: 20px auto;
	text-align: center;
}
#images {
	width: 500px;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}
#images img {
	width: 500px;
	height: 300px;
	
	position: absolute;
	top: 0;
	left: -400px;
	z-index: 1;
	opacity: 0;
	
	transition: all linear 500ms;
	-o-transition: all linear 500ms;
	-moz-transition: all linear 500ms;
	-webkit-transition: all linear 500ms;
}
#images img:target {
	left: 0;
	z-index: 999999;
	opacity: 1;
}
#images img:first-child {
	left: 0;
	opacity: 1;
}
#slider a {
	text-decoration: none;
	background: #E3F1FA;
	border: 1px solid #C6E4F2;
	padding: 4px 6px;
	color: #222;
}
#slider a:hover {
	background: #C6E4F2;
}
/*slideshow*/

div.container {
	width: 200px;
	margin: 0 auto;
}

/* Table 1 Style */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
	text-align:center;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:left;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png)
}
/* Table 2 Style */
table.table2{
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.2em;
    border-collapse:collapse;
    text-align:center;
}
.table2 thead th, .table2 tfoot td{
    padding:20px 10px 40px 10px;
    color:#fff;
    font-size: 26px;
    background-color:#222;
    font-weight:normal;
    border-right:1px dotted #666;
    border-top:3px solid #666;
    -moz-box-shadow:0px -1px 4px #000;
    -webkit-box-shadow:0px -1px 4px #000;
    box-shadow:0px -1px 4px #000;
    text-shadow:1px 1px 1px #000;
}
.table2 tfoot th{
    padding:10px;
    font-size:18px;
    text-transform:uppercase;
    color:#888;
}
.table2 tfoot td{
    font-size:36px;
    color:#EF870E;
    border-top:none;
    border-bottom:3px solid #666;
    -moz-box-shadow:0px 1px 4px #000;
    -webkit-box-shadow:0px 1px 4px #000;
    box-shadow:0px 1px 4px #000;
}
.table2 thead th:empty{
    background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.table2 thead :nth-last-child(1){
    border-right:none;
}
.table2 thead :first-child,
.table2 tbody :nth-last-child(1){
    border:none;
}
.table2 tbody th{
    text-align:right;
    padding:10px;
    color:#333;
    text-shadow:1px 1px 1px #ccc;
    background-color:#f9f9f9;
}
.table2 tbody td{
    padding:10px;
    background-color:#f0f0f0;
    border-right:1px dotted #999;
    text-shadow:-1px 1px 1px #fff;
    text-transform:uppercase;
    color:#333;
}
.table2 tbody span.check::before{
    content : url(../images/check1.png)
}



/* Table 3 Style */
table.table3{
    font-family:Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
    border-collapse:collapse;
}
.table3 thead th{
    padding:6px 10px;
    text-transform:uppercase;
    color:#444;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    border-bottom:5px solid #444;
}
.table3 thead th:empty{
    background:transparent;
    border:none;
}
.table3 thead :nth-child(2),
.table3 tfoot :nth-child(2){
    background-color: #7FD2FF;
}
.table3 tfoot :nth-child(2){
    -moz-border-radius:0px 0px 0px 5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table3 thead :nth-child(2){
    -moz-border-radius:5px 0px 0px 0px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}
.table3 thead :nth-child(3),
.table3 tfoot :nth-child(3){
    background-color: #45A8DF;
}
.table3 thead :nth-child(4),
.table3 tfoot :nth-child(4){
    background-color: #2388BF;
}
.table3 thead :nth-child(5),
.table3 tfoot :nth-child(5){
    background-color: #096A9F;
}
.table3 thead :nth-child(5){
    -moz-border-radius:0px 5px 0px 0px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}
.table3 tfoot :nth-child(5){
    -moz-border-radius:0px 0px 5px 0px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}
.table3 tfoot td{
    font-size:38px;
    font-weight:bold;
    padding:15px 0px;
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td{
    padding:10px;
}
.table3 tbody tr:nth-child(4) td{
    font-size:26px;
    font-weight:bold;
}
.table3 tbody td:nth-child(even){
    background-color:#444;
    color:#444;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td:nth-child(odd){
    background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(85,85,85)),
        color-stop(0.7, rgb(105,105,105))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(85,85,85) 39%,
        rgb(105,105,105) 70%
        );
    text-shadow:1px 1px 1px #000;
}
.table3 tbody td:nth-last-child(1){
    border-right:1px solid #222;
}
.table3 tbody th{
    color:#696969;
    text-align:right;
    padding:0px 10px;
    border-right:1px solid #aaa;
}
.table3 tbody span.check::before{
    content : url(../images/check2.png)
}