body {







	background-image:url(../image/bg.jpg);



	background-repeat:repeat-x;



	margin-top: 0px;







	







	margin-bottom: 0px;















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















	font-size: 11px;































}































fieldset {















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















	font-size: 12px;















	margin-bottom: 15px;















	border: 2px solid #cccccc;















	padding: 10px;















}















legend {















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















	font-size: 11px;















	font-weight: bold;















	border: 2px solid #cccccc;















	padding: 5px;















	background-color: #F7F7F7;































}















input,select,#fileField {















	border: 1px solid #333333;















}















img {















	border: none;















}















a:link {















	color: #BB0000;















	text-decoration: none;















}















a:visited {















	text-decoration: none;















	color: #BB0000;















}















a:hover {















	text-decoration: none;















	color: #0000BB;















}















a:active {















	text-decoration: none;















	color: #0000BB;















}















.left {















	float: left;















}















.right {















	float: right;















}















.maxWidth {















	width: 100%;















}















.small {















	font-size: 10px;















}















.medium {















	font-size: 12px;















}































.big {















	font-size: 14px;















}















.bold {















	font-weight: bold;















}















#container {







	background: #fafafa;







	width: 900px;















	padding-top: 0px;















	padding-bottom: 0px;















	margin: auto;















	overflow: hidden;















}















#header_top {



	background:	#7CC2FF;



	







	width: 100%;















	overflow: hidden;















	vertical-align: middle;















	height: 15px;















	padding-top: 5px;















	padding-bottom: 5px;















}















#header_menu {















	height: 38px;















	width: 100%;















	background-image: url(../image/topmenu_bg.png);















	background-repeat: repeat-x;















}















.topmenu a, .topmenu a:visited {















	float: left;















	padding: 10px 7px;















	font-weight: bold;















	color: #000000;















}















#activeDiv, .topmenu a:hover {















	background-image: url(../image/topmenu_bgh.png);















	background-repeat: repeat-x;















	color: #FFFFFF;















	text-decoration: none;















}















#search {








	width:870px;
	
	
	
	
	
	text-align:right;
	
	
	
	







	padding-top: 8px;















	padding-right: 10px;








	margin-right : 20px;














	padding-bottom: 8px;















	padding-left: 10px;













	
	

}















.inputSearch {















	border: 1px solid #333333;















	font-size: 11px;















	float: left;















	margin-right: 5px;















	height: 15px;















	padding-left: 2px;















}















#content {







	background:#fafafa;















	overflow: hidden;















}



#content.kontak {







	padding:10px 10px 10px 10px;



	



}















#userInfo {















	width: 50%;















}















#userInfo h1 {















	background-image: url(../image/login_h1_bg.gif);















	background-repeat: no-repeat;















	font-size: 12px;















	padding-left: 15px;















	vertical-align: middle;















	font-weight: bold;















	padding-top: 0px;















	margin-top: 0px;















}















#userInfo #detail {















	width: 70px;















}















#userInfo img {















	padding: 3px;















	border: solid 1px #cccccc;















}                        















#userMenu {















	border-top: solid 2px #CCCCCC;















    background-image: url(../image/usermenu_bg.png);















	background-repeat: repeat-x;















	height: 25px;















	margin-bottom: 0px;















    padding-top: 3px;   















}















#left {















	float: left;















	width: 195px;















	padding-right: 10px;















	padding-left: 10px;















	background-color: #F7F7F7;















	border: 1px solid #EAEAEA;















	overflow: hidden;















}















#login, #menu, #category, #archive, #member, #calendar, #event, #comment, #link, #partner {















	margin-bottom: 5px;















}















#shortcut a, #category a, #links a, #sidenews_list a {















	color: #AAAAAA;















}















#login h1 {















	background-image: url(../image/icon3.gif);















	background-repeat: no-repeat;















	font-size: 12px;















	padding-left: 25px;















	vertical-align: middle;















	padding-top: 5px;















	padding-bottom: 5px;















	font-weight: bold;















	border-bottom-width: 2px;















	border-bottom-style: solid;















	border-bottom-color: #CCCCCC;















	margin-top: 5px;















	margin-right: 0px;















	margin-bottom: 3px;















	margin-left: 0px;















}































#login input {















	margin-bottom: 5px;















}































#category h1 {















	background-image: url(../image/icon1.gif);















	background-repeat: no-repeat;















	font-size: 12px;















	padding-left: 25px;















	vertical-align: middle;















	padding-top: 5px;















	padding-bottom: 15px;















	font-weight: bold;















	border-bottom-width: 2px;















	border-bottom-style: solid;















	border-bottom-color: #CCCCCC;















	margin-top: 0px;















	margin-right: 0px;















	margin-bottom: 3px;















	margin-left: 0px;















}















