body {
	margin: 0;
	padding: 0;
	background:#ddd url('../images/bg.jpg') repeat-y center;
	font-family: Franklin Gothic Medium Cond;
	font-size:0.9em;
	color: #333; 
	text-align: center;
}

hr{
border:0.3em solid #ddd;
}

#mainpage{
width:966px;
padding:0;
}
img{
border:1px #ddd;
}
#head{
width:966px;
height:40px;
background:url('../images/mm_01.jpg');
} 
#masterheader{
float:left;
width:966px; 
height:193px;
text-align:right;
}
#logo
{
float:left;background:url('../images/mm_02.jpg') no-repeat; WIDTH:221px; HEIGHT:193px;position:relative;
}
#header{
WIDTH:745px;HEIGHT:193px;float:right;
} 

#flashinfo{
float:left;background:url('../images/mm_04.jpg') ;WIDTH:966px;HEIGHT:48px;
} 
#isikonten {
float:left;
width:966px;
height:auto;
background:#eee;
text-align:left;
}
#divbanner{
float:left;background-color:#303030;width:966px;height:180px;
text-align:center;
}
#footer{
float:left;
background:url('../images/mm_07.jpg') no-repeat; 
width:966px ;HEIGHT:80px;
text-align:center;
color:#eee;
padding-top:10px;
} 

#lang {
float:right ;
margin-right:50px;
text-align:right;margin-top:6px;
color:#fff;
}
#lang a{
font-size:16px;
color:#fff;
padding:10px;
}
#lang a:hover{
color:#ccc;
text-decoration:underline;
}

#topmenu{
list-style-position:inside;
margin-left:222px;
}

#topmenu ul
{
padding:0;
margin:0;
height:48px;
margin-top:10px; 
vertical-align:middle;
}

#topmenu li
{
list-style-type:none;
display:inline;


}


#topmenu a{
padding-left:15px;
padding-right:15px;
font-size:12px;
text-decoration:none;
color:#eee;
text-align:center;
border-right:1px solid #B5F34A;
}

#topmenu span{
border-right:1px solid #B5F34A;
}
#topmenu a:hover{
color:#FFDE00;
/*border-bottom:1px solid #FFDE00;*/
}



a, a:link, a:visited, a:hover { 
  color:#000;
  text-decoration:none; 
}

a:focus, a:hover { 
  text-decoration:underline;
}

#headofmenu{
background:url('../images/menubar1.png') ;
font-size: 0.8em;
float:left;
color:#fff;
padding:6px 0px 5px 0px;
height:auto;
text-align:center;
width:180px;
font-weight:bold;
text-transform:uppercase;
}
#headofrmenu{
background: url('../images/bullet.png') no-repeat;
font-size: 1em;
float:left;
color:maroon;
height:30px;
padding-left:25px;
vertical-align:middle;
width:auto;

font-weight:bold;
text-transform:uppercase;
}

#judul_rubrik{
margin:0;
background: url('../images/judul.png') no-repeat;
width:400px;
font-size: 1em;
float:left;
color:fff;
padding-top:7px;
padding-left:10px;
vertical-align:middle;
height:30px;
font-weight:bold;
text-transform:uppercase;
}

.outline{
padding:2px 2px 2px 2px;
}
.outlinetb{
padding:2px 5px 2px 5px;
border:1px solid #e0e0e0;
}

#outline_side{
float:left;
padding:2px 12px 4px 15px;
font-size:12px;
height:auto;

}

#button_img{

border:1px solid #777;
background-color:#eee;
 text-align:center;padding-top:7px;padding-left:5px;width:60px; 
}

#button_img a{
border:1px solid #777;
background-color:#eee;
 text-align:center;padding-top:7px;padding-left:5px;width:60px; 
}
#button_img a:hover{
border:1px solid #333;
background-color:#eee;
text-align:center;
padding-top:7px;
padding-left:5px;
width:60px;
}

form{
padding:5px 5px 0px 5px;
margin:0;
}

p{
font-size:12px;
padding:0px;
margin-top:0px;
}

a{
text-decoration:none;
color:#333;
font-size:12px;
}

a:hover{
text-decoration:underline;
text-color:#fff;
font-size:12px;
}

