body {
	background:#F6F37E url('../images/bg.jpg') repeat-y center;
	padding: 0;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:0.9em;
	color: #333; 
margin-left: auto;
margin-top:0;
margin-right:auto;
}

#mainpage{
background:#fff;
width:953px;
margin-left: auto;
margin-top:0;
margin-right:auto;
padding:0;
height:auto;
}
#head{
background: url('../images/orange_01.jpg') no-repeat;
WIDTH:953px;
HEIGHT:64px;
} 
#header{
background:url('../images/orange_03.jpg') no-repeat;
WIDTH:953px;
background:#333;
height:236px;
} 
#flashinfo{
background:url('../images/orange_04.jpg') no-repeat;
WIDTH:953px;
HEIGHT:32px;
float:left;
font-size:0.9em;
} 
#maincontent {
float:left;
width:953px;
height:auto;
background:#fff;
text-align:left;
}
#footer{
background:url("../images/orange_06.jpg") no-repeat;
WIDTH:953px ;
HEIGHT:65px;
text-align:center;
float:left;
} 
#topmenu {
float:right;
height:29px;
padding-top:40px;
}
#topmenu ul{
list-style:none;
margin:0;
padding:0;
}

#topmenu li{
float:left;
position:absulute;
}
#topmenu li a{
font-color:#aaa;
}
#menus{
width:106px;
height:24px;
float:left;
font-size:0.8em;
position:relative;
text-decoration:none;
text-align:center;
}

#menus span{
background:url('../images/topbutton.png') no-repeat;
width:100%;
height:100%;
float:left;
font-family:verdana;
position:absoulute;
cursor:pointer;
padding-top:5px;
color:#fff;
}

#topmenu a:hover span {
  color:#000;
  background-position:0 -29px;
}

#topmenu a:active span {
  background-position:0 -29px;
}

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

a:focus,a:hover { 
  text-decoration:underline;
}
#headofmenu{
background:url('../images/kiri.png') no-repeat;
font-size: 0.8em;
float:left;
font-family:verdana;
color:#fff;
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:#fff;
height:39px;
text-align:center;
width:180px;
padding:8px 0px 5px 0px;
float:right;
font-weight:bold;
text-transform:uppercase;
}

.outline{
padding:2px 2px 2px 2px;
}

#bingkai{
padding:2px 2px 2px 2px;
border:1px solid #ddd;
text-decoration:none;
width:100%;
height:100%;
}
.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;

}


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

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

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

a:hover{
text-decoration:underline;
color:orange;
}

#about_hover{
height:22px;
background-color:#EF8EC7;
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:#333;
text-decoration:none;
}

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

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

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

#about a:hover,actived{
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-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;*/
}


#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:#333;
border-bottom:1px solid #e0e0e0;
padding:2px 2px 4px 15px;

}

#leftmenu a:hover, actived
{
background:url('../images/button2.png');
color:#BC3435;
padding:2px 2px 4px 15px;
}



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

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

textarea
 {
border :1px solid #aaa;
background-color:lightyellow;
font-size:12px;
color:#000;
}
.classtxt {
border :1px solid #aaa;
background-color:#F9EADB;
font-size:12px;
color:#000;
}
.button{
border :1px solid #eee;
background:#333 ;
font-size:12px;
color:#fff;
padding:0px 3px 3px 3px;
height:25px;
}


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


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

#tdhover td:hover{
background:#eee;
color:#000;
cursor:pointer;

}