#berita-dpn {
	float: left;
	display:inline;
	width: 363px;
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
}

html>body #berita-dpn{
	margin-bottom: 5px;
}

#berita-dpn .head {
	float: left;
	display:inline;
	width: 363px;
	height:22px;
}

#berita-dpn .head .lefthead{
	float: left;
	display:inline;
	width: 326px;
	height:22px;
	background:url(/images/head/bghead.gif);
}

#berita-dpn h1 {
	background: url("/images/head/berita-r.gif") no-repeat;
	width: 224px;
	height: 12px;
	text-indent: -3000px;
	margin: 5px 0 0 12px;
	float:left;
	display:inline;
}

#berita-dpn h1 span{
	display:none;
}

#berita-dpn a.more {
	float: right;
	display:inline;
	background: url("/images/head/btmore.gif") no-repeat top;
	width: 37px;
	height: 22px;
}

#berita-dpn a.more:hover {
	background: url("/images/head/btmore.gif") no-repeat bottom;
}

#berita-dpn .hot {
	float: left;
	padding: 5px 0 0 5px;
	margin: 5px 0 5px 0;
	background: url("/images/table-bg/berita.gif") no-repeat;
	width: 365px;
	height: 70px;
}

html>body #berita-dpn .hot{
	margin: 5px 0 0 0;
}

#berita-dpn .lefthot {
	width: 75px;
	height:60px;
	overflow:hidden;
	float:left;
	display:inline;
}

#berita-dpn .righthot {
	float: left;
	width: 270px;
	margin: 0 0 0 8px;
}

#berita-dpn .hotdate {
	float: left;
	color: #ffe200;
}

#berita-dpn .hottitle {
	clear: left;
	font-weight: bold;
	text-transform: uppercase;
}
#berita-dpn .hotdesc {
	clear: left;
	height: 16px;
	font-weight: none;
}

#berita-dpn .entry {
	float: left;
	border-bottom: gray dotted 1px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
}

#berita-dpn .news {
	float: left;
	font-weight: bold;
	width: 260px;
}

#berita-dpn a {
	font-size: 10px;
	font-weight: bold;
}

#berita-dpn .date {
	float: left;
	color: orange;
	text-align: right;
	width: 100px;
}


#notice {
	float: left;
	width: 363px;
	margin: 0;
	font-size: 10px;
}

#notice .head {
	float: left;
	display:inline;
	width: 363px;
	height:100px;
	margin:0 0 5px 0;
	
}

#notice .head img {
	float:left;
	display:inline;
	margin:5px 0 0 0;
}

#notice .lefthead {
	float: left;
	display:inline;
	width: 326px;
	height:22px;
	background:url(/images/head/bghead.gif);
}

#notice h1 {
	background: url("/images/head/warnet-r.gif") no-repeat;
	width: 263px;
	height: 12px;
	text-indent: -3000px;
	margin: 5px 0 0 12px;
	float:left;
	display:inline;
}

#notice h1 span{
	display:none;
}

#notice a.more {
	float: right;
	display:inline;
	background: url("/images/head/btmore.gif") no-repeat top;
	width: 37px;
	height: 22px;
}

#notice a.more:hover {
	background: url("/images/head/btmore.gif") no-repeat bottom;
}

#notice .entry {
	float: left;
	border-bottom: gray dotted 1px;
	padding-bottom: 3px;
	margin-bottom: 5px;

}

#notice .news {
	float: left;
	width: 260px;
}

#notice a {
	font-size: 10px;
	font-weight: bold;
}

#notice .date {
	float: left;
	color: orange;
	text-align: right;
	width: 100px;
}