* {

	margin: 0;

	padding: 0;

}



body {

	background:  url(images/bg-back.png);

	font-size: 13px;

	color: #000000;

}



body, th, td, input, textarea, select, option {

	font-weight: normal;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}



p, ul, ol {

	line-height: 125%;

	margin-top:5px;

	margin-left:5px;

}



.title {

	margin: 4px 0 0 25px; /*top right bottom left*/ 

	/* border-bottom: 2px solid #7B9418; */

}



h1, h2, h3, h4 {

	font-weight: normal;

	color: #000000;

}



h4 {

	text-transform: lowercase;

	letter-spacing: -1px;

	font-size: 18px;

}



a {

	color: #FF0000;

}



a:hover {

	text-decoration: none;

	color: #0000FF;

}



#page {

	margin: 0 auto;

	width: 825px;

	height:auto;

	background: #ffffff url(images/bg-header1.png) no-repeat top center;

}



#header {

	width: 825px;

	height:84px;

	margin: 0 auto;

}



#center {

	width: 825px;

	height:auto;

	margin: 0 auto;

	margin-bottom:5px;

}



#sideleft {

	float: left;

	width: 230px;

	height:auto;

}



#sideleftin {

	width: 200px;

	height:auto;

	margin:auto;

}



#sideright {

	float:right;

	width:595px;

	height:auto;

}



#left {

	float: left;

	width: 230px;

	height:auto;

	margin-top:50px;

}



#sideflash {

	width: 537px;

	height:179px;

	margin: 10px 45px 0 11px;

	border:1px solid #F0F0F0;

}



#sideticker {

	width: 537px;

	height:18px;

	margin: 12px 45px 0 11px;

}



#sidetickerin {

	width: 85px;

	height:18px;

	margin: auto;

	float:left;

}



#boxin{

	width: 184px;

	height:22px;

	margin:2px 2px 2px 2px;/*top right bottom left*/ 

	border:1px solid #F0F0F0;

	background-image: url(images/bg-stripes.png);

	font-weight:bold;

	color:#FFFFFF;

	padding:4px 0 0 10px;

}



#boxout {

	width: 200px;

	height:auto;

	margin:10px 0  10px 0;

	border:1px solid #F0F0F0;

}

#boxoutfb {

	width: 200px;

	height:auto;

	margin:10px 0  10px 0;

	border:0px solid #F0F0F0;

}

#boxmenu{

	width: 194px;

	height:auto;

	margin:2px 2px 2px 2px;/*top right bottom left*/ 

	padding:0px 0 0 2px; */

}



#sidecontent {

	float:left;

	width: 557px;

	height:180px;

	margin:10px 0 0 0;

	border:1px solid #F0F0F0;

	background:  #ffffff url(images/bg-content.gif) no-repeat top center;

}



#sidecontenttitle {

	float: left;

	width: 395px;

	height:33px;

}



#sidecontenmading1 {

	float: left;

	width: 557px;

	height:51px;

}



#sidecontenmading2 {

	float: left;

	width: 275px;

	height:170px;

}



#sidecontenmading3 {

	float: right;

	width: 275px;

	height:170px;

}



#sidecontentisi {

	float: left;

	width: 395px;

	height:147px;

}



#sidecontentright {

	float: right;

	width: 157px;

	height:180px;

}



#sidecontent1 {

	float:left;

	width: 557px;

	height:223px;

	margin:10px 0 10px 0;

	border:1px solid #CECFCF;

	background:  #ffffff url(images/bg-mading1.gif) repeat-x;

}



#banner {

	float:left;

	width: 547px;

	height:125px;

	margin:20px 0 0 0;

	border:1px solid #CECFCF;

	padding:5px 5px 5px 5px;

}



#banner_kiri {

	float:left;

	width: 24px;

	height:110px;

	vertical-align:middle;

}



#banner_tengah {

	float:left;

	width: 489px;

	height:110px;

	margin-left:5px;

}



#banner_kanan {

	float:right;

	width: 24px;

	height:110px;

	vertical-align:middle;

}



.imgwelcome{

	border:1px dotted #C8C8C8;

	padding:2px 2px 2px 2px;

	margin-right:5px;

}



.imggallery{

	border:1px dotted #C8C8C8;

	padding:2px 2px 2px 2px;

}

.gallery{

	border:0px dotted #C8C8C8;

	

}



