@charset "utf-8";











/* CSS Document */











body{











	padding:0;











	margin:0;











	font:12px/16px Arial, Helvetica, sans-serif;











	color:#3D3C2C;











	font-weight:normal;





	background:url(bg_bd.gif) repeat-x;











}



































div, p, h1, h2, h3, h4,ul,  img, form{padding:0px; margin:0px;}











h4 { font:12px/16px Arial, Helvetica, sans-serif; }











h3 { font:14px/18px Arial, Helvetica, sans-serif; }











h2 { font:16px/20px Arial, Helvetica, sans-serif; }











h1 { font:18px/22px Arial, Helvetica, sans-serif; }











img {











	border: none;











}











a {











	color:#3D3C2C;











	text-decoration:none;











}











a:hover {color:#669900; text-decoration:none;}











ul{list-style-type:disc;}

















/* edited 12 september */











#head {











	float: left;











	height: 95px;











	width: 950px;











}











#top {





	height: 95px;





	width: 955px;





	border-top: 5px solid #99cc00;





	margin: 0 auto;











}











#top  a.logo {











	background-image: url(images/logo.gif);











	background-repeat: no-repeat;











	display: inline;











	margin: 2px 0 0 20px;











	padding: 0px;











	float: left;











	height: 93px;











	width: 200px;











	text-decoration: none;











}











#top ul#topnav {











	margin: 5px 0 0 0;











	float: left;











	width: 495px;











	display: block;























}











#top ul#topnav li {











	float: right;











	display: block;











	border-right: 1px solid #ccc;











}











#top ul#topnav li a {











	display: block;











	padding: 5px 4px 0 10px;











	font-size: 11px;











	color: #999999;











	text-decoration: none;











	font-weight: bold;











}











#top ul#topnav li a:hover {











	color: #339933;











	text-decoration: none;











}











#top #topmenu {











	margin: 10px 0 0 40px;











	float: left;











	width: 480px;











	display: block;























}











#top #topmenu li {











	float: left;











	display: block;











}











#top #topmenu li a {











	display: block;











	padding: 5px 4px 0 8px;











	font-size: 11px;











	color: #669900;











	text-decoration: none;











	background-image: url(images/bg_topnav.gif);











	background-repeat: no-repeat;











	background-position: right;











}











#top #topmenu li a:hover {











	color: #339933;











	text-decoration: none;











}











#top #search {











	background-image: url(images/bg_search.gif);











	background-repeat: no-repeat;











	background-position: right bottom;











	float: left;











	height: 35px;











	width: 200px;











}











#top #search #textfield {











	border: 0px solid #FFFFFF;











	margin: 12px 0 0 50px;











	width: 123px;











	color: #999999;











}











#top #search #button {











	background-image: url(images/b_search.gif);











	background-repeat: no-repeat;











	height: 17px;











	width: 17px;











	border: 0px solid #FFFFFF;











	color: #FFFFFF;











	cursor: pointer;











}











/* end edited 12 september */



































#idx_mainimg {





	background-color: #F3F3F3;





	height: 300px;





	width: 955px;





	margin: 0px auto;





	padding: 0px;











}











#mainimg {





	background-color: #F3F3F3;





	height: 150px;





	width: 955px;





	margin: 0 auto;











}











#container_content {





	padding: 10px 0 0 20px;





	height: auto;





	width: 935px;





	margin: 0 auto;











}











#container_footer {











	background-color: #F3F3F3;











	height: 50px;











	width: 100%;











	float: left;











	margin: 10px 0 0 0;











}











#container_footer .footer {





	background-color: #E7E7E7;





	padding: 5px 0 0 20px;





	height: 45px;





	width: 935px;





	font-size: 11px;





	margin: 0 auto;











}



































#idx_content {











	float: left;











	height: auto;











	width: 730px;











}











#leftcol {











	float: left;











	height: auto;











	width: 200px;











}











#midcol {











	float: right;











	height: auto;











	width: 525px;











}











#midcol label {











	float: left;











	width: 510px;











	clear: both;











	margin-bottom: 10px;











}











#midcol label .txt {











	float: left;











	width: 100px;











}











