html, body, form {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
}

a {
	color: #7AB800;
	font-size: 11px;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

a img {
	border: none;
}

h2 {font-size: 100%;color: #005172;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 0px;
}

ol li {
	margin-left: 35px;
}

.menu li
{
	padding-top:10px;
}

br {
	height: 1px;
	font-size: 1px;
}

p {
	text-indent:20px;
}


td, th, div {
	font-size: 100%;
	text-align: left;
}

#latestnews{
	padding:20px;
}

#latestnews li{
	float:left;
}

#latestnews li a{
	padding: 10px;
	text-decoration: none;
	
	
}

.containerheader{
	width: 950px;
	margin: 0 auto;
}

.container{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

.headerbg{
	width: 100%;
	margin-top: 35px;
}

.headerbg1{
	width: 180px;
	padding-left: 770px;
	height: 30px;
}

.headerbg2{
	width : 950px;
	height: 93px;
}

.headerbg21{
	width: 300px;
	float: left;
	height: 93px;
}

.headerbg22{
	width: 650px;
	padding-top: 20px;
	float: left;

}

.roundedmodulebg{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.roundedmodule1{
	width: 950px;
	background-color: #EFEFEF;
	background-image: url(roundedk.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.roundedmodule2{
	width: 100%px;
	background-image: url(roundedl.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.roundedmodule3{
	width: 100%px;
	background-image: url(roundedm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.roundedmodule4{
	width: 100%px;
	background-image: url(roundedn.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 5px;
}


.mainbodybg{
	margin-top: 20px;
}

.columnkiri{
	width: 200px;
	float: left;
	
}

.columntengah{
	width: 510px;
	float: left;
	margin-left: 20px;
}

#pathway{
	margin-bottom: 10px;
}

.columnkanan{
	width: 200px;
	float: left;
	margin-left: 20px;
	
}

.footerbg1{
	width: 100%;
	color: #888;
	border-top: 3px solid #EEE;
	padding-top: 10px;
	margin-top: 10px;
	height: 17px;
}

.copyrightbg{
	width: 100%;
	padding: 0px 0px 10px 0px;
}

.copyright{
	text-align: left
}

.copyright span{
	color: #7cb905;
}


#topmenu .moduletable{
	margin:0;
}

#topmenu ul{
	margin:0;
	padding:0;
	width:auto;
}

#topmenu ul li{
	margin:0;
	padding:0;
	height: 40px;
	float:right;
	position:relative;

}

#topmenu ul li a{
	color:#BBB;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 25px 15px 25px 15px;
	border-left: 1px solid #DDD;
	text-decoration: none;
	
	
}
#topmenu ul li a:hover{
	text-decoration:none;
	color: #000000;
}

.roundedmodulebg .moduletable{
	font-size: 11px;
	color: #333;
}

.roundedmodulebg .moduletable h3{
	font-size: 16px;
	color: #333;
	font-weight: lighter;
}

.roundedmodulebg .moduletable a:link, .roundedmodulebg .moduletable a:visited{
	text-decoration: none;
}

.roundedmodulebg .moduletable a:hover{
	border-bottom: 1px dotted #7cb905;
	padding-bottom: 2px;
}

#pathway, #pathway a:link, #pathway a:visited{
	font-size:11px;
	font-weight: lighter;
}

.columnkiri .moduletable, .columnkiri .moduletable_menu{
	margin-bottom: 15px;
}

.columnkiri .moduletable{
	padding: 5px;
	border:1px solid #DDD;
	background-image: url(modultra.gif);
	background-repeat: repeat-x;

}

.columnkiri .moduletable h3, .columnkiri .moduletable_menu h3{
	font-weight: lighter;
	font-size: 16px;
	color: #333;
}

.columnkanan .moduletable, .columnkanan .moduletable_text{
	margin-bottom: 15px;
}

.columnkanan .moduletable h3{
	font-weight: lighter;
	font-size: 16px;
	color: #333;
}



.mainlevel, .mainlevel:link, .mainlevel:visited{
	display: block;
	padding: 5px 0px 5px 5px;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}

.mainlevel:hover, .mainlevel:active{
	background-color: #FAFAFA;
}

#active_menu{
	background-color: #EEE;
}

#active_menu.sublevel{
	background-color: #EEE;
}

.sublevel, .sublevel:link, .sublevel:visited{
	display: block;
	padding: 5px 0px 5px 30px;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}

.sublevel:hover{
	background-color: #FAFAFA;
}

span.mainlevel{
	color: #7cb905;
}
span.mainlevel:hover{
}
/*======================= ARTICLE =============================*/
.contentheading{
	font-size: 14px;
	color: #333;
}

.small, .createdate, .modifydate{
	color: #bbb;
}

.blog_more{
	border: 1px solid #DDD;
	padding:5px;
	margin: 5px 0px 5px 0px;
}
/*======================= COMPONENT =============================*/
.componentheading{
	font-size: 14.3px;
	font-weight:bold;
	color: #005172;
	border-bottom: 1px dotted #005172;
	padding-bottom: 5px;
	margin: 0px 0px 10px 0px;
}


.button{
	background-image: url(gradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 1px 5px 1px 5px;
	border: 1px solid #036790;
	background-color: none;
	color: #FAFAFA;
}

.button:hover{
	background-position: 0px -15px;
}
	

.inputbox{	
	border: 2px solid #EEE;
	padding: 3px;
	color: #666;
}

.inputbox:focus{
	border: 2px solid #DDD;
}

#mod_search_searchword{
	width: 150px;
	background-image: url(search_b.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	padding: 3px 0px 5px 30px;
	color: #666;
}
/*========================= LOGIN ========================*/
#modlgn_username, #modlgn_passwd{
	width: 95%;
	border: 2px solid #EEE;
	padding: 3px;
	color: #666;
}

#modlgn_username:focus, #modlgn_passwd:focus{
	border: 2px solid #DDD;
}

.poll tbody tr td{
	text-align: left;
}

.poll tbody tr td div{
	/*width: 125px;
	border: 1px solid #3C2B00;*/
	margin-top: 10px;
}