@font-face {
	font-family: "TakajaFont";
	src: url('../css/verdana.ttf');
}

@font-face {
	font-family: "HeaderFont";
	src: url('../css/verdana.ttf');
}

body, html {
    /*height: 100%;
	font-family: TakajaFont; 
	margin: 0px;
	padding: 0px;
	background-color: #9ACB00;
	font-size: 14px;*/
	/* The image used */
    font-family: TakajaFont; 
	margin: 0px;
	padding: 0px;
	background-image: url("../images/background.jpeg");
	/*background-repeat: repeat-y;*/
    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    /*background-repeat: no-repeat;*/
    background-size: cover;
}

.bg {
    /* The image used */
    background-image: url("background.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*body { 
	font-family: TakajaFont; 
	margin: 0px;
	padding: 0px;
	background-color: #9ACB00;
	font-size: 14px; 
}*/

.button {
	font-family: TakajaFont;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	background-color:#FF6600;
	height: 34px;
	vertical-align: middle;
	color:#FFFFFF; 
}

.button2 {
	font-family: TakajaFont;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	background-color:#FF6600;
	height: 34px;
	vertical-align: middle;
	color:#FFFFFF; 
	width: 150px;
}

a {
	font-family: TakajaFont;
	font-size: 16px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#footer {
    position: fixed;
    bottom: 0%;
	z-index: 1000; 
	width:100%;
	height: 49px;
}

#top {
    position: fixed;
    top: 0%;
	z-index: 1000; 
	width:100%;
	height: 35px;
}

.circle { 
   width: 140px;
   height: 140px;
   background: red; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px; 
   color:white; 
   top: -50px; 
   left: -10px;
   position:relative;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

.menu_small {
	width:auto;
	line-height: 40px;
	font-size: 16px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	padding: 10px 20px 10px 20px;
	display: inline;
	color:#FFF;
	border: #300000 1pt solid;
	background-color:#300000;
}

.menu_small:hover {
	background-color:#5A0000;
	border: #5A0000 1pt solid;
}

a.menu {
	text-decoration:none; 
}

a:hover.menu {
	text-decoration:none; 
}

#menu_pilih {
	width:auto;
	line: 40px;
	font-size: 16px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	padding: 10px 20px 10px 20px;
	display: inline;
	color:#FFF;
	border: #5A0000 1pt solid;
	background-color:#5A0000;
}

#menu_pilih2 {
	width:auto;
	line: 40px;
	font-size: 16px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	padding: 10px 20px 10px 20px;
	display: inline;
	color:#FF0;
	border: #300000 1pt solid;
	background-color:#300000;
}

#footer {
    position: fixed;
    bottom: 0%;
	z-index: 5; 
	width:100%;
	height: 40px;
	background: #300000;
	text-align:center;
	vertical-align:middle;
	color: #FFFFFF;
	padding-top:15px;
}

#scroll_hie {
	background-color: #FFFFFF;
	position:static ;
	margin-left:0px;
	padding-left:5px;
	padding-top:5px;
	color:#000000;
	overflow:scroll;
	border:solid;
	border-width:thin;
	border-color:#cccccc;
	width:100%;
	height:500px;
}

.trigger{
  cursor: pointer;
  cursor: hand;
}

.branch{
  display: none;
  margin-left: 16px;
}

.branch2{
  display: block;
  margin-left: 16px;
}