#midcol label .txtinput {











	width: 300px;











	background-color: #FFFFFF;











	border: 1px solid #CCC;











}



































#rightcol {











	float: right;











	height: auto;











	width: 200px;











}











#rightcol .boxbanner {











	width: 200px;











	float: left;











	height: auto;











	margin: 5px 0;











}























#box_headline {











	float: left;	











	min-height: 180px;











	height:auto !important;











	height: 180px;











	width: 725px;











	font: 13px/20px Arial, Helvetica, sans-serif;


	text-align:justify;








}











#box_headline .img {











	background-color: #CCCCCC;











	float: left;











	height: 180px;











	width: 180px;











	margin-right: 10px;











}











#box_headline .t_headline {











	font-size: 18px;











	color: #ff6600;











	font-weight: normal;











}











#box_headline .info {











	color: #669900;











	font-family: Arial, Helvetica, sans-serif;











	font-size: 11px;











	font-style: italic;








}











#box_headline .rate {











	font-size: 11px;











	float: left;











}











#box_headline .rate img {











	vertical-align: middle;











}























#box_article {











	float: left;	











	min-height: 180px;











	height:auto !important;











	height: 180px;











	width: 510px;











	font: 12px/18px Arial, Helvetica, sans-serif;











	border-bottom: 1px solid #E7E7E7;











	margin-bottom: 10px;











	padding-bottom: 5px;





	text-align:justify;





}











#box_article p {











	margin: 0 0 10px 0;





	text-align:justify;





}


#box_article UL {


	margin-left: 0;


	padding-left: 2em;


	margin-bottom: 10px;


}




















#box_article .img {











	background-color: #CCCCCC;











	float: left;











	height: 180px;











	width: 180px;











	margin-right: 10px;











}











#box_article .img2 {











	background-color: #FFFFFF;











	float: left;











	height: 180px;











	width: 180px;











	margin-right: 30px;











}























#box_article .img3 {











	background-color: #FFFFFF;











	float: left;











	margin-right: 10px;











}



































#box_article .t_headline {











	font-size: 18px;











	color: #ff6600;











	font-weight: normal;











}











#box_article .info {











	color: #669900;











	font-family: Arial, Helvetica, sans-serif;











	font-size: 11px;











	font-style: italic;





	





}











#box_article .rate {











	font-size: 11px;











	float: right;











}











#box_article .rate img {











	vertical-align: middle;











}























#box_newarticles {











	float: left;











	height: auto;











	width: 725px;











	margin-top: 10px;











}











#box_newarticles .t_newarticle {











	background-image: url(images/t_newarticle.gif);











	background-repeat: no-repeat;











	height: 17px;











	width: 725px;











	clear: both;











	margin-bottom: 10px;











	float: left;











}











#box_newarticles #article_loop {











	float: left;	











	min-height: 150px;











	height: auto !important;











	height: 150px;











	width: 230px;











	padding: 0 10px 0 0;














}











#box_newarticles #article_loop .img {











	margin: 5px 5px 5px 0;











	float: left;











	height: 60px;











	width: 60px;











	border: 1px solid #666;











	background: #666;











}











#box_newarticles #article_loop .t_article {











	font-size: 12px;











	font-weight: bold;











	color: #FF6600;











}











#box_newarticles  #article_loop .info {











	color: #669900;











	font: 11px Arial, Helvetica, sans-serif;











	font-style: italic;











}











#box_idxbottom {











	float: left;











	height: auto;











	width: 725px;











	margin-top: 15px;











	font-size: 11px;











	line-height: 12px;











}











#box_idxbottom #idx_polling {











	float: left;	











	min-height: 200px;











	height: auto !important;











	height: 200px;











	width: 170px;











	background-color: #DEDEDE;











	padding: 5px;











}











#box_idxbottom #idx_polling .t_polling {











	background-image: url(images/t_polling.gif);











	background-repeat: no-repeat;











	height: 18px;











	width: 170px;











	float: left;











}











#box_idxbottom #idx_polling .content_poll {











	float: left;











	height: auto;











	width: 165px;











	padding: 10px 0 0 5px;











}



































