body{
	font-family : Tahoma;
	text-align : center;
	font-size : 90%;
}

h2{
	font			: bold 150% Georgia;
	color			: #265180;
	background-color : transparent;
}

h4{
	font			: normal 80% Georgia;
}

#content{
	position		: absolute;
	margin-left: 210px;
	
}

#content p{
	font-size	: 80%;
	line-height : 1.8em;
	padding-left: 2em;
}

#header{
	font 			: normal 120% Georgia;	
	width			: 100%;
	border 		: none;
	text-align 	: left;
	border-bottom : 2px solid #265180;

}

#footer{
	text-align	: center;
	width			: 100%;
	font-size	: 75%;
	border-top 	: 2px solid #265180;
	color			: #265180;
}

#menu {
	position		: absolute;
	width			: 180px;
	border-right: 2px solid #261580;
	border-left		 : 12px solid #265180;
	left			: 0;
	top 			: 84px;
	height		: 480px;
	background-color : #CAD6EC;
}

#menu ul {
	list-style	: none;
	text-align 	: left;
	margin		: 0;
	padding-top		: 0px;
	padding-left : 0px;
	border		: none;
}

#menu li {
	width			: 180px;
	font-size	: 80%;
	border-bottom : 1px solid #969BA5;
}

#menu a:link, #menu a:visited {
	display		: block;
	text-decoration : none;
	background-color : #CAD6EC;
	color : #265180;
	
	padding		: 5px 5px 5px 0.5em;
	
}

#menu a:hover {
	background-color : #265180;
	color	: #FFFFFF;
}

td {
	color 	: #333333;
	font-size : 9pt;
	font-weight : bold;
        padding : 1em;
}

table {
	font-family	: Tahoma;
	font-size 	: 10pt;
	border-width : 1px;	
	border-color : #999999;
	border-collapse : collapse;
}

th {
	color 	: #FFFFFF;
	font-size	: 9pt;
	text-align	: center;
	padding	: 0.5em;
	background-color	: #265180;
	border-color	: #969BA5;
	border-style	: solid;
}
/* ghost button */
/* class untuk latar gelap  */
.btn-gelap {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

.btn-gelap:hover {
  background:#fff;
  color: #000;
}

.btn-terang {
 background: transparent;
 color: #000;
 border-color: #000;
}
.btn-terang:hover {
 background:#000;
 color:#fff;
}