* {
	margin: 0px;
	padding: 0px;
}

body {	
	margin: auto;
	 width: 800px;
	padding: 5px 0px 12px 0px;
	background-color:black;
	background-image:none;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

#header {
	width: 790px;
	height: 320px;
	margin: 0px;
	padding: 0px;
	align : Center;
	background-image: url('content/header.jpg');
	background-position:center top;
	background-repeat: no-repeat;
}



.bodytext {
	
    width: auto;
	padding: 5px 10px 5px 10px;
	height : auto;
	margin: 10px 10px 0px 0px; 
	font-family: georgia;
    font-size: 12px;
	font-weight: bold;
}

.main_body{
width: 780px;
height:auto;
margin:0px auto;
}

.bodytext1 {
	min-width: 500px;
	padding: 5px 10px 5px 10px;
	border:double;
	border-color:#663300;
	height : auto;
	margin: 50px 10px 0px 150px; 
	font-family: georgia;
    font-size: 12px;
	font-weight: bold;
}
.bodytext2 {
	float:left;
    width:160px;	
	padding: 5px 0px 5px 0px;	
	color: auto;
	margin: 3px 10px 0px 5px; 
}

.bodytext2a {
	float:left;
    width: 400px;	
	padding: 5px 0px 5px 0px;	
	height:auto;
	color: auto;
	margin: 3px 0px 0px 0px; 
}

.bodytext2b {
	float:right;
	width: 180px;
	padding: 5px 0px 5px 0px;
	height:auto;
	color: none;
	margin: 3px 5px 0px 10px;
}


.bodytext4 {
	float:left;
    width: 1000px;
	background: ;
	padding: 5px 10px 5px 10px;
	height:40px;
	color: auto;
	margin: 3px 0px 30px 104px; 
}


.bodytext3 {
	float:right;
    width: 100px;	
	padding: 5px 0px 5px 0px;	
	height:auto;
	color: auto;
	margin: 3px 0px 0px 5px; 
}


.bodytext5 {
	float:left;
    width: 780px;
	padding: 5px 0px 5px 0px;
	height:AUTO;
	color: auto;
	margin: 3px 5px 0px 5px; 
}

.bodytext6 {
	float:left;
    width: 600px;
	padding: 5px 10px 5px 0px;
	color: auto;
	margin: 3px 0px 0px 0px; 
}

.bodytext7 {
	clear:right;
	float:right;
    width: 215px;
	background: #3A0404 url(content/page_bg1.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	border:double;
	height:800px;
	color: auto;
	margin: 3px 135px 0px 0px; 
}

.bodytext8 {
	clear:right;
	float:right;
    width: 150px;
	background: #3A0404 url(content/page_bg1.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	min-height: 400px;
	height:auto;
	color: auto;
	margin: 7px 0px 0px 0px; 
}

.bodytext8a {
	clear:right;
	float:right;
    width: 150px;
	background: #3A0404 url(content/page_bg1.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	min-height: 300px;
	height:auto;
	color: auto;
	margin: 8px 0px 0px 0px; 
}

.bodytext9 {
	float:left;
    width: 1000px;
	background: #3A0404 url(content/page_bg1.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	border:double;
	height:400px;
	color: auto;
	margin: 3px 0px 0px 104px; 
}

.bodytext10 {
	float:left;
    width: 710px;
	background: #3A0404 url(content/page_bg1.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	border:double;
	height:450px;
	color: auto;
	margin: 3px 0px 0px 104px; 
}

.bodytext11 {
	clear:right;
	float:right;
    width: 250px;
	background: #3A0404 url(content/page_bg1.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	border:double;
	height:450px;
	color: auto;
	margin: 3px 135px 0px 0px; 
}

.bodytext12 {
	float:left;
    width: 780px;
	padding: 5px 0px 5px 0px;
	height:auto;
	color: auto;
	margin: 3px 0px 0px 0px; 
}
.left {
	clear:left;
	float:left;
	width:160px;
	valign:top;
	background: none;
	margin:3px 0px 0px 0px;
	height : auto;
	color: auto;
	
	}

.lefta {
	clear:left;
	float:left;
	width:180px;
	valign:top;
	background: none;
	margin:3px 0px 0px 0px;
	padding-left:0px;
	height : auto;
	color: auto;	
	}
	
.left0 {
	clear:left;
	float:left;
	width:154px;
	valign:top;
	background: none;
	padding: 0px 3px 5px 0px;
	margin:3px 0px 0px 0px;
	height : auto;
	color: auto; 
	}
.center {
	
	width:520px;
	
	margin:3px 0px 0px 180px;
	height : auto;
	color: auto; 
	}

.right {
	clear:none;
	float:right;
	width:500px;
	valign:top;
	background: none;
	padding: 0px;
	margin:3px 0px 5px 5px;
	height : auto;
	color: auto; 
	}	

.right1 {
	clear:none;
	float:right;
	width:570px;
	valign:top;
	background:none;
	padding: 0px;
	margin:0px 0px 5px 5px;
	height : auto;
	}

