/* Untuk Tampilan Umum */
* {
	padding: 0;
	margin: 0;
}

html,body {
	text-align:left;
	font-family: Tahoma,Verdana,Generva,arial;
	font-size:90%;
	line-height:13px;
	height: 100%;
	min-height:100%;
	max-height:200px;
}
a {	color: #369; text-decoration:none;}}
a:visited {	color: #039; text-decoration:none;}
a:hover {color: #39c;text-decoration: underline; }
#container {
	width: 100%;
	min-height:100%;
	text-align:left;
	margin:0 auto;
	background-color: #ffffff;
	display: block;
}
#container:after { content: ""; display: block; height: 0; clear: both; }

#header
{
	position:relative;
	background-image:url(images/headermobile.jpg);
	height:37px;
}

#sidebar {
	float:left;
	width:100%;
	background-repeat:no-repeat;
	background-color:#e8ebf0;
	min-height:200%;
	height:100%;
	text-align:center;
	margin:0 auto;
	display:none;
}
#sidebar:after { content: ""; display: block; height: 0; clear: both; }

* html div #sidebar { /* for IE5-6 */
height: 100%;
}


#tengah{
	float:left;
	width:729px;
	height: 100%;
	min-height:100%;
	background-repeat:repeat-x;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
}
#tengah .header{
	float:left;
	width:729px;
	background-image:url(images/headertengah.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:left;
	height:43px;
	padding-bottom:5px;
	display:block;
}
#tengah .title{
	font-family:Arial,Tahoma, Helvetica, sans-serif;
	font-size:18;
	font-weight:bold;
	padding:12px 10px 10px 40px;
	text-transform:uppercase;
}

#detail{
	text-align:left;
	line-height:20px;
}
#detail img{
	padding:5px;
}

.floatkiri {
	float:left;
}
.padtop10 { padding-top:10px; }
.textkiri{ text-align:left }
.textcenter{ text-align:center}
.textrata{ text-align:justify; }
.textputih { color:#FFFFFF }
.padding1 { padding:0px; }
.padding2 { padding:0px; }
.padding3 { padding:0px; }
.padding4 { padding:0px; }
.padding5 { padding:0px; }
.padding6 { padding:0px; }
.padding7 { padding:0px; }
.padding15 { padding:0px; }


/* Untuk Menu Bagian atas */
#menuatas{
	width:731px;
	height:48px;
	background-color:#999999;
	float:left;

}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px  Tahoma,Verdana,Generva,arial;
}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	width: 103px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	background-position:right;
}

#sddm li a:hover
{	background-position:right;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #999999}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #2875DE;
}

#sddm div a:hover
{	background: #49A3FF;
	color: #FFF;
}

#menukiri{
	float:left;
	width:242px;
	height:265px;
	background-repeat:repeat-x;
	background-color:#999999;
}
#menukiriitem { margin-top:15px; width:213px; height:248px; float:right; text-align:left;}
#menukiriitem .li1 {width:213px;height:5px; background-image:url(images/menukiri_01.jpg); list-style: none; }
#menukiriitem .li2 { width:213px;height:23px; background-image:url(images/menukiri_02.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li3 { width:213px;height:25px; background-image:url(images/menukiri_03.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li4 { width:213px;height:23px; background-image:url(images/menukiri_04.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li5 { width:213px;height:23px; background-image:url(images/menukiri_05.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li6 { width:213px;height:20px; background-image:url(images/menukiri_06.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li7 { width:213px;height:20px; background-image:url(images/menukiri_07.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li8 { width:213px;height:17px; background-image:url(images/menukiri_08.jpg); list-style: none;}
#menukiriitem a { color: #666666; font: 11px  Tahoma,Verdana,Generva,arial; margin-left:50px; text-align:left; font-weight:bold; text-decoration:none; }
#menukiriitem a:hover { color: #2875DE; font: 11px  Tahoma,Verdana,Generva,arial; margin-left:50px; text-align:left; font-weight:bold; text-decoration:underline; }

#slideimage{
	float:left;
	width:489px;
	height:265px;
	background-color:#ffffff;
}
#slideimage img{
	width:489px;
	height:265px;
}


