body {
	font-family: Verdana;
	font-size: 8pt;
	color: #999999;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	background-color: #262626;
	background-attachment: scroll;
	background-position: center top;
}
#wrapper {
	background-attachment: scroll;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin: auto;
}

#wrapper #header { 
	position: relative;
	background-image: url(images/header.jpg);
	height: 155px;
	width: 1010px;
	margin: auto;
}

#wrapper #header .top_banner{
	position: absolute;
	top:32px;
	left:525px;
	height: 74px;
	width: 600px;	
}

#wrapper #header .cari{
	background-image: url(images/header_cari.jpg);
	background-repeat: no-repeat;
	margin: auto;
	height: 99px;
	width: 195px;
	
}

#wrapper #menu_bar {
	margin: auto;
	clear: both;
	width: 1010px;
	height: 60px;
	padding-top: 0;
	padding-right: 15;
	padding-bottom: 0;
	padding-left: 15;
}

#wrapper #menu_bar .chromestyle{
	margin: auto;
	clear: both;
	width: 930px;
	height: 60px;
	padding-top: 0;
	padding-right: 15;
	padding-bottom: 0;
	padding-left: 15;
}

#wrapper #menu_bar .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wrapper #menu_bar .chromestyle ul{	
	margin: auto;
	background-image: url(images/navbar.jpg);
	background-repeat: repeat-x;	
}

#wrapper #menu_bar .chromestyle ul li{
	display: inline;	
}

#wrapper #menu_bar .chromestyle ul li a{	
	margin: 0;
	text-decoration: none;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	float: left;
	text-align: center;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#wrapper #menu_bar .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../images/navbar.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

#wrapper #menu_bar .dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #284E77; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 150px;
	visibility: hidden;
}

#wrapper #menu_bar .dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #284E77; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: #FF9900;
}

* html #wrapper #menu_bar .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

#wrapper #menu_bar .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #284E77;
}

#wrapper #menu_bar ul {
	font-family: Verdana;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 60px;	
}

#wrapper #menu_bar ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#wrapper #menu_bar ul a, #header #menu_bar ul strong, #header #menu_bar ul em {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	float: left;
	text-align: center;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#wrapper #menu_bar ul strong a span {
	color: #CCCCCC;
}

#wrapper #menu_bar ul a:hover, #wrapper #menu_bar ul a:focus, #wrapper #menu_bar ul a:hover span, #wrapper #menu_bar ul a:focus span {
	color: #FF9900;
	border-bottom-width: 0;
}

#menu a:hover {
	color: #FF6600;
}

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

a:hover {
	color: #993399;
	text-decoration:underline;
}

#wrapper #clearer {
	clear: both;
}

#wrapper #content {
	background-position: center top;
	margin: auto;
	width: 1010px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#wrapper #content .left {
	float: left;
	width: 199px;
}

#wrapper #content .left .member_login {
	background-image: url(images/bar_memberlogin.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .left .web_statistic {
	background-image: url(images/bar_web_statistic.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .left .banner {
	background-image: url(images/bar_banner.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .left .content_bar {
	background-image: url(images/content_bar.jpg);
	background-repeat: repeat-y;
	width: 194px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#wrapper #content .left .footer_bar{
	background-image: url(images/footer_bar.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 199px;
}

#wrapper #content .left .center {
	background-image: url(images/bg_sub_menu.gif);
	background-repeat: repeat-y;
	width: 180px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #FFFFFF;
}

#wrapper #content .tengah {
	float: left;
	width: 600px;
	padding-right: 6px;
	padding-left: 6px;
}

#wrapper #content .tengah p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 7px;	
}


#wrapper #content .tengah .banner_center {
	background-image: url(images/bar_banner_468x60.jpg);
	background-repeat: no-repeat;
	width: 595px;
	color: #333333;
	height: 41px;
}

#wrapper #content .tengah .content_banner_center {
	background-image: url(images/content_bar_banner468x60.jpg);
	background-repeat: repeat-y;
	width: 595px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana;
}

#wrapper #content .tengah .footer_banner_center{
	background-image: url(images/footer_bar_banner468x60.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 595px;
}

#wrapper #content .kanan {
	float: right;
	width: 199px;	
	color: #233a70;
}

#wrapper #content .kanan .berita {
	background-image: url(images/bar_berita.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .kanan .kategori_iklan {
	background-image: url(images/bar_kategori_iklan.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .kanan .customer_service {
	background-image: url(images/bar_customer_service.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .kanan .banner {
	background-image: url(images/bar_banner_kanan.jpg);
	background-repeat: no-repeat;
	width: 199px;
	color: #333333;
	height: 42px;
}

#wrapper #content .kanan .content_bar_kanan {
	background-image: url(images/content_bar_kanan.jpg);
	background-repeat: repeat-y;
	width: 199px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#wrapper #content .kanan .content_banner {
	background-image: url(images/content_banner.jpg);
	background-repeat: repeat-y;
	width: 194px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#wrapper #content .kanan .footer_bar_kanan{
	background-image: url(images/footer_bar_kanan.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 199px;
}

#wrapper #content .kanan .footer_banner_kanan{
	background-image: url(images/footer_banner_kanan.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 199px;
}


#wrapper #content .tengah .content_member {
	background-image: url(images/content_member.jpg);
	background-repeat: repeat-y;
	width: 344px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #233a70;
}


#wrapper #content .tengah .pesan_login{
	background-image: url(images/pesan_login.png);
	background-repeat: no-repeat;
	width: 400px;
	height: 80px;
	font-size: 9x;
	color: #003399;
}

#wrapper #content .tengah .content_pesan_login {
	padding-top: 20px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #233a70;
}

#wrapper #footer {
	font-size: 10px;
	color: #999999;
	background-image: url(images/footer.jpg);
	text-align: center;
	height: 64px;
	width: 1010px;
	background-repeat: no-repeat;
}

#wrapper #footer .text_footer {
	margin: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#paging{
	font-family: Tahoma;
	font-size: 8pt;
	color: #233a70;	
	padding: 5px;

}
h2 {
	font: normal 185% Verdana;
	color: #50586b;
	background-color: transparent;
	border-bottom: 1px dotted #50586b;
}

th{
	color: #50586b;
	font-size: 7pt;
	text-align: center;
	padding: 0.3em;
	border-collapse: collapse;
	background-color: #adb6b5;
	border: 1px solid #555961;
}

.input_cari {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	border: 1px solid #000000;

}

.judul {
	font-family: Verdana;
	font-size: 12px;
	line-height: 170%;
	font-weight: bold;
	color: #FF9933;
	clear: both;
}
.image {
	background-color: #fff;
	padding-top: 0px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float: left;
}

.banner_img {
	text-align: center;
	margin: auto;
	padding: 0px;
}

.date {
	font-size: 10px;
	line-height: 135%;
	font-style: italic;
	color: #FF9900;
}
.posting {
	font-size: 14px;
	color: #FF9933;
}
.judul_head {
	font-family: Verdana;
	font-size: 12px;
}
.kategori {
	font-family: Georgia;
	line-height: 175%;
	font-weight: bold;
	padding-left: 10px;
}
.posting {
	font-size: 11px;
}
.komentar {
	font-weight: bold;
}
.text_ket {
	font-size: 14px;
	font-style: normal;
	color: #417393;
}
.text_nama_member {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
.text_ket2 {
	font-size: 11px;
	font-style: italic;
	color: #265180;
}
.text_ket3 {
	font-size: 12px;
	color: #FF3300;
}
input, select, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;