#about_hover{
height:22px;
background-color:#84D02B;
border-left:1px solid #000;
border-right:1px solid #000;
color:#fff;width:auto;
float:left;padding:3px 10px 0 10px;
}
#about_hover a{
color:#333;
text-decoration:none;
}

#about_hover a:hover, active{
color:#fff;
text-decoration:none;
}

#about{
height:22px;
background-color:#4A8505;
color:#fff;width:auto;
float:left;padding:3px 10px 0 10px;
font-size:14px;
}

#about a{
color:#fff;
text-decoration:none;
}

#about a:hover, active{
color:#aaa;
text-decoration:none;
}

#menuadmin{
list-style-position:inside;
width:auto;
}


#menuadmin ul
{
padding:0;
margin:0;
}

#menuadmin li
{
list-style-type:none;
display:inline;
}


#menuadmin a{
background-color:#333;
padding:3px 10px 2px 10px ;
font-size:12px;
text-decoration:none;
color:#eee;
border-right:1px solid #ddd;
text-align:center;
height:20px;
}

#menuadmin a:hover{
background-color:#777;
padding:3px 10px 2px 10px ;
color:#FFDE00;
font-size:12px;
/*border-bottom:1px solid #FFDE00;*/
}


#leftmenu{
float:left;
width:180px;
}

#leftmenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#leftmenu li{
background:#ddd;
border-bottom:1px solid #bbb;

}
#leftmenu li a:hover{
background:#777;
margin-left:0;
text-align:center;
color:#fff;
}

#leftmenu a{
display: block;
text-decoration: none;
font-size :12px;
margin-left:15px;
padding:4px 0px 4px 0px;
width:100%;
color:#2B691E;
}


color:#fff;
margin-left:15px;
padding:2px 2px 4px 0px;
}



#judul {
font-size: 14px;
padding:5px;10px;
color:maroon;
font-weight:bold;
text-transform:uppercase;
width:auto;
text-align:left;
height:auto;
border-bottom:1px double #ddd
}

 #judul_artikel{
font-size: 16px;
padding:10px;
color:#2B691E;
font-weight:bold;
text-transform:uppercase;
width:auto;
text-align:center;
height:auto;
border-bottom:1px double #ddd
}

#menulist ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menulist a
{
display: block;
text-decoration: none;
font-size :12px;
color:#000;
border-bottom:1px solid #777;
padding:3px 2px 3px 10px;
font-width:normal;
}


#menulist a:hover
{
background:#eee;
color:#000;
padding:3px 2px 3px 10px;
}


td{
font-size:12px;
padding:2px 2px 2px 4px;
}

td.a{
font size:12px;
}
td.p{
font size:12px;
padding:0px;
}



.td1{
font-size:12px;
color:#000;
}

.td2{
font-size:12px;
color:#000;
background-color:#fff;
}

textarea
 {
border :1px solid #aaa;
background-color:lightyellow;
font-size:12px;
color:#000;
}
.classtxt {
border :1px solid #aaa;
background-color:#FDD8EE;
font-size:12px;
color:#000;
}
.button a{
background:#000 url('../images/menubar.png') ;
font-size:12px;
color:#fff;
padding:4px ;
}

.button a:hover{
background:#000 url('../images/menubar1.png') ;
}

.button:hover{
border :1px solid #eee;
background:#333;
font-size:12px;
color:#eee;
padding:4px ;}
#rightside{
float:right;
width:20%;
background:#D8EAFF ;
height:100%;
text-align:left;}

#darikami a{
float:left;width:auto;
margin-left:50px;
margin-bottom:10px;}

#darikami a:hover{
border-left:4px solid #333;
border-right:4px solid #333;
}


.back{
color:#2B691E;
background:#ccc;padding:5px 15px 5px 15px;
border-bottom:2px solid #aaa;
border-top:2px solid #aaa;
border-left:1px solid #aaa;
border-right:1px solid #aaa;
font-size:14px;

}
#copyright{
color:#fff;
padding-top:17px;
font-size:12px;
}
#copyright a{
color:#fff;
font-size:12px;
text-align:center;
text-decoration:none;}
#copyright a:hover{
color:#aaa;
font-size:12px;
text-decoration:underline;}