#category ul {







	padding: 0;



	



	list-style: none;



	



	line-height: normal;



	



	color:#000000;
	
	
	
	
	list-style:none;



	



}







#category li {







	display:list-item;



	



	height:35px;
	
	
	
	list-style:none;



	



}



#category a {







	float: top;



	



	margin-right: 0px;



	



	padding: 10px 10px 15px 10px;



	



	text-decoration: none;



	



	text-transform:none;



	



	font-size: 12px;



	



	color: #333333;



	



	padding-left:40px;



	



}



#category a:hover {



	



	color:#330099;



	



	font-weight:bold;



	



	}

#category .news a{







	background-image:url(../image/news.gif);



	



	background-repeat:no-repeat;
	
	vertical-align: middle;



	



	



}

#category .web a{







	background-image:url(../image/web.gif);



	



	background-repeat:no-repeat;
	
	vertical-align: middle;



	



	



}



#category .guest a{







	background-image:url(../image/guest.gif);



	



	background-repeat:no-repeat;

	vertical-align: middle;


	



		



}



#category .visi a{







	background-image:url(../image/visi.gif);



	



	background-repeat:no-repeat;
	
	vertical-align: middle;



	



		



}



#category .manag a{







	background-image:url(../image/manag.gif);



	



	background-repeat:no-repeat;
	
	vertical-align: middle;



	



		



}



#category .struktur a{







	background-image:url(../image/struk.gif);



	



	background-repeat:no-repeat;
	
	vertical-align: middle;



	



		



}



#category .inovasi a{







	background-image:url(../image/inovasi.gif);



	



	background-repeat:no-repeat;
	
	
	vertical-align: middle;



	



	



	



}



#category .iso a{











	background-image:url(../image/iso.gif);



	



	background-repeat:no-repeat;
	
	
	vertical-align: middle;



		



}



#category .forum a{







	background-image:url(../image/forum.gif);



	



	background-repeat:no-repeat;
	
	
	vertical-align: middle;



		



	



}



#category .award a{







	background-image:url(../image/award.gif);



	



	background-repeat:no-repeat;
	
	
	vertical-align: middle;



	



		



}



	



#topbanner{












	width:900px;
	
	
	
	
	clear:left;







	







}











#shortcut h1 {















	background-image: url(../image/icon4.gif);















	background-repeat: no-repeat;















	font-size: 12px;















	padding-left: 25px;















	vertical-align: middle;















	padding-top: 5px;















	padding-bottom: 5px;















	font-weight: bold;















	border-bottom-width: 2px;















	border-bottom-style: solid;















	border-bottom-color: #CCCCCC;















	margin-top: 0px;















	margin-right: 0px;















	margin-bottom: 3px;















	margin-left: 0px;















}







#shortcut li {















	list-style-position: outside;















	list-style-type: disc;















	color: #85c430;



	







}















#shortcut a:hover {















    color: #85c430;















}































#right {















	float: right;















	width: 195px;















	padding-right: 10px;















	padding-left: 10px;















	background-color: #F7F7F7;















	border: 1px solid #EAEAEA;















	overflow: hidden;















}































#rss {















	padding: 10px;  















}































#about h1 {















	font-size: 12px;















	font-weight: bold;















	margin: 0;















	padding: 0;















	color: #999999;















}















#about h2 {















	font-size: 16px;















	font-weight: bold;















	color: #CCCCCC;















	margin-top: 0px;















	border-bottom: solid 2px #CCCCCC;















	padding-bottom: 5px;















	margin-bottom: 3px;















}















#about a {















	font-size: 12px;















	font-weight: bold;















	padding-bottom: 5px;















	margin-bottom: 3px;















	color: #85c430;















	        















}



































#sidenews h1 {















	background-image: url(../image/icon6.gif);















	background-repeat: no-repeat;















	font-size: 12px;















	padding-left: 25px;















	vertical-align: middle;















	padding-top: 5px;















	padding-bottom: 5px;















	font-weight: bold;















	margin-top: 0px;















	margin-right: 0px;















	margin-bottom: 3px;















	margin-left: 0px;















}















#sidenews li {















	list-style-position: outside;















	list-style-type: disc;















	color: #5ca1c6;















}















#sidenews_list {















	border: solid 1px #CCCCCC;















	padding: 10px;















	background: #FFFFFF;















	margin-bottom: 5px;















}















#sidenews_list a:hover {















	color: #5ca1c6;















}















