body {
  text-align: auto;
  width:900px;
  margin-left: auto; 
  margin-right: auto;

  background: #FFFFFF url('img/glossybg.jpg') top left repeat-x;
  margin-top:3px;
  margin-bottom:10px;
  color:#666666;
  border-top: 1px solid #425227;
  border-right: 1px solid #425227;
  border-left: 1px solid #425227;
  border-bottom: 1px solid #425227;
}

A:link {
	COLOR: #000066; text-decoration: none
}
A:visited {
	COLOR: #000066; text-decoration: none
}
A:active {
	COLOR: #000066; text-decoration: none
}
A:hover {
	COLOR: #000066; text-decoration: underline
}

#page_wrapper_top1 {
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  margin: margin-top;
  text-align: left;
  background-color: #CCCCCC;
  /*background: background-color #FF0099 url('img/content_bg.gif') top left repeat-y;*/
}

#page_header_top1 {
  height: 20px;
  /*background: #FFFFFF url('img/header.jpg') bottom left no-repeat;*/
  clear: both;
}
#page_header_top1 h1 {
  padding-top:05px; padding-left:15px;
  margin:0px;
  font-family: verdana;
  font-size: 11px;
  color:#000000;
  line-height:8px;
  letter-spacing:1px;
}
#page_wrapper_top {
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  margin: margin-top;
  text-align: left;
  /*background-color:  #FFCC00;*/
  background: background-color #FF0099 url('img/content_bg.gif') top left repeat-y;
}

#page_header_top {
  height: 50px;
  background: #FFFFFF url('img/header.jpg') bottom left no-repeat;
  clear: both;
}
#page_header_top h1 {
  padding-top:05px; padding-left:15px;
  margin:0px;
  font-family: times new roman;
  font-size: 28px;
  color:#FFFFFF;
  line-height:26px;
  letter-spacing:2.5px;
}

#page_header_top h2 {
  margin:0px;
  padding-left:15px;
  font-family: verdana;
  font-size: 13px;
  /*color: #D5D0B0;*/
  color: #ffffff;
  line-height:10px;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  /*text-align: left;*/
  background: #FFFFFF url('img/content_bg.gif') top left repeat-y;
}

#page_header {
  height: 100px;
  background: #FFFFFF url('img/header1.jpg') bottom left no-repeat;
  clear: both;
}

#page_header h1 {
  padding-top:20px;
  padding-left:120px;
  margin:0px;
  font-family: Times New Roman;
  font-size: 25px;
  /*color: #FBD539;*/
  color: #FFFFFF;
  /*line-height:26px;*/
  letter-spacing:2px;
}

#page_header h2 {
  margin:0px;
  padding-left:120px;
  font-family: Verdana;
  font-size: 14px;
  /*color: #D5D0B0;*/
  color: #FFFFCC;
  /*line-height:22px;*/
}

#menu_bar {
  margin:0px;
  padding:0px;
  border:0px dashed #cccccc;
  height:31px;
  clear:both;
  background: #FFFFFF url('img/menu_bg.gif') bottom left no-repeat;
}

#content_wrapper {
  margin-top:auto;
  margin-bottom:auto;
  margin-left:auto;
  margin-right:auto; 
  width: 900px;
  border:0px dashed #FFFFFF;  
  background: #F9F9F9 url('img/bgcenter.jpg')  top left repeat-y;
}

#center {
  margin-left:170px;
  margin-right:160px;
  margin-bottom: auto;
  margin-top: auto;
  width: 550px;
  height: auto;
 /* border-top: 1px solid #425227;
  border-bottom: 1px solid #425227;*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}
#center ul {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #333333;
}

#center h1 {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  color:#996600;
  padding: 2px 10px;
}
#center h2 {
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  padding: 2px 10px;
}

#center h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  /*color: #ffffff;*/
  padding: 2px 10px;
  /*border: 1px solid #425227;*/
  /*background-color: #739240;*/
  background: url('img/glossyback3.gif') bottom left repeat-x;
}

#center p {
  margin-top:5px;
  margin-bottom:0px;
  margin-left:20px;
  margin-right:20px;
  padding: 2px 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