#agenda{
	display:none;
	float:right;
	width:241px;
	height:313px;
	background-color:#999999;
	background-image:url(images/bgagenda.jpg);
	background-repeat:repeat-x;

}
#agenda .isi{
	padding:70px 10px 0px 10px;
	width:201px;
	height:203px;
	text-align:left;
	font-family: Tahoma,Verdana,Generva,arial;
}
#agenda .boxcari{ padding-left:15px; }


#footer{
	float:left;
	width:972px;
	height:85px;
	background-repeat:repeat-x;
	background-image:url(images/bgfooter.jpg);
	background-color:#e8ebf0;
}

#kotakpolling{
	float:left;
	width:242px;
	height:44px;
	background-image:url(images/headerpolling.jpg);
	background-repeat:repeat-x;
}
#kotakmitra{
	float:left;
	width:242px;
	height:44px;
	background-image:url(images/headermitra.jpg);
	background-repeat:repeat-x;
}
/* Text semuanya disimpan disini */

.judul { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 12pt; color: #3f6e9e; }
.judulsedang { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 13pt; color: #3f6e9e; }
.judulbesar { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 14pt; color: #3f6e9e; }

.judul a,a.judul{ font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 14px; color: #3f6e9e; text-decoration: none; font-weight: bold;} 
.judul a:hover,a.judul:hover{ color: #FF801B; font-weight: bold;   } 


.menuhitam a,a.menuhitam{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: none;} 
.menuhitam a:hover,a.menuhitam:hover{ color: #FF801B; font-weight: none; } 

/*--- Untuk Form dan field ----*/
.buttoncari {  padding:0px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; font-weight:bold; width: 50px; height:22px; color: #000000; 
			  background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border-top: 1px solid #FF9900; border-bottom: 1px solid #FF9900; border-right: 1px solid #FF9900; border-left:0px; }
.buttonbiasa {  padding:2px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; color: #000000; border: 1px solid #666666; background-color:#CCCCCC}

.textfieldcari{ padding:0px; border: 1px solid #000000; font: 13px Tahoma,Verdana,Generva,arial; width: 150px; color:#000000; height: 20px; background-color: #FFFFFF; }
.textfieldcari:focus { background-color:#FAFAF5; }

.inputbiasa{ padding:0px; border: 1px solid #666666; font: 13px Tahoma,Verdana,Generva,arial; color:#000000; background-color: #FFFFFF; }
.inputbiasa:focus { background-color:#FAFAF5; }


.pagegaleri {	padding: 5px; margin: 5px; text-align:center; border: 1px solid #E0E1E1;  background-color:#F3F5F6; float:left; color:#000000; width:50px; font-weight:bold;}
.kotakabu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.kotakbukutamu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.labelbukutamu { width:150px; padding:5px; }
 
 
 /*----------------- image -------------*/
 .imgblock50, .imgblockgaleri,.imgblockgalerizoom, .imgblock85, .imgblock65homeprofile, .imgblock15090,.imgblock10060 .imgblock85,.imgblock100, .imgblock85placeHolder{ display: block; overflow: hidden; border: 1px solid #555555; background: #FFFFFF; text-align: center; }
  .imgblockgaleri { width: 125px; height: 90px; margin: 0px auto; }
  .imgblockgaleri img { height: 90px; margin: 0px auto; }
  .imgblockgalerizoom { width: 675px; height: 400px; margin: 0px auto; }
  .imgblockgalerizoom img { width: 675px; margin: 0px auto; }
  .imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
  .imgblock50 img { height: 50px; margin: 0px auto; }
  .imgblock65cell { width: 65px; padding-right: 15px; }
  .imgblock65homeprofile { width: 50px; height: 50px; margin-bottom: 2px; }
  .imgblock65homeprofile img { height: 50px; margin: 0px auto; }
  .imgblock15090 { width: 150px; height: 80px; }
  .imgblock15090 img { width: 150px; margin: 0px auto; }
  .imgblock10060 { width: 125px; height: 60px; }
  .imgblock10060placeHolder { width: 125px; height: 60px; }
  .imgblock10060 img { width: 125px; margin: 0px auto;}
  .imgblock100 { width: 100px; height: 100px; }
  .imgblock100 img { height: 100px; margin: 0px auto; }
  .imgblock85 { width: 85px; height: 85px; }
  .imgblock85placeHolder { width: 85px; height: 85px; }
  .imgblock85 img { height: 85px; margin: 0px auto; } 


.clear{
float:none;
clear:both;
}