.right2 {
	clear:none;
	width:750px;
	float : right;
	background:none;
	padding: 0px;
	margin:10px 10px 5px 20px;
	height : auto;
	}

.left2 {
	width:350px;
	background:none;
	padding: 0px;
	margin:3px 10px 5px 20px;
	height:auto;
	color: none;
	float:left;
	}	



.header {
	width: 788x;
	height: 135px;
	margin: 0px auto;
	padding: 10px 0px;
	background: url(gambar/HESA.jpg);
}

.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : Teal;
	font-weight : bold;
	}

.boxheader {
	font-family : Verdana;
	font-size : 12px;
	text-align : center;
	height : auto;
	color : white;
	padding-top : 3px;
	padding-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight : bold;
	border-top:1px solid;
}

.boxheader2 {
	font-family : Verdana;
	font-size : 14px;
	width:500px;
	background-image: url(gambar/MKJ.png) ;
	text-align : center;
	height : 16px;
	color : white;
	padding-top : 3px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight : bold;
}

.boxheader1 {
	font-family : Verdana;
	font-size : 12px;
	border : double;
	background-color : orange;
	text-align : center;
	height : auto;
	padding-bottom:5px;
	padding-top:2px;
	color : black;
	padding-top : 2px;

}

.boxtext {
	font-family : Verdana;
	font-size : 10px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top:1px solid;
	margin-right: 10px;
	margin-bottom:5px;
	padding-right:5px;
	padding-left:25px;
	height:inherit;
}

.boxtext1 {
	font-family : Verdana;
	font-size : 12px;
	text-align : center;
	background:#cc9933s;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px solid;
	border-top:1px solid;
	margin-right: 10px;
	margin-bottom:0px;
}


.boxtext2 {
	font-family : Verdana;
	font-size : 10px;
	background:none;
}

.boxtext3 {
	font-family : Georgia;
	font-size : 10px;
	border :1px solid;
	padding: 3px;
	align : justify;
}

#footer {
	float:left;
	width:790px;
	margin: 0px 0px 5px 0px;
	padding-top:10px;
	border-top-style:double;	
	font-size: 11px;
	text-align: center;
	color:white;

}

.linktext {
background:none;     
	
}

#menu {
	width: 780px;
	height:20px;
	margin: 0px;
	padding: 10px 5px 10px 5px;
}

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

#menu li {
	display: inline;
}

#menu a {
	padding: 15px 5px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
color:#ffff99;
font-size:16px;
}

.styleku {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
text-align:justify;
}

.box {
  float: left;
  width: 160px;
  height: 30px;
  color:#FFFFFF;
  font-weight: bold;
  text-align:center;
}

.box1 {

  width: auto;
  background: none;
  
  
}

.box2 {
  float: left;
  width: 745px;
  background: #730F11;
  margin-right: 18px;
  padding: 5px 10px 5px 10px;
  height:670px;
  color: auto;
  margin: 3px 0px 0px 104px; 
}

.box3 {
  float: right;
  width: 750px;
  padding: 0px;
	margin:3px 0px 5px 10px;
	height : auto; 
}

.box4 {
  float: left;
  width: 745px;
  background: #730F11;
  padding:5px 10px 5px 10px;
  margin:3px 0px 0px 104px;
  height : 550px; 
}

.box-t { background: top url(content/box_t3.gif) repeat-x; }
.box-r { background: right url(content/box_r3.gif) repeat-y; }
.box-b { background: bottom url(content/box_b3.gif) repeat-x; }
.box-l { background: left url(content/box_l3.gif) repeat-y; }
.box-tr { background: top right url(content/box_tr3.gif) no-repeat; }
.box-br { background: bottom right url(content/box_br3.gif) no-repeat; }
.box-bl { background: bottom left url(content/box_bl3.gif) no-repeat; }
.box-tl { background: top left url(content/box_tl3.gif) no-repeat; }
.box-1 { background: top url(content/bg_atas.gif) no-repeat; }
.box-2 { background: url(content/bg_tengah.gif) repeat-y; }
.box-3 { background: bottom url(content/bg_bawah.gif) no-repeat; }

.box-tl {
  padding: 13px 18px;
}

.box p {
  margin: 1em 0;
}

#gbox {
  float:right;
  width: 520px;
  margin-top: 5px;
  margin-right: 0px;
  margin-left:  5px;
}

#gbox-bg  { background: top url(content_1/main_bg.gif) repeat-y; }
#gbox-grd { background: bottom url(content_1/main_bg.gif) repeat-x; 
			padding-top:15px;}
#gbox-top { background: url(content_1/main_top.gif) no-repeat; height: 12px; }
#gbox-bot { background: bottom left url(content_1/main_bot.gif) no-repeat; height: 12px; }

#gbox-grd {
  min-height: 20px;
  padding: 2px 15px 2px 15px;
}

#nav a:link { 
	background: url(images/btn-bg.gif) no-repeat;
	color: #C7C6C6;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	width: 71px;
}
	
#nav a:visited { 

	color: #C7C6C6;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	width: 71px;	
}
	
#nav a:hover, #nav a:active { 
	
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	width: 71px;
}