* {padding:0; margin:0;}
body {
	padding:0;  margin:0;
	font:11px Tahoma;
	color:#434343;}
	
img {
	behavior:url("pngbehavior.htc");
	border:none;
	color: #D6D6D6;
	text-align: center;
}

h1 {font:bold 16px Verdana;}
h3 {font:bold 16px "Arial"; color: #F00; line-height:25px; text-indent:10px;}
p {
	font:12px Tahoma;
	padding:7px 0;
	font-family: "Arial", Palatino, serif;
	color: #000;
	text-align: justified;
	font-size: 16px;
line-height: 1.8;
}
.text {
	padding:0 20px;
	font-size: 16px;
	
	color: #000;
	text-align: justify;
	margin-right: 15px;
}

a  {font:12px Arial; color: #F00; text-decoration: none;}
a:hover  {
	text-decoration:none;
	color: #0F0;
}


	
#header1_bg {
	width:100%;
	height:73px;
	background: url(img/header1_bg.jpg) repeat-x;}
#header1 {
	width:900px;
	height:73px;
	margin:0 auto;}
			#navigation{

			position:relative;
			top:43px;
			width:100%;
			height:30px;
				}
	
			#menu {
				font: 12px Tahoma;
				height:30px;
				margin:0 auto;
				line-height:30px;
				color:#99ba00;}
			#menu li {
				width:112px;
				height:30px;
				list-style-type:none;
				float:left;
				text-align:center;
				background:url(img/menu.gif) no-repeat;}
			
			#menu li:hover {background:url(img/menu_hov.gif) no-repeat;}	
			#menu a {
				height:30px;
				text-decoration:none;
				color:#99ba00;}
			#menu a:hover {
				color: none;
				text-decoration:underline;}		
	


#header2_bg {
	width:100%;
	height:210px;
	background: url(img/header2_bg.gif) repeat-x;}
	
#header2 {
	width:900px;
	height:261px;
	margin:0 auto;
	position:relative;}

#header2_left {
	position:relative;
	top:10px;
	left:-1px;
	width:223px;
	height:40px;
}	

			
				#menu2 {margin-top:30px; border-top:solid 1px #bfbfbf;}
				#menu2 li {
					width:100%;
					height:31px;
					text-indent:25px;
					list-style-type:none;
					background:url(img/leftmenu.gif) no-repeat;}
				#menu2 li:hover {background:url(img/leftmenuhov.gif) no-repeat; }
				#menu2 a {
					font:12px Arial; 
					color:#434343;
					line-height:31px;}
				#menu2 a:hover {color:#99ba00; text-decoration:none;}	

		#header2_right {
	position:absolute;
	top:0;
	right:0;
	width:675px;
	height:210px;
	background:url(img/isi_logo001.jpg) no-repeat right;
	font-size: 16px;
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: justify;
	
	
}
			
				#header2_right h2 {
	font:bold 16px "Trebuchet MS", sans-serif;
	color:#00F;
	padding:0px 10px 0px 130px;
	font-size: 24px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        
}
#header2_right h3 {
	font:bold 16px "Trebuchet MS", sans-serif;
	color:#00F;
	font-size: 27px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        
}

				#header2_right p {font:12px Verdana; padding:0px 200px 0px 130px; width:370px;}
				#header2_right a {color: #F00; text-decoration:underline;}
				#header2_right a:hover {text-decoration:none;
							color: #00f;
							}
	
#main_bg {
	width:100%;
	height:100%;
	background:#434343;}	
#main {
	width:900px;
	height:100%;
	margin:0 auto;}	
	
		#left {
			display:inline;
                        float:left;
			width:200px;
			height:100%;}
			
				.cat {
					width:223px;
					height:25px;
					background:url(img/cat.jpg) no-repeat;}

						
					#left li {
						width:223px;
						height:28px;
						display:block;
						text-indent:24px;
						list-style-type:none;
						background:url(img/leftli.jpg) no-repeat;}
					#left a {
						color:#fff;
						line-height:28px;} 
				
				.box { 
					width:20%;
                                        background:url(img/ten.gif) no-repeat bottom;
					color:#fff;}
					.box1 { padding:0 10px 5px 0px;}
				.data {color:#99ba00;}	
					
			
		#right {
			display:inline;
			float:right;
			width:677px;
			height:100%;}
			
				#content {
					width:100%;
					height:100%;
					margin-left:15px;
					background:url(img/cont_bg.gif) repeat-y ;}
				#cont_top {
					width:662px;
					height:33px;
					background:url(img/cont_top.gif) no-repeat;}
	
				#cont_bot {
					width:662px;
					height:16px;
					margin-left:15px;
					background:url(img/cont_bot.gif) no-repeat;}	
	
				#content img {padding-left:3px;}
	
	
#footer_bg {
	width:100%;
	height:100%;
	background:url(img/foto.jpg) repeat-x;}	
#footer {
	width:100%;
	height:80px;
	text-align:left;
	padding-top:40px;
	color: 	#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	
}	
	
		#footer a {padding:10px;vertical-align:top;}
		 #footer a:hover {color:#FFFFFF;} 

	#foot p {
	color:#ccc;
	padding-top:20px;
	font-style:italic;
}
	    #foot a {color:#FFFFFF;}
	
	
	
	h4 {
	font-size: 16px;
	color: #900;
	padding-left: 20px;

}
	
	
	
	
	#aa{
		color: #F00;
		}
<!--

/* Navbar container */
.navbar {
  overflow: hidden;
  background: url(img/header1_bg.jpg) repeat-x;
  font-family: Arial;
  position:relative;
  
  
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: #7CFC00;
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
 
 
}


/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: #7CFC00;
  padding: 14px 16px;
 background-color: inherit; 
  background:url(img/menu.gif) no-repeat;
  
}

<!--/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
} -->

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: relative;
  background-color: #F08080;
  min-width: 180px;
  box-shadow: 8px 8px 16px 8px rgba(0,0,0,0.2);
  z-index:2;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration:none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}


/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
-->

/*table header */
.table {
  display: flex;
  flex-flow: column nowrap;
  font-size: .8rem;
  margin: 0.5rem;
  line-height: 1.5;
  border-bottom: 1px solid #d0d0d0;
  flex: 1 1 auto;
}

.th {
  display: none;
  font-weight: 700;
  background-color: #f2f2f2;
}

.th > .td {
  white-space: normal;
  justify-content: center;
}

.tr {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.td {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5em;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0px;
  white-space: nowrap;
  border-bottom: 1px solid #d0d0d0;
}