#box_idxbottom #box_bottom {











	float: left;	











	min-height: 200px;











	height: auto !important;











	height: 200px;











	width: 170px;











	padding: 5px;











}











#box_idxbottom  #box_bottom  .t_title {











	float: left;











	height: 18px;











	width: 170px;











}











#box_idxbottom #box_bottom .content {











	float: left;











	height: auto;











	width: 170px;











	padding: 10px 0 0 0;











}











#box_idxbottom  #box_bottom  .content  ul  li   {











	display: block;











	margin-bottom: 10px;











	padding-left: 10px;











}























#box_idxbottom #box_bottom .content .date {











	font-style: italic;











	color: #FF6600;











	clear: both;











}











#box_login {











	background-color: #DEDEDE;











	padding: 5px;











	min-height: 180px;











	height: auto !important;











	height: 180px;











	width: 190px;











	font-size: 11px;











	float: left;











}











#box_login .t_title {











	float: left;











	height: 18px;











	width: 190px;











	padding-top: 10px;











}











#box_login .login {











	float: left;











	height: auto;











	width: 185px;











	padding: 10px 0 0 5px;











}























#box_login .login .lcol {











	float: left;











	height: 20px;











	width: 55px;











	padding-top: 5px;











}











#box_login .login .rcol {











	float: left;











	height: 21px;











	width: 120px;











	background-image: url(images/bg_input.gif);











	background-repeat: no-repeat;











	padding: 4px 0 0 10px;











}























#box_login .login .rcol .inputer {











	font-size: 11px;











	width: 110px;











	border: 0px solid #FFFFFF;











	padding: 0px;











}











#box_login .avatar {











	float: right;











	height: 48px;











	width: 48px;











	margin: 5px 0 0 5px;











	background: #CCC;











}











#box_login p {











	width: 190px;











	border-bottom: 1px solid #E7E7E7;











	float: left;











}







































































#box_leftmenu {











	margin-bottom: 10px;











	float: left;











}























#box_leftmenu li {











	float: left;











	width: 155px;











	display: block;











	padding: 5px 5px 5px 25px;











	border-bottom: 1px solid #E7E7E7;











}











#box_leftmenu li a {











	color: #88B430;











	text-decoration: none;











	display: block;











	width: 155px;











	font-weight: normal;











}











#box_leftmenu li a:hover {











	color: #B3D966;











}











#box_leftmenu      .t_green   {











	background-image: url(images/arrow_plus.gif);











	background-repeat: no-repeat;











	background-position: left;











	font-size: 14px;











	font-weight: bold;











	color: #88B430;











}











#box_leftmenu  .t_red {











	background-image: url(images/arrow_plus.gif);











	background-repeat: no-repeat;











	background-position: left;











	font-size: 14px;











	font-weight: bold;











	color: #ED1C24;











}











#box_leftmenu .date {











	font-weight: normal;











	color: #FF6600;











	font-size: 11px;











	font-style: italic;











}























#nav {











	float: left;











	width: 510px;











	font-size: 10px;











	margin: 0 0 5px 0;











	border-bottom: 1px solid #E7E7E7;











	color: #88B430;











}











#nav .action {











	float: right;











	width: 70px;











	height: 20px;











}











#box_komen {











	background-color: #F7F7F7;











	float: left;











	width: 500px;











	height: auto;











	padding: 5px;











	font-size: 11px;











	margin: 5px 0;











}











#box_komen .img {











	background-color: #CCCCCC;











	float: left;











	height: 48px;











	width: 48px;











	margin: 0 5px 5px 0;











}











#box_komen label {











	float: left;











	width: 100%;











	clear: both;











	margin-bottom: 10px;











}











#box_komen label .txt {











	float: left;











	width: 70px;











}











#box_dialog {











	background-color: #F7F7F7;











	float: left;











	width: 500px;











	padding: 5px;











	height: auto;











	margin: 5px 0;











}











#box_dialog .t_title {











	font-weight: bold;











	color: #88B430;











}











#box_dialog .avatar {











	float: left;











	height: 48px;











	width: 48px;











	margin: 0 5px 0 0;











	background: #CCC;











}











