body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
 color:#fff;
}

img {
	margin: 0;
	padding: 0;
	border: 0px none;
}

.leftColumn {
	color: #666;
  	float: left;
	width: 215px;
	padding: 8px 30px 8px 0px;
	font:Arial, Helvetica, sans-serif;

}

.mnTitle {
font-size: 14px;
font-weight:bold;
color:#FFFFFF;
padding-left:5px;
}

.mnatas {
 padding-right:5px;
}

.leftColumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 4px 0;
	margin: 0;
	border-bottom: 2px Solid #666;
}

.leftColumn h2 span {
color:#000066;
}

.leftColumn ul {
	padding: 0;
	margin: 0 0 18px 0;
	list-style: none;
}

.leftColumn li {
	display: list-item;
	margin: 0;
	background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
}

.leftColumn p {
	margin: 0;
	background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
}

.leftColumn li a, .leftColumn p a {
	color: #666;
	margin: 0px;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 0;

}

.leftColumn li a:hover, .leftColumn p a:hover {
	color: #08c;
	display: block;
	margin: 0px;
	text-decoration: none;
	padding: 5px 0 5px 5px;
	font-weight:bold;

	background-color: #f5f5f5;
}

--
.mainColumn {
    color:#000099;
  	float: left;
/*	width: 215px; */
	padding: 8px 30px 8px 0px;
	font:Arial, Helvetica, sans-serif;

}

.mainColumn h1 {
 color:#000000;
 margin: 10px 20px 18px 10px;
font-size: 24px;
   
}

.mainColumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 4px 0;
	margin: 0;
/*	border-bottom: 1px Solid #666;*/
}

.mainColumn h2 span {
	color: #f60;
}

.mainColumn ul {
	padding: 0;
	margin: 0 0 18px 15px;
	/*list-style: none;*/
}

.mainColumn li {
	display: list-item;
	margin: 0;
/*	background: #fff url('images/dotted.gif') repeat-x bottom;; */
   padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
}

.mainColumn p {
	margin: 0;
	background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
}

.mainColumn li a, .mainColumn p a, .mainColumn h2 a {
	color: #666;
	margin: 0px;
	text-decoration: none;
	display: block;
    padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
}



.mainColumn li a:hover, .mainColumn p a:hover , .mainColumn h2 a {
	color:#08c;
	display: block;
	margin: 0px;
	text-decoration: none;
   padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
	font-weight:bold;
/*	background-color: #f5f5f5;*/
}

a {
	color: #666;
	text-decoration: none;


}

a:hover {
	color: #08c;
	text-decoration: none;

}


.topmenu {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
/*  border:1px solid #06a; /* add a border to show size of menu */
  }
* html .topmenu {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.topmenu li {
  display:table-cell;    /* ignored by IE */
  }
* html .topmenu li {
  display:inline;        /* for IE only */
  }
.topmenu a, .topmenu a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 16px;
  color:#000; 
  background:#d4d4d4; 
/*  border:1px solid #fff; /* add a 1px white border around items */ 
  text-decoration:none;
  }
* html .topmenu a, * html .topmenu a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.topmenu a:hover {
  color:#fff; 
  background:#08c;
  }
  
.righted {margin:0 0 0 auto;}

/* shadow */
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:767px;} /* change to suit */


.navtop {
padding-left: 15px;
font-weight:bold;
color:#000099;
 
}

.navtop a {
color:#000099;

}

.navtop a:hover {
color:#08c;

}

.pagina {
padding-left: 15px;
color:#000099;
 
}

.pagina a {
color:#000099;

}

.pagina a:hover {
color:#08c;

}

.proimg{
 padding-left:15px;
}

.proTitle{
font-size:24px;
font-weight:bold;
}

.proDetail{
padding-left:20px;
font-size:12px;

}

.proDetail Strong{
 color: #FF0000;
}

/* Tombol ------------- */

#tombol {display:block; position:relative; background:#fff; width:112px; padding:5px; }

.white {position:absolute; width:100px; height:20px; color:#fff; background:#fff; border-top:1px solid #ffdc56; border-right:1px solid #957704; border-bottom:1px solid #937603; border-left:1px solid #ffdc56;overflow:hidden; text-align:center;}
.blackc {position:absolute; top:0; left:0; width:98px; height:18px; color:#000; font-family:verdana; font-size:11px; font-weight:bold; overflow:hidden; border-top:1px solid #ffd42e; border-right:1px solid #caa205; border-bottom:1px solid #c9a105; border-left:1px solid #ffd42e; overflow:hidden; text-align:center; line-height:15px; background:#fc0;}
.black {position:relative; top:0; left:0; width:102px; height:22px; border:1px solid #000;}
.cona {position:relative; top:0; left:0; width:105px; height:25px; border-top:1px solid #d5d3ca; border-left:1px solid #d5d3ca; background:#f7f6ef;}
.conb {position:relative; top:0; left:0; width:107px; height:27px; border-top:1px solid #b8b7af; border-left:1px solid #b8b7af; background:#f7f6ef;}
.conc {position:relative; top:0; left:0; width:109px; height:29px; border-top:1px solid #9c9b95; border-left:1px solid #9c9b95; background:#f7f6ef;}
.cond {position:relative; top:0; left:0; width:111px; height:31px; border-top:1px solid #d5d3ca; border-left:1px solid #d5dc3a; background:#fff; margin-top:2px;}


#tombol a.switch:visited {text-decoration:none;}
#tombol a.switch {color:#c00; text-decoration:none; position:absolute;}
#tombol a.switch:hover {color:#c00; background:#edebdc; cursor:pointer;}
#tombol a.switch:hover .white {position:absolute; width:100px; height:20px; color:#fff; background:#fff; border-bottom:1px solid #ffdc56; border-left:1px solid #957704; border-top:1px solid #937603; border-right:1px solid #ffdc56;overflow:hidden; text-align:center;}
#tombol a.switch:hover .blackc {position:absolute; top:0; left:0; width:98px; height:18px; color:#000; font-size:11px; font-weight:bold; overflow:hidden; border-bottom:1px solid #ffd42e; border-left:1px solid #caa205; border-top:1px solid #c9a105; border-right:1px solid #ffd42e; overflow:hidden; text-align:center; line-height:17px; background:#eb0;}

/* -------- and of tombol ---*/