#left_side {
  float: left;
  width:150px;
  margin-left:5px;
  margin-top:15px;
  /*border:0px dashed #cccccc;
  border-right: 0.3px solid  #FAFAFA;*/
  
}

#left_side h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding:4px;
  border: 1px solid #425227;
  /*background-color: #739240;*/
  background: url('glossyback2.gif') bottom left repeat-x;
}

#left_side p {
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
}

#right_side {
  float: right;
  width:150px;
  margin-top:15px;
  margin-right:5px;
  /*border:0px dashed #cccccc;
  border-right: 1px solid #425227;*/
}

#right_side h2 {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
}
#right_side h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding:4px;
/*  border: 1px solid #425227;
  background-color: #739240;*/
  background: url('img/glossyback3.gif') bottom left repeat-x;
}

#right_side p {
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
}

#page_footer {
  height: 120px;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
  width:900px;
  /*background: #FF9900;*/
  background: url('img/glossy.jpg') bottom left repeat-x;
  clear: both;
  /*border-left: 1px solid #425227;
  border-right: 1px solid #425227;
  border-bottom: 1px solid #425227;*/
}

#page_footer p {
  padding-top:15px;
  text-align:center;
  font-family: verdana;
  font-size: 11px;
  line-height:14px;
  color:#FFFFFF;
}

#page_footer A:link {
	COLOR: #FBD539; text-decoration: none
}
#page_footer A:visited {
	COLOR: #FBD539; text-decoration: none
}
#page_footer A:active {
	COLOR: #FBD539; text-decoration: none
}
#page_footer A:hover {
	COLOR: #FBD539; text-decoration: underline
}


#navcontainer ul {
  padding-left: 0;
  margin-left: 0;
  margin-top:0px;
  background-color: #FF9900;
  /*background: url('img/bar.jpg') top right no-repeat; */
  color: White;
  float: left;
  width: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left:10px;
  padding-right:10px;
  background-color: transparent;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #BD620E;
}

#navcontainer ul li a:hover {
  background-color: #CCCCCC;
  background: url('img/bar_bg_hover.gif') bottom left repeat-x; 
	color: #fff;
}

#linklist {
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #D1D9C4;
  width: 140px;
}

#linklist li {
  list-style: none; 
  margin: 0;
  line-height:20px;
  border-top: 1px solid #D1D9C4;
  font-family:verdana;
  font-size:10px;
}

#linklist li a { text-decoration: none; }

#linklistcontent {
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #D1D9C4;
  width: 100%;
}

#linklistcontent li {
  list-style:  none; 
  margin: 0;
  line-height:20px;
  border-top: 1px solid #D1D9C4;
  font-family:verdana;
  font-size:10px;
}

#linklistcontent li a { text-decoration: none; }

.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}

/* menu baru 
#stylefour{
	position: static;
	display:block;
	margin-right:auto;
	margin-left:auto;
	width: 900px;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background: transparent url(img/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto; background: #FFFFFF url('img/content_mrq.gif') top left repeat-y;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;/*background:transparent url(img/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;/*background:#fff url(img/bgON.gif) no-repeat top right;}
*/
/* menu kiri klik down*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 144px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #E2F2FE;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #E2F2FE;/*#DFDCCB;*/
colorz: white;
}

start - table 
tr {
	height: 18px;
}
td {
	padding-left: 2px;
	padding-right: 2px;
    font-family: verdana;
    font-size: 11px;
	
}
 end - table

/* start - table */
table1 {
	border-collapse: collapse;
	margin: 10px 15px;	
}
th strong {
	color: #fff;
}
th {
	background: #306bc1; 
	height: 18px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: center;
	font: bold 12px Verdana;
	border: 1px solid #306bc1;
	border-bottom-width: 2px;
}
tv {
	height: 20px;
	background: #fff;	
}
tc {
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	border: 1px solid #E5F0FB;
	font: normal 11px Verdana;
}
/* end - table */

/* marquee */
#marqueecontainer{
position: relative;
width: 890px; /*marquee width */
height: 20px; /*marquee height */
font: italic 12px Verdana;
background-color: #ffff00;
overflow: hidden;
/* border: 3px solid orange; */
padding: 2px;
padding-left: 4px;
}