body {
	background: #FFFFFF;
	font-size: 0.9em;
	/*background:url(../image/hijau.jpg) repeat 1px;*/
}
.container{
  background: #fff;
  max-width: 1200px;
  padding: 20px;
  margin: 20px auto;
}
.utama {
	width: 90%;
	margin: 15px 10%;
}
.bersih  {
	clear: both;
}
h1, p {
	text-align: justify;
}
a, a:hover, a:link, a:active {
	color: #000;
	
}

.pagNumActive {
    color: #000;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}


.menu1 {
  width: 100%;
  margin: 0px;
  padding: 10px;
  list-style: none;
  background: #B0E0E6;
  background: -moz-linear-gradient(#F0E68C, #87CEFA);
  background: linear-gradient(#F0E68C, #87CEFA);
  border-radius: 25px;
  box-shadow: 5px 10px 10px #9c9c9c;
  transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  height: 25px;
}
.menu {
width:1364px;
height:40px;
margin:0px auto 0;
background:#191970;
border-bottom:solid 4px #1E90FF;
border-right:solid 2px #FFFFFF;
}
.menu ul {
margin:0;
padding:0;
float:left;
list-style:none;
}
.menu ul li {
position:relative;
float:left;
}
.menu ul li a {
display:block;
height:42px;
padding:0 15px;
font:16px/45px Calibri;
color:#E0FFFF;
text-transform:normal;
text-decoration:none;
-webkit-transition:background 190ms ease-in, color 190ms ease-in;
-moz-transition:background 190ms ease-in, color 190ms ease-in;
-ms-transition:background 190ms ease-in, color 190ms ease-in;
-o-transition:background 190ms ease-in, color 190ms ease-in;
transition:background 190ms ease-in, color 190ms ease-in;
}
.menu ul:hover li.active > a {
background:#FFFF00;color:#87CEFA;
} 
.menu ul li.active > a, .menu ul li:hover > a, .menu ul li.active:hover > a {
background:#87CEFA;
color:#000000;
}
.menu ul li a:active, .menu ul li.active a:active {
color:#FFFFFF;
}
.menu ul ul {
position:absolute;
visibility:hidden;
opacity:0;
padding-top:4px;
background:#4682B4;
border-bottom:solid 3px #000000;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 2px 3px 3px;
-webkit-transition:all 210ms linear 20ms;
-moz-transition:all 210ms linear 20ms;
-ms-transition:all 210ms linear 20ms;
-o-transition:all 210ms linear 20ms;
transition:all 210ms linear 20ms;
}
.menu ul li:hover > ul {
visibility:visible;
opacity:1;
}
.menu ul ul li {
cursor:pointer;
border-bottom:solid 1px #000000;
}
.menu ul ul li a {
width:160px;
height:40px;
padding-right:0;
font-size:14px;
color:#FFFFFF;
line-height:32px;
text-transform:none;
}
.menu ul ul li span {
position:absolute;
top:0;
right:10px;
font-size:16px;
}
.menu ul ul li:hover > a {
background:#FFD700;
}
.menu ul ul li a:active {
color:#FFFFFF;
}
.menu ul ul ul {
top:-1px;
left:100%;
padding:0;
}

.td0{
  background-color:#FFFFFF;  
  color: #FFFFFF;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  height: 90px;
}
.td00{
  background-color:#808080;  
  /*color: #0000CD;*/
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
}
.td1{
  padding: 2px 2px 2px 2px;	
  background-color:#ADFF2F;  
  border : 1px solid #8B0000;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td11{
  padding: 2px 2px 2px 2px;	
  background-color:#ADFF2F;  
  border : 1px solid #8B0000;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td12{
  padding: 2px 2px 2px 2px; 
  background-color:#7FFFD4;  
  border : 1px solid #8B0000;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td121{
  padding: 2px 2px 2px 2px; 
  background-color:#7FFFD4;  
  border : 1px solid #8B0000;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:27px;  
}
.td13{
  padding: 2px 2px 2px 2px; 
  background-color:#FF69B4;  
  border : 1px solid #8B0000;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td131{
  padding: 2px 2px 2px 2px; 
  background-color:#FF69B4;  
  border : 1px solid #8B0000;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td14{
  padding: 2px 2px 2px 2px; 
  background-color:#9370DB;  
  border : 1px solid #8B0000;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td141{
  padding: 2px 2px 2px 2px; 
  background-color:#9370DB;  
  border : 1px solid #8B0000;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height:25px;  
}
.td2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFE4B5;
  border : 1px solid #8B0000;
  padding: 2px 2px 2px 2px;	
  text-align:left;
  font-size: 12px;
  height:25px; 
  vertical-align: center;
}
.td21{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFE4B5;
  border : 1px solid #8B0000;
  padding: 2px 2px 2px 2px;	
  text-align:center;
  font-size: 11px;
  height:25px; 
}
.td211{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FF0000;
  border : 1px solid #8B0000;
  padding: 2px 2px 2px 2px; 
  text-align:center;
  font-size: 12px;
  height:25px; 
}
.td3{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 6px 2px 6px;	
  text-align:right;
  font-size: 14px;
  height:2px;
  font-weight: bold;
}
.td5{  
 font-family: Verdana, Arial, Helvetica, sans-serif;	
  text-align:left;
  font-size: 16px;
  height:20px;
  font-weight: bold;
  color: #8B4513;
 }
 .td4{  	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  font-size: 14px;
  height:20px;
  font-weight: bold;
  color: #000000;
 }
 .td6{  
  padding: 4px 6px 4px 6px; 
  text-align:left;
  font-size: 12px;
  height:25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  vertical-align: center;
}
 .td7{   
  padding: 2px 2px 2px 2px; 
  text-align:center;
  height:25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}
 .td8{    
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  text-align:right;
  font-size: 8px;
  font-weight: bold;
  border: 1px solid #FFD700;
  background-color:#808000;
 }

 .td9{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 6px 2px 6px; 
  text-align:center;
  font-size: 12px;
  height:2px;
  font-weight: bold;
}
.btn{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #B0E0E6;
  height: 25px;
  color: #000000;
  border : 2px solid #add8e6;
  font-weight: bold;
}
.btn0{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #B0E0E6;
  height: 50px;
  color: #000000;
  border : 2px solid #add8e6;
  font-weight: bold;
}
.btn1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #87CEEB;
  color: #000000;
}

#atas
{
width:1300px;
height: 40px;
background-color:#FFFFFF;
float:left;
}
#bawah
{
width:1110px;
height:100%;
float: right;
}
#bawah1
{
width:1300px;
height:100%;
float: right;
}
#bawah2
{
width:210px;
height:477px;
background-color:#FFA500;
float: left;
}

#header
{
width:100%;
height:8%;
background-color:#FF0;
float:left;
}

#logo
{
	width: 100%;
	float: left;
}

#kanan
{
	margin-top: 10px;
	float: right;
}


#footer
{
width:100%;
height:7%;
background-color:#FF0;
float:left;
}

h1{
	font-size:1.2em;
	color:#494949;
}
h2{
	font-size:1em;
}
a{
	color:#0000FF;
	text-decoration:none;
}
a:hover{
	color:#D65703;
}

.pagNumActive {
    color: #000;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}

#wrapper-top{ 
            background:#fff;
            height:100px;
        }
        #wrapper-header{
            background:#f9f9f9; 
            border-top:1px solid #eee; 
            border-bottom:1px solid #eee;
            
        }
        #slider-container {
            padding : 29px 0 0 0;
            width : 940px;
            margin : 0px auto;
        }
        #wrapper-content{
            background:#fff;
            height:600px;
        }
        #wrapper-beforefooter{
            background:#f9f9f9; 
            border-top:1px solid #eee;
            height:350px;
        }
        #wrapper-footer{
            background:#2b2b2b;
            height:50px; 
        }