#footer {	

	background: url(images/bg-footer.png) no-repeat;

	width:785px;

	height:35px;

	margin:0 auto;

	padding:15px 20px 10px 20px;

	text-align:center;

	clear: both;

}



/* Vertical Menu */

#vertmenu {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	width: 195px;

	padding: 0px;

	margin: 50px 0 0 0;

}



#vertmenu ul {

	list-style: none;

	margin: 0;

	padding: 0px;

	border: none;

}



#vertmenu ul li {

	margin: 0px;

	padding: 0px;

}



#vertmenu ul li a {

	font-size: 100%;

	display: block;

	border-bottom: 1px dashed #c8c8c8;

	padding: 5px 0px 2px 4px;

	text-decoration: none;

	color: #666666;

	width:195px;

}



#vertmenu ul li a:hover, #vertmenu ul li a:focus {

	color: #000000;

	background-color: #eeeeee;

}



/* horizontal menu */

.invertedshiftdown{

	padding: 0;

	width: 100%;

	border-top: 5px solid #106DCB; /*Red color theme*/

	background: transparent;

	voice-family: "\"}\"";

	voice-family: inherit;

}



.invertedshiftdown ul{

	margin:0;

	margin-left: 230px; /*margin between first menu item and left browser edge*/

	padding: 0;

	list-style: none;

}



.invertedshiftdown li{

	display: inline;

	margin: 0 2px 0 0;

	padding: 0;

	text-transform:uppercase;

}



.invertedshiftdown a{

	float: left;

	display: block;

	font: bold 12px Arial;

	color: black;

	text-decoration: none;

	margin: 0 1px 0 0; /*Margin between each menu item*/

	padding: 5px 10px 9px 10px; /*Padding within each menu item*/

	background-color: white; /*Default menu color*/



/*BELOW 4 LINES add rounded bottom corners to each menu item.



  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS



  REMOVE IF DESIRED*/



	-moz-border-radius-bottomleft: 5px;



	border-bottom-left-radius: 5px;



	-moz-border-radius-bottomright: 5px;

	border-bottom-right-radius: 5px;

}



.invertedshiftdown a:hover{

	background-color: #106DCB; /*Red color theme*/

	padding-top: 9px; /*Flip default padding-top value with padding-bottom */

	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/

	color: white;

}



.invertedshiftdown .current a{ /** currently selected menu item **/

	background-color: #D10000; /*Red color theme*/

	padding-top: 9px; /*Flip default padding-top value with padding-bottom */

	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/

	color: white;

}



#myform{ /*CSS for sample search box. Remove if desired */

	float: right;

	margin: 10px;

	margin-top: 2px;

	padding: 0;

}



#myform .textinput{

	width: 100px;

	border: 1px solid gray;

}



#myform .submit{

	font: normal 12px Verdana;

	height: 22px;

	border: 1px solid #106DCB;

	background-color: #106DCB;

	color: white;

}



/* scrool ticker */

#pscroller2{

	background: #ffffff;

	width: 452px;

	float:right;

	border:0px solid #F0F0F0;

	height:18px;

}



#pscroller2 a{

	text-decoration: none;

}



.someclass{ //class to apply to your scroller(s) if desired

}



#sidecontentsambungan {

	float:left;

	width: 557px;

	height:auto;

	margin:20px 0 10px 0;

	border:1px solid #F0F0F0;

}



#sidecontenttitlesambungan {

	width: 557px;

	height:36px;

	background:  #ffffff url(images/bg-title.gif) no-repeat top center;

	float:left;

}



#sidecontentisisambungan {

	float:left;

	width: 510px;

	padding: 0 0 0 25px;

	/* border:1px solid #F0F0F0; */

}



.merah{

	color:#ff0000;

}



#tablemading {

	width:100%;

	font-size:95%;

	

}



#tablemading td, th{

	height:25px;

	vertical-align:middle;

	/* border-bottom:1px dotted #CECECE; */

}



/* form */

.formlogin {

	/* background:  url(images/bg-form.gif) no-repeat; */

	margin-left: 8px;

	/* width: 140px; */

}



.submitlogin {

	/* background:  url(images/bg-form.gif) no-repeat; */

	margin-top: 6px;

	margin-bottom: 6px;

	height: 22px;

	border: 1px solid #106DCB;

	background-color: #106DCB;

	color: white;

	/* width: 140px; */

}