body {
	margin-top: 10px;
	padding: 0;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color: #ddd; 
	text-align: center;
	background:#808080 url('../images/bg.png') repeat-x;
}
hr{
color:#808080;}

#masterpage{
width:923px;
height:auto;
}
#header1{
float:left;text-align:left;width:953px;height:136px;
background:#fff url('../images/logo.png');
}
#header2{float:left;text-align:left;width:953px;height:39px;background:#707070 url('../images/bar.png') no-repeat;}
#header3{float:left;text-align:left;width:953px;height:57px;background:#707070 url('../images/bar1.png') no-repeat;}
#content{float:left;text-align:left;width:953px;height:auto;background:#707070 ;}
#footer{float:left;text-align:left;width:953px;height:58px;background:#707070 url('../images/bar_bottom.png') no-repeat;}
#content p{
padding:2px 2px 2px 2px;
}
.outline{
padding:2px 2px 2px 2px;
}
.outlinetb{
padding:2px 5px 2px 5px;
border:1px solid #888;
background:#808080;
}

#outline_side{
float:left;
padding:2px 2px 4px 5px;
font-size:12px;
height:auto;
width:160px;;
}


#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:#FFF;
font-size:12px;
}

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

#about_hover{
height:22px;
background-color:#000;
border-left:1px solid #000;
border-right:1px solid #000;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
color:#fff;width:auto;
float:left;padding:3px 10px 0 10px;
}
#about_hover a{
color:#777;
text-decoration:none;
}

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

#about{
height:22px;
background-color:#888;
color:#eee;width:auto;
float:left;padding:3px 10px 0 10px;
font-size:14px;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
}

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

#about a:hover,actived{
color:#eee;
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-family: Verdana, Tahoma, Helvetica, sans-serif;
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;*/
}

#topmenu{
list-style-position:inside;
margin:6px;
margin-right:100px;
text-align:right;
margin-top:10px;
}

#topmenu li
{
display:inline;
}


#topmenu a{
padding:5px 15px 10px 15px;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
text-decoration:none;
color:#ccc;
text-align:center;
border-left:solid 1px #777;}

#topmenu a:hover{
padding-left:15px;
padding-right:15px;
color:#Fff;
}


#leftmenu{
float:left;
}

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

#leftmenu a{
display: block;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
font-size :12px;
color:#ddd;
border-bottom:1px solid #888;
padding:2px 2px 4px 15px;
width:100%;
}

#leftmenu a:hover, actived
{
background:#888;
color:#EEE;
padding:2px 2px 4px 15px;
}
#headofmenu{
background:url('../images/kiri.png') no-repeat;
font-size: 0.8em;
float:left;
font-family:verdana;
color:#ddd;
padding:8px 0px 5px 0px;
height:39px;
text-align:center;
font-weight:bold;
text-transform:uppercase;
width:180px;
}

#headofrmenu{
background: url('../images/kanan.png') no-repeat;
font-size: 0.8em;
font-family:verdana;
color:#ddd;
height:39px;
text-align:center;
width:180px;
padding:8px 0px 5px 0px;
float:right;
font-weight:bold;
text-transform:uppercase;
}



#judul, .judul_tabel, #judul_artikel{
font-size: 14px;
padding:5px 5px 5px 10px;
color:#ddd;
font-weight:bold;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
text-transform:uppercase;
width:auto;
text-align:left;
height:30px;
border-bottom:1px solid #888;
}

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

#menulist a
{
display: block;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
font-size :12px;
color:#000;
border-bottom:1px solid #777;
padding:3px 2px 3px 10px;
}


#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:#ddd;
}

.td2{
font-size:12px;
color:#ddd;
background-color:#888;
}

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




#wrap{
background:#eee ;
width:821px;
height:100%;
}
#header{
background:#ccc ;
width:100%;
height:100px;
text-transform:uppercase;
text-align:left;
}


#rightside{
float:right;
width:20%;
background:#D8EAFF ;
height:100%;
text-align:left;}


#copyright{
color:#fff;
padding-top:10px;
font-size:12px;
text-align:center;
}
#tdhover td:hover{
background:#999;
color:#ddd;
cursor:pointer;

}

#bingkai:hover{
background:#666;
padding:2px 2px 2px 2px;
border:1px solid #ddd;
text-decoration:none;
width:auto;
height:auto;
}