#sidenews_list hr {















	border-top: solid 1px #CCCCCC;















	border-bottom: none;















	border-left: none;















	border-right: none;















}















#sidenews_date {















	font-size: 10px;















	margin-bottom: 3px;















}































#links h1 {















	background-image: url(../image/icon8.gif);















	background-repeat: no-repeat;















	font-size: 12px;















	padding-left: 25px;















	vertical-align: middle;















	padding-top: 5px;















	padding-bottom: 5px;















	font-weight: bold;















	border-bottom-width: 2px;















	border-bottom-style: solid;















	border-bottom-color: #CCCCCC;















	margin-top: 0px;















	margin-right: 0px;















	margin-bottom: 3px;















	margin-left: 0px;















}















#links li {















	list-style-position: outside;















	list-style-type: disc;















	color: #5ca1c6;















}















#links a:hover {















	color: #5ca1c6;















}































































.sidemenu {















	padding-left: 21px;















	padding-top: 3px;















	padding-bottom: 3px;















}















.sidemenu:hover {















	background-image: url(../image/sidemenu_bg.gif);















	display:block;















}















#center {







	width:auto;


	







	top:001px;















	empty-cells:hide;







	







	vertical-align:top;















	background:#fafafa;















	margin-right: 2px;
	
	
	
	
	padding-right:10px;




	margin-left: 220px;















	margin-top: 0px;















	margin-bottom: 0px;















	padding: 5px;















	border: 1px solid #EAEAEA;















}































#center h1 {















	font-size: 16px;















	font-weight: bold;















}















#center hr {















    border-top: solid 1px #CCCCCC;















    border-bottom: none;















    border-left: none;















    border-right: none;















}















































.article {















	border: 1px solid #EAEAEA;















	margin-bottom: 10px;































}















.articleHeader {















	background-color: #f6f6f6;















	padding: 5px;















	overflow: hidden;















	font-size:11px;















}















.articleSubject {















	background-image: url(../image/article_subject.gif);















	background-repeat: no-repeat;















	font-size: 16px;















	font-weight: bold;















	height: 25px;















	padding-left: 35px;















	padding-top: 5px;















	color:#2A61AA;















}















.articleContent {















	font-weight: normal;















	font-size: 12px;















	text-align: justify;















	vertical-align:top;















	padding: 5px;















	color:#333333;















}































.articleContent img {















	padding:2px;















	border:1px solid #CCCCCC;















}















































.articleFooter {















	overflow: hidden;















	padding: 5px;















	background-color: #f6f6f6;















	width: auto;















	height: 20px;















		















}















.articleComment {















	float: left;















	background-image: url(../image/article_comment.gif);















	background-repeat: no-repeat;















	height: 15px;















	padding-top: 5px;















	padding-left: 25px;















	color: #509a30;















	font-weight: bold;















	font-size: 12px;















}















.articleBy {















	float: right;















	padding-top: 5px;















	font-size: 10px;















	font-weight: normal;















}















#footer_bg {















	background:#fafafa;







}























#footer {




	padding: 10px 10px 10px 10px;










	background-image: url(../image/footer_bg.gif);















	background-repeat: repeat-x;



















	background-position: top;







	







	padding-top: 20px;















	text-align: Left;















	overflow: hidden;















	















}































#userComment {















	width: 436px;















	margin-top: 5px;















	margin-left: auto;















	margin-right: auto;















	border: 1px solid #EAEAEA;















	overflow: hidden;















}































#commentLeft {















	width: 75px;















	float: left;















	padding: 5px;















	background-color: #F7F7F7;















	overflow: hidden;















	text-align: center;















}















#commentRight {















    float: left;















	padding: 5px;















	width: 341px;















	text-align: justify;















}































#col {















	overflow: hidden;















	margin-bottom: 5px;















}















#left_col {















	width: 150px;















	float: left;















	padding-top: 4px;















}















#right_col {















	float: left;















}















#center_col {















	text-align: center;















	overflow: hidden;















	clear:left;















}















.noBorder {















	border: none;















}















































#center_header {















	overflow: hidden;















	height: 34px;















	background-image: url(../image/center_header_bg.gif);















	background-repeat: repeat-x;















	margin-bottom: 5px;















}















#center_header_content {















	height: 28px;















	float: left;















	width: 403px;















	font-size: 16px;















	font-weight: bold;















	padding-top: 6px;















}































#paging {















	width:100%;















	overflow:hidden;















	margin-top:5px;















}































#paging img {















	filter: alpha(opacity=50);















	opacity: 0.5;















	cursor:pointer;















}















































