body {
	margin: 0;
	padding: 0;
	font-family: sans-serif, verdana, Tahoma, Helvetica;
	font-size:12px;
	color: #000; 
	text-align: center;
	background:#1A1A1A url('../../../images/bg.png') repeat-x;background-attachment:fixed;

}
#leftside{
border:1px solid #D8EAFF;
color:#333;
padding-left:5px;
}
#leftside td{
color:#000 ;
}

#leftside a {
color:#555;
}
#leftside a:hover {
color:#888;
}

th{
font-size:11px;
font-family:verdana;
font-weight:bold;
}

.outline{
border:1px solid #ddd;
padding:2px 5px 2px 5px;
margin-top:2px;
margin-left;0px;
}


#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:11px;
padding:0px;
margin-top:0px;
}

a{
text-decoration:none;
color:#777;
font-size:11px;
}

a:hover{
text-decoration:underline;
text-color:#fff;
font-size:11px;
}
#isi_berita{
text-align:justify;
font-size:11px;
}
#isi_berita img{
padding:5px;
}
#isi_berita li{
padding-left:5px;
}

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

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

#about{
height:22px;
background-color:#0C2E72;
border:1px solid #fff;
color:#fff;width:auto;
float:left;padding:3px 10px 0 10px;
}

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

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



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

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

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

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

#topmenu{
list-style-position:inside;
text-align:right;
}

#topmenu ul
{
padding:0;
margin-top:10px;
}

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


#topmenu a{
background:url('../images/ahad_02.png');
padding-left:15px;
padding-right:15px;
padding-top:10px;
height:auto;
padding-bottom:10px;
font-family:verdana,arial;
font-size:11px;
text-decoration:none;
color:#ddd;
text-align:center;
}

#topmenu a:hover{
border-left:1px solid #333;
border-right:1px solid #333;
background:url('../images/ahad_02_1.png');

padding-left:14px;
padding-right:14px;
padding-top:9px;
color:#000;
font-size:11px;
/*border-bottom:1px solid #FFDE00;*/
}


#listberita ul
{
margin: 0;
padding: 0;
list-style-type: none;
margin-top:20px;}
#listberita li
{
width:97%;float:left;height:auto;border-bottom:1px solid #eee;padding:10px;color:#333;text-align:left;
background:#fff;
}
#listberita li:hover
{
background:#eee;
}
l


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

#leftmenu a{
display: block;
font-family:verdana,arial;
text-decoration: none;
font-size :11px;
color:#555;
border-bottom:1px solid #eee;
padding:2px 2px 4px 15px;
font-weight:normal;
}

#leftmenu a:hover, actived
{
color:#000;
background:#eee;
padding:2px 2px 4px 15px;
}

#judul,#judul_artikel{
font-size: 14px;
text-align:center;
color:#2A5FB4;
text-transform:uppercase;
font-weight:bold;
padding-bottom:20px;}

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

#menulist a
{
display: block;
font-family: verdana,Arial;
text-decoration: none;
font-size :11px;
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:11px;
}

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



.td1{
font-size:11px;
color:#000;
background:#eee;
}

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

textarea
 {
border :1px solid #aaa;
background-color:lightyellow;
font-size:11px;
color:#000;
}
.classtxt {
border :1px solid #aaa;
background-color:lightyellow;
font-size:11px;
color:#000;
}
.button{
border :1px solid #000;
background-color:#333;
font-size:12px;
color:#fff;
cursor:pointer;
padding:2px 3px 3px 2px;
}
.button:hover{
border :1px solid orange;
background-color:gold;
font-size:12px;
color:#000;
padding:2px 3px 3px 2px;
}

.judul_tabel{
background-color:#2A5FB4;
border-top:1px solid #eee;
font size:12px;
text-wight:bold;
text-align:center;
color:#fff;
padding: 5px  ;
}
#judul_berita {
color:#2A5FB4;
cursor:pointer;
display:block;
font:bold 14px Helvetica,Arial,sans-serif;
outline:0 none;
margin:4px 0;
padding:2px;
text-transform:uppercase;
text-align:center;
}
#judul_kategori{
color:red;
font-size:11px;
font:italic 11px;
padding:1px;
text-transform:uppercase;
float:right;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;

}




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


#content{
float:left;
width:58%;
background:#ffffff ;
height:100%;
padding:2px 5px 2px 5px;
text-align:left;}

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

#footer
{
float:left;
background:#000;
width:100%;
height:100;
text-align:left;}

#copyright{
color:#fff;
font-size:11px;
text-align:center;
}

#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;
}
#tdhover td:hover{
background:#eee;
color:#000;
cursor:pointer;

}
.outlinetb{
padding:2px 5px 2px 5px;
border:1px solid #e0e0e0;
}
#sukses{
border :1px solid blue;
background-color:lightblue	;
padding:10px;
text-align:center;
color:#000;
}

#error{
border :1px solid red;
background-color:pink;
padding:10px;
text-align:center;
color:#000;
}
#toggle-container {
text-align:left;
width:200px;
margin:0 auto;
}
#toggle-container1 h2 {
//background:url("state-bg.png") no-repeat scroll 5px 5px #2A5FB4;
background:url("state-bg.png") no-repeat scroll 5px 5px #333;
color:#fff;
cursor:pointer;
display:block;
font:bold 11px Helvetica,Arial,sans-serif;
height:22px;
outline:0 none;
margin:4px 0;
padding-top:6px;
text-align:left;
padding-left:25px;
}

#toggle-container1 h2.active {
//background:url("state-bg.png") no-repeat scroll 5px -31px #184C9E ;
background:url("state-bg.png") no-repeat scroll 5px -31px gold ;

color:#333;
}

#toggle-container h2 {
background:url("state-bg.png") no-repeat scroll 5px 5px #184C9E;
color:#fff;
cursor:pointer;
display:block;
font:bold 11px Helvetica,Arial,sans-serif;
height:22px;
outline:0 none;
margin:4px 0;
padding:2px;
padding-left:25px;

}

#toggle-container h2.active {
background:url("state-bg.png") no-repeat scroll 5px -31px #2A5FB4  ;
color:#eee;
}

.toggle-content {
background:#fff url('../images/bg_content.png') repeat-x top;
margin:5px 0;
padding:10px;
border:1px solid #eee;
font:bold 11px Helvetica,Arial,sans-serif;
}
.toggle-content a{
text-decoration:none;
color:#000;
}
.toggle-content a:hover{
color:aaa;
}

.toggle-content td{
font:bold 11px Helvetica,Arial,sans-serif;
}

.toggle-content1 {
background:#fff url('../images/bg_content.png') repeat-x top;
margin:5px 0;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:20px;
border:1px solid #eee;
text-align:left;
font: 11px Helvetica,Arial,sans-serif;
}
.toggle-content1 a{
text-decoration:none;
color:#000;
}
.toggle-content1 a:hover{
color:aaa;
}

.toggle-content1 p{
font: 11px Helvetica,Arial,sans-serif;
}

.toggle-content2 {
background:#fff url('../images/bg_content.png') repeat-x top;
margin:5px 0;
padding:10px;
text-align:left;
font: 11px Helvetica,Arial,sans-serif;
width:680px;
height:auto;
}
.toggle-content2 a{
text-decoration:none;
color:#000;
}
.toggle-content2 a:hover{
color:aaa;
}

.toggle-content2 p{
font: 11px Helvetica,Arial,sans-serif;
}