*{margin:0px;padding:0px}
body{font-family:arial; background: url(BG.jpg) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
a:link {
	text-decoration: none;
	color: #104b83;
	/* text-shadow: #999999 1px 1px 1px;
	 posisi shadow diganti pixel supaya crisp*/
}

a:visited {
	text-decoration: none;
	color: #104b83;

}
a:hover {
	text-decoration: none;
	color: #069;

}

a:active {
	text-decoration: none;
	color:#104b83;
	
}


#main
{
	padding:10px 10px 10px 10px;
}
#footer
{
	min-height:10px;
	/*background-color:#dedede;*/
	/*border-top:2px solid #333;*/
	padding:20px;
	clear:both;
	text-align:center;
	font-family:Arial;
	font-size:6pt;
	color:#467cc6;
}

ul{float:left; z-index:99999; list-style:none;}
li{float:left;width:30%;padding:auto;margin-right:8px; z-index:999999;}
.content{padding:7px}
.HeaderFont{
	font-family:"ITCBauhaus";
	font:"ITCBauhaus Bold";
	font-weight:300;
	font-size:15pt;
	color:#467cc6;
	text-shadow: #999999 0.02em 0.02em 0.05em;
}

#nav
{
float:left;
margin-left: 0px;
width:100%;
z-index:9999;
font-size:11px;
margin-bottom:20px;
}

#banner
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:0px;
	left:0px;
	margin-left:39.5%;
	width:60%;
	height:95px;
	background:url(images/banner.png) repeat;
}

#flag
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:10px;
	left:0px;
	margin-left:8px;
	width:100px;
	
}
#title
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:30px;
	left:0px;
	margin-left:175px;
	width:100px;
	height:80px;
	font-size:15px;
	z-index:9999999;
}
#stamp
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	background:url(images/logo1.png);
	top:0px;
	margin-top:5px;
	left:0px;
	margin-left:290px;
	width:80px;
	height:80px;
}
#header
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	padding:55px;
	overflow:auto;
	color:#467cc6;
	left:0px;
}
#sidebar
{
background:url(images/sidebar.png) repeat;
}

@media only screen and (min-width: 480px)
{
#header
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	padding:50px;
	overflow:auto;
	color:#467cc6;
}
#article{ min-height:250px;margin-bottom:20px;overflow:auto; z-index:999;}
.content{padding:9px}
ul{float:left;; z-index:9999;}
li{float:left;width:10%;padding:2px;margin-right:4px; z-index:99999;}
#main
{
	padding:10px 20px 10px 20px;
}
#sidebar
{
background:url(images/sidebar.png) repeat;
}

#banner
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:0px;
	left:0px;
	margin-left:24%;
	width:76%;
	height:95px;
	background:url(images/banner.png) repeat;
}

#nav
{
float:left;
margin-left:0px;
width:100%;
z-index:9999;
font-size:10px;
}	

#flag
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:10px;
	left:0px;
	margin-left:20px;
	width:180px;
	height:100px;
}
#title
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:40px;
	left:0px;
	margin-left:170px;
	width:400px;
	height:80px;
	font-size:16px;
	z-index:9999999;
}
#stamp
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	background:url(images/logo.png);
	top:0px;
	margin-top:5px;
	left:0px;
	margin-left:490px;
	width:101px;
	height:101px;
}
	
}

@media only screen and (min-width: 768px){
#header
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	padding:0px;
	overflow:auto;
	color:#467cc6;
	width:650px;
	height:80px;
	top:0;
	margin-top:0px;
	left:0;
	margin-left:100px;
}
#article{ min-height:250px;margin-bottom:20px;overflow:auto; z-index:999; }
.content{padding:9px}
#article
{
float:right;
width:90%;
}

#banner
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:0px;
	left:0px;
	margin-left:20.5%;
	width:79%;
	height:100px;
	background:url(images/banner.png) repeat;
}

#sidebar
{
float:left;
position:absolute;
width:160px;
margin-left:-10px;
min-height:250px;margin-top: 120px; margin-bottom:20px;overflow:auto;
background:url(images/sidebar.png) repeat;
top:0px;
}

#logo
{
float:left;
width:100%;
}
#nav
{
float:left;
margin-left:80px;
width:88%;
z-index:9999;
font-size:13px;
}
ul{float:left; z-index:99999;}
li{float:left;width:14%;padding:auto;margin-right:8px; z-index:999999;}
#main
{
	padding:40px 30px 20px 30px;
}
#flag
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	padding:0;
	overflow:auto;
	top:0px;
	left:0px;
}
#title
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:40px;
	left:0px;
	margin-left:190px;
	width:500px;
	height:80px;
	font-size:24px;
	z-index:9999999;
}
#stamp
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	background:url(images/logo.png);
	top:0px;
	margin-top:10px;
	left:0px;
	margin-left:580px;
	width:101px;
	height:101px;
}


}

@media only screen and (min-width: 1140px) {
#header
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	padding:50px;
	width:800px;
	height:80px;
	top:0;
	margin-top:0px;
	left:0;
	margin-left:100px;
}
#main
{
	padding:20px 40px 20px 40px;
}
#article{ min-height:250px;margin-left:165px;margin-top: 82px; margin-bottom:20px;overflow:auto; z-index:99;}
.content{padding:7px}
ul{float:left; z-index:99999;}
li{float:left;width:15%;padding:4px;margin-right:8px; z-index:999999;}
#article
{
float:right;
width:88%;
}

#banner
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:0px;
	left:0px;
	margin-left:22.5%;
	width:77.5%;
	height:110px;
	background:url(images/banner.png) repeat;
}

#sidebar
{
position:absolute;
float:left;
width:160px;
margin-left:60px;
min-height:250px;margin-top: 120px; margin-bottom:20px;overflow:auto;
background:url(images/sidebar.png) repeat;
}
#nav
{
float:left;
margin-left:110px;
width:89%;
z-index:9999;
font-size:14px;
}
#flag
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:15px;
	left:0px;
	margin-left:0px;
	width:180px;
	height:100px;
}
#title
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	top:0px;
	margin-top:40px;
	left:0px;
	margin-left:190px;
	width:550px;
	height:80px;
	font-size:30px;
	z-index:9999999;
}
#stamp
{
/*	background-color:#ffffff;
	border-bottom:2px solid #333;*/
	position:absolute;
	background:url(images/logo.png);
	top:0px;
	margin-top:10px;
	left:0px;
	margin-left:660px;
	width:101px;
	height:101px;
}

}