#box_dialog .info {











	font-weight: normal;











	color: #FF6600;











	font-size: 11px;











	font-style: italic;











}























#box_dialog p {











	padding-bottom: 5px;











}











#box_reply {











	background-color: #E7E7E7;











	float: left;











	width: 490px;











	padding: 5px;











	height: auto;











	margin: 5px 0;











}











#box_reply .t_title {











	font-weight: bold;











	color: #88B430;











}











#box_reply .avatar {











	float: right;











	height: 48px;











	width: 48px;











	margin: 0 0 5px 5px;











	background: #CCC;











}











#box_reply .info {











	font-weight: normal;











	color: #FF6600;











	font-size: 11px;











	font-style: italic;











}











#box_reply p {











	padding-bottom: 5px;











}











.button01 {











	background-image: url(images/b_butt.gif);











	background-repeat: no-repeat;











	height: 24px;











	width: 70px;











	cursor: pointer;











	border: 0px solid #CCC;











	border: none;











}











.button02 {











	background-image: url(images/b_butt_trans.gif);











	background-repeat: no-repeat;











	height: 24px;











	width: 70px;











	cursor: pointer;











	border: 0px solid #CCC;











	border: none;











}



































.t_orange {











	color: #FF6600;











	float: left;











	width: 510px;











	font-weight: bold;











}











.t_green {











	color: #669900;











	width: 300px;











	float: left;











	font-weight: bold;











}











.postbox  {











	float: left;











	height: auto;











	width: 510px;











}











a.lengkap {











	font-weight: bold;











	color: #FF3300;











	text-decoration: none;











	float: left;











	clear: both;











	width: 510px;











	text-align: right;











	border-bottom: 1px solid #E7E7E7;











	margin-bottom: 10px;











	padding-bottom: 3px;











	font-size: 11px;











}















































a.readmore {











	background-image: url(images/b_baca.gif);











	background-repeat: no-repeat;











	float: right;











	height: 17px;











	width: 62px;











	text-decoration: none;











	display: block;











}











a.postnew {











	background-image: url(images/b_postnew.gif);











	background-repeat: no-repeat;











	float: right;











	height: 17px;











	width: 62px;











	text-decoration: none;











	display: block;











}











a.reply {











	background-image: url(images/b_reply.gif);











	background-repeat: no-repeat;











	float: right;











	height: 17px;











	width: 62px;











	text-decoration: none;











	display: block;





	clear: both;





}











a.qreply {











	background-image: url(images/b_qreply.gif);











	background-repeat: no-repeat;











	float: right;











	height: 17px;











	width: 62px;











	text-decoration: none;











	display: block;











	margin-left: 5px;











}











a.profileedit {











	background-image: url(images/b_profileedit.gif);











	background-repeat: no-repeat;











	float: right;











	height: 17px;











	width: 62px;











	text-decoration: none;











	display: block;











	margin-left: 5px;











}











a.profileview {











	background-image: url(images/b_profileview.gif);











	background-repeat: no-repeat;











	float: right;











	height: 17px;











	width: 62px;











	text-decoration: none;











	display: block;











	margin-left: 5px;











}











#box_tagg {











	margin-bottom: 10px;











	float: left;











	width: 185px;











	text-align: justify;











	line-height: 24px;











}











#box_tagg  .titletag {











	font-size: 14px;











	color: #669900;











	background-image: url(images/arrow_plus.gif);











	background-repeat: no-repeat;











	background-position: 0px 5px;











	padding: 5px 0 5px 25px;











	font-weight: bold;











	border-bottom: 1px solid #E7E7E7;











	border-top: 1px solid #E7E7E7;











}











#box_tagg .tagg01 {











	font-size: 14pt;











	color: #669900;











}











#box_tagg .tagg02 {











	font-size: 14pt;











	color: #339999;











	font-weight: bold;











}











#box_tagg .tagg03 {











	font-size: 14pt;











	color: #5F04B4;











}











#box_tagg .tagg04 {











	font-size: 12pt;











	color: #FF9900;











	font-weight: bold;











}











#box_tagg .tagg05 {











	font-size: 18pt;











	color: #FF0000;











}