@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66664A;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66664A;
}

a {
	color: #66664A;
	text-decoration: none;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  	font-weight: bold;
	color: #66664A;
	background-color: #e2f4ca;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #66664A;
	background-color: #0000FF;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #66664A;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #66664A;
	background-color: #e2f4ca;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #66664A;
	background-color: #e2f4ca;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #66664A;
}

.box1 {
	border-color: #e2f4ca #66664A #66664A #e2f4ca;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: Arial, Helvetica, sans-serif;
	color: #66664A;
}

.titlebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #afbc84;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #74C057;
  	color: #66664A; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
	color: #66664A;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

/*galeri*/

#mainCenter {
	height:100%;
}

#titleframe {
	width: 100%;
	/*height: 92px;*/
	background-color: #e2f4ca;
	
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

a 			{ color: #66664A; text-decoration: none; font-weight:normal;} 
a:hover		{ color: #66664A; text-decoration: underline; }

#tapaktilas{
	padding: 0px 0px 0px 0px;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

#tapaktilas a{
	color: #33C600;
	font:bold;
}

#tapaktilas a:hover{
	color: #33C600;
	text-decoration: underline;
}

#menuutama{
	padding: 0px 0px 0px 0px;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

#menuutama a{
	color: #74C057;
	font:bold;

}

#menuutama a:hover, a:active{
	color: #74C057;
	font:bold;
	text-decoration: underline;
}

#catatankaki{
	clear: both;
	font-size: 8pt;
	color: #AAAAAA;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

#catatankaki img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#catatankaki a{
	color:  #339900;
	font:bold;
}


#pencarian{
	top: 5px;
	right: 10px;
	z-index: 101;
}

#pencarian input{
  font-size: 9pt;
  margin: 0px  0px 0px 10px;
 }
 
#pencarian a:link, #pencarian a:visited {
	font-size: 9pt;
	font-weight: bold;
	
}

#pencarian a:hover{
	margin: 0px;
}

#namaSitus{
	margin: 0px;
	margin-bottom:inherit;
	padding: 0px 00px 0px 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font:bold;
	font-size:12px;
}

#bahasa{
	padding: 0px 0px 0px 0px;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

#bahasa a{
	color: #AAAAAA;
	font:bold;
}

#bahasa a:hover{
	color: #005FA9;
	text-decoration: underline;
}

#linkkecil{
	padding: 0px 0px 0px 0px;
	font: 7pt Arial, Helvetica, sans-serif;
	color: #009900;
}

#linkkecil a{
	color:#009900;
	font:bold;
}

#linkkecil a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/************** beritautama styles *****************/

.beritautama{
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	color: #66664A;
	min-height: 200px;
}

.beritautama h3{
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #66664A;
	padding: 0px 0px 0px 0px;
}

.beritautama img{
	float: left;
	padding: 0px 0px 0px 0px;
}


/*************** berita styles ******************/

.berita {
	padding: 0px 0px 10px 0px;
	font-size: 8pt;
	color: #66664A;
}

.berita h3{
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #66664A;
}

.berita p {
	padding: 0px 0px 8px 0px;
	font-size: 9pt;
	color: #66664A;
}

.berita a.beritaterbaru{
	font: bold 1em Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF9900;
	display:block;
	padding-bottom: 0px;
}

.berita a.beritaterbaru:hover{
	text-decoration: underline;
}

td.beritakiri{
	padding-right: 10px;
}


/************** infoSitus styles ****************/

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #e2f4ca;
	border-bottom: 1px solid #e2f4ca;
	font: small Arial, Helvetica, sans-serif;
}
/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #e2f4ca;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e2f4ca;
	font-weight: bold;
	font-size:11px;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #e2f4ca;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
}


#pagecell1{
	position:absolute;
	top: 112px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}

/************ sectionLinks styles **************/

#Linkputih{
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
}

#Linkputih a:link, #Linkputih a:visited {
	font-weight: bold;
	font-size:11px;
	color: #FFFFFF;
}

#Linkputih a:hover{
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
}

ul.menupohon li { list-style: none; }

ul.menupohon, ul.menupohon ul, ul.menupohon li {
  margin: 0; padding: 0; 
}

ul.menupohon ul {
  padding-left: 15px;
}

ul.menupohon li a { padding-left: 15px; }

ul.menupohon li.puslittanbuka a {
	color: #8ec122;
    background: url(../propertiGambar/minusputih.gif) center left no-repeat;
}
ul.menupohon li.puslittantutup a {
    color: #8ec122;
	background: url(../propertiGambar/plus.gif) center left no-repeat;
}
ul.menupohon li.puslittanbullet a {
    color: #66664A;
	background: url(../propertiGambar/bullet.gif) center left no-repeat;
}

ul.menupohon li.puslittanbuka ul { display: block; }
ul.menupohon li.puslittantutup ul { display: none; }