.inputSubject {















	background-image: url(../image/article_subject.gif);















	background-repeat: no-repeat;















	font-size: 16px;















	font-weight: bold;















	height: 25px;















	padding-left: 35px;















	padding-top: 5px;















	width: 380px;















	border: solid 1px #CCCCCC;















}































#articleAction, a#articleAction  {















	padding: 5px;















	text-align: right;















	pointer:hand;















	















}















.headerOrange   {















	color: #e90127;















	text-align: left;















	text-transform: uppercase;















	background-color: #fff4ed;















	padding: 3px 6px;















	margin-bottom: 5px;















	border-top: 3px solid #ffc28c;















	border-bottom: 1px solid #ffc28c;















	clear: both;















}















#nonhl {















	line-height: 130%;















	text-align: left;















	padding: 0px;















	margin: 1px 0 0 0;















	clear: both;















}















#nonhl ul h4 { font-size:13px;







	background:#EEEEEE;







	border:solid 1px #DFDFDF;







	padding:2px;







	font-family:Arial;}















#nonhl ul {















	padding: 0 0 10px 20px;















	margin: 0;















	clear: both;















}















#nonhl ul li {















	padding: 1px 0;















	margin: 0;















	list-style-type: square;















	list-style-position: outside;















	color: #666666;















	clear: both;















}





#leftDetail {

	float:left;

	

	padding-right:10px;

	

}





#righttDetail {



	float : right;

	padding-Left:10px;

	

}



#leftDetail, #righttDetail{















	width: 45%;















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















	line-height: 120%;















	font-size: 12px;















	text-align: left;















	padding: 10px 10px;















	margin: 0;















	float: left;







	







	background: #F7F7F7;







	







	border-right: solid 1px #EAEAEA;						















}















#leftDetail h4 {







	font-size:13px;







	font-family:arial;



}







	







#rightDetail {















	width: 47%;















	padding: 10px 10px;















	margin: 0;















	float: Left;















}















#divisionArea, #commentArea {















	width: 865px;















	border: 1px solid #CCCCCC;















	margin: 0 auto 10px;















	overflow: hidden;















	background: #D9E6B3;















}















#divisionArea #header { 















	background: #7f9db9;















	font-weight: bold;















	font-size:14px;















	font-family:Tahoma;















	color: #FFFFFF;















	padding: 3px 10px;















	height: 17px;















}















#divisionArea #divisionLeft {















	float: left;















	padding: 10px;















	width: 645px;















	background: #D9E6B3;















	overflow: hidden;















}















#divisionArea #divisionRight {















	float: right;















	padding: 10px;















	width: 180px;















	background: #F6FAEB;















}















#divisionArea #divisionLeft #related {















	margin-top: 20px;















	margin-left: 320px;















	height: 65px;















	oevrflow: hidden;















}































.joinforum {















	margin-top: 70px;















	margin-left: 210px;















}















#commentArea {















	background: url("../media/comment_bg.gif");















	margin: 0 auto;















}















#divisionArea {















  background:#D9E6B url("../media/article_bg.gif");















}































#commentArea #header {















	background: #7f9db9;















	padding: 5px;















	font-size:	13px;















	font-family:	Tahoma;















	color: #ffffff;















	font-weight: bold;















}















	















#commentArea #commentLeft {















	width: 130px;















	text-align: center;















	padding: 5px 0;















	background: #eff0f4;















	float: left;















}















#commentArea #commentRight {















	width: 180px;















	text-align: center;















	padding: 10px;















	background: #eff0f4;















	float: right;















}































#commentArea #commentCenter{















	float: left;















	width: 525px;















	margin: 0 5px;















	padding: 5px 0;















	background: #FFFFFF;















}































#commentArea #commentLeft img {















	padding: 3px;















	border: solid 1px #999999;















	margin-bottom: 5px;















}















#commentArea #action {















	padding-left: 135px;















	padding-bottom: 3px;















}















.userBlock {















	border: solid 1px #cccccc;















	padding: 0 3px;















	margin: 2px 10px;















	background: #dddddd;















}































#galeriHeader, #fileHeader {















	padding: 5px;















	text-align:center;















	background: #D9E6B3;















	font-weight: bold;















}















#galeriContent, #fileContent {















	text-align:center;















	padding: 5px;















}















#galeriContent {















	border-top: 1px solid #CCCCCC; 















	margin-top: 5px;















}















#fileContent {















    overflow: auto;















    height: 200px;















		width: 170px;















}















#paging {















	padding: 0 15px;















	margin-bottom: 40px;















}