#awak 
	{
	width:910px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #00CC00;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #00CC00;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	}
h1,h2,h3,h4,h5,h6,span
	{
	margin:0px;
	padding:0px;
	}
#header {
	width: 100%;
	float: none;
	padding-top:5px;
}	
#kotak_menu_atas
	{
	float: left;
	width: 100%;
	height:45px;
	background-image: url(../images/bgmenu.png);
	background-position:center;
	background-repeat:no-repeat;
	}
	
	.glossymenu{
	position: relative;
	padding: 0 0 0 5px;
	margin: 0 auto 0 auto; /*tab background image path*/
	height: 46px;
	list-style: none;
	background-repeat: repeat-x;
	}
	
	.glossymenu li{
		float:left;
	}
	
	.glossymenu li a{
		float: left;
		display: block;
		color:#990033;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding:0 0 0 9px; /*Padding to accomodate left tab image. Do not change*/
		height: 46px;
		line-height: 46px;
		text-align: center;
		cursor: pointer;	
	}
	
	.glossymenu li a b
	{
		float: left;
		display: block;
		padding: 0 16px 0 8px; /*Padding of menu items*/
	}
	
	.glossymenu li.current a, .glossymenu li a:hover,.glossymenu li a:hover img
	{
		color: #FF0000;
		background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
		background-position: left;
	}
	
	.glossymenu li.current a b, .glossymenu li a:hover b,.glossymenu li a:hover img
	{
	color: #FF0000; /*right tab image path*/
	background-image: url(../images/menub_hover_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
 DropDown Menu 
body {margin:25px; background:#eee}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FFFFFF; font:12px Arial;text-decoration:none;}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:26px; left:0; background:#CEE7FF; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#006699}
ul.menu ul li a:hover {background-color:#CCCCCC; color:#006699;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 7px 7px; font-weight:bold; text-align:center; width:134px;}
ul.menu .menulink:hover, ul.menu .menuhover {color:#000000; }
ul.menu .sub {background:url(../icon/arrow.gif) 136px 8px no-repeat; background-color:#006699;}
ul.menu .topline {border-top:1px solid #aaa}


/* Isine Menu */
#content_menu
	{
	width:100%;
	float:left;
	}
/* Menu sebelah kanan */
#kotak_menu_kanan
	{
	width: 24%;
	float: right;
	}
#kotak_isi_menu_kanan
	{
	padding: 0px;
	width:100%;
	}	
#berita
	{
	font-family: sans-serif;
	font-size: 12px;
	color:#FFFF00;
	vertical-align:middle;
	height: 20px;
	width:175px;
	background-image:url(images/tgl_berita.png);
	background-repeat:repeat-y;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:20px;
	padding-top:4px;
	padding-left:5px;
	}
.date
	{
		width:175px;
		height:15px;
		float:left;
		margin-top:10px;
		margin-left:5px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#FFF;
		background-image:url(../images/datebg.jpg); 
		background-repeat:no-repeat;
	}
.linkblank
	{
	width:200px;
	height:20px;
	float:left;
	font-family:Arial;
	font-size:11px;
	background-image: url(../images/arrow.jpg);
	background-position: 5px 15px;
	background-repeat: no-repeat;
	}
.link
	{
		width:200px;
		float:left;
		padding:0 15px 0 0;
		margin-left:20px;
		margin-bottom:20px;
		margin-top:10px;
		font-family:Arial;
		font-size:11px;
		color:#FF0000;
		text-decoration:none;
	}
.link:hover
	{
		width:200px;
		float:left;
		padding:0 15px 0 0;
		margin-left:20px;
		margin-bottom:20px;
		margin-top:10px;
		font-family:Arial;
		font-size:11px;
		color:#0066CC;
		text-decoration: none;
	}
.searchinput
	{
		width:97px;
		height:18px;
		float:left;
		margin:0px;
		padding:4px 0 0 6px;
		font-family: Arial;
		font-size:10px;
		color:#070808;
	}
#searchbutton
	{
		width:51px;
		height:21px;
		float:none;
		margin:1px 0 0 10px;
		padding:0px;
	}
.search
	{
		width:51px;
		height:18px;
		float:left;
		margin:0px;
		padding:3px 0 0 0;
		font-family: Arial;
		font-size:10px;
		color:#070808;
		text-align:center;
		text-decoration:none;
		background-image:url(../images/searchbutton.jpg);
		background-repeat:no-repeat;
	}
.search:hover
	{
		width:51px;
		height:18px;
		float:left;
		margin:0px;
		padding:3px 0 0 0;
		font-family: Arial;
		font-size:10px;
		color:#070808;
		text-align:center;
		text-decoration:none;
		background-image:url(../images/searchbutton.jpg);
		background-repeat:no-repeat;
	}
.advancesearch
	{
		font-family: Arial;
		font-size:11px;
		font-weight:bold;
		color:#ce932b;
		text-decoration:none;
	}
	
	
/* Akhir menu sebelah kanan */	

/* Slide Show dan Slogan*/
#kotak_slide_show
	{
	float: left;
	overflow: visible;
	position: absolute;
	padding: 5px;
	height: 170px;
	width: 250px;
	left: 285px;
	top: 495px;
	}
/* Akhir Slide Show dan Slogan*/

/* Menu sebelah kiri*/
#kotak_menu_kiri
	{
	float:none;
	}
#kotak_iklan
	{
	float: none;
	width: 98%;
	margin:10px;
	}
#kotak_footer
	{
	float: none;
	width: 898px;
	background-color:#003300;
	margin-right: auto;
	margin-left: auto;
	}

/* ======== Font ========= */
.font_merah 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration:blink;
	}
.diposting_pada
{
	font-family: sans-serif, "Arial Narrow", Tahoma;
	font-size: 11px;
	color: #009900;
	margin-left:5px;
	text-decoration: underline;
}
.referensi
{
color:#009900;
font-size:11px;
font-weight:bold;
}
.more
	{
		width:82px;
		height:20px;
		float: right;
		margin:0px;
		padding:5px 0 0 0;
		font-family:"Trebuchet MS";
		font-size:10px;
		font-weight:bold;
		color:#414141;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		background-image: url(../images/morebutton.jpg);
		background-repeat: no-repeat;
	}
.more:hover
	{
		width:82px;
		height:20px;
		float: right;
		margin:0px;
		padding:5px 0 0 0;
		font-family:"Trebuchet MS";
		font-size:10px;
		font-weight:bold;
		color:#414141;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;		
		background-image: url(../images/morebutton.jpg);
		background-repeat: no-repeat;
	}
#list_berita_1
{
width:100%;
background-color:#FFFFFF;
float:left;
padding:3px 0px;
}
#list_berita_1:hover
{
width:100%;
background-color:#99FFCC;
float:left;
padding:3px 0px;
}
#list_berita_2
{
width:90%;
background-color:#FFFFCC;
border:#999999 solid thin;
float:left;
}
#list_berita_2:hover
{
width:90%;
background-color:#99FFCC;
border:#999999 solid thin;
float:left;
}
#list_berita_3
{
width:100%;
background-color:#FFFFFF;
float:left;
padding:3px 0px;
text-decoration:none;
}
#list_berita_3:hover
{
width:100%;
background-color:#CCCCCC;
float:left;
padding:3px 0px;
text-decoration:none;
}
	
#buttonbg
	{
		width:565px;
		height:25px;
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		background-image:url(../images/hline.jpg);
		background-repeat:repeat-x;
		background-position:center;
	}

.link_kategori_berita
	{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-decoration:none;
	}
.link_kategori_berita:hover
	{
	font-family: Arial;
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	text-decoration:none;
	}
.link_kategori_link
	{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-decoration:none;
	}
.link_kategori_link:hover
	{
	font-family: Arial;
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	text-decoration:none;
	}	
.link_list_kategori_berita
	{
	font-family: Arial;
	font-size:12px;
	color:#003300;
	text-align:center;
	text-decoration:none;
	}
.link_list_kategori_berita:hover
	{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	text-align:center;
	text-decoration:none;
	}
.link_list_kategori_berita_1
	{
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	}
.link_list_kategori_berita_1:hover
	{
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:#CCCCCC;
	text-align:center;
	text-decoration:none;
	}

.link_detail_berita
	{
	font-family: Arial;
	font-size:11px;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
	}
.link_detail_berita:hover
	{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	text-decoration:none;
	}
.link_judul_berita	
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	text-decoration:none;
}	
.link_judul_berita:hover	
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#00CC00;
	text-decoration:none;
}
.link_judul_berita_1
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	text-decoration:none;
}	
.link_judul_berita_1:hover	
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}	
	
.link_kategori_foto
	{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-decoration:none;
	}
.link_kategori_foto:hover
	{
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	text-decoration:none;
	}
.link_daftar_user
	{
	font-family: Arial;
	font-size:11px;
	font-weight:bold;
	color:#009966;
	text-align:center;
	text-decoration:none;
	}
.link_daftar_user:hover
	{
	font-family: Arial;
	font-size:11px;
	font-weight:bold;
	color:#0000FF;
	text-align:center;
	text-decoration:none;
	}
.klik_btn{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color:#000000;
	background-color:#4FB5EC;
	margin-bottom:2px;
	height:23px;
	cursor:pointer;
}
.link_footer
	{
	font-family: Arial;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	}
.link_footer:hover
	{
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:#00FF00;
	text-align:center;
	text-decoration:none;
	}

.link_footer2
	{
	color:#99FFFF;
	text-decoration:none;
	font-family: 'Courier New', Courier, monospace;
	}
.link_footer2:hover
	{
	color:#CCFFFF;

	font-family: 'Courier New', Courier, monospace;
	font-weight: bold;
	}

	
/* ======== Akhir Font ========= */
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
.style2 {font-family: Arial}
#topbar{
	position:absolute;
	border: 1px solid black;
	background-color:#ccffcc;	
	background-image:url(../images/bgslamat.png);
	width: 670px;
	visibility: hidden;
	z-index: 100;
	background-position: 0px 24px;
}
.ucapan_selamat
{
background:silver; font-family:Arrus BT,Garamond,Times New Roman;
position:absolute;
text-decoration: none; color:maroon; vlink:maroon; alink:red;
}
.ucapan_selamat:hover
{
background:silver; font-family:Arrus BT,Garamond,Times New Roman;
position:absolute;
text-decoration: none; color:maroon; vlink:maroon; alink:red;
color:#FF0000;
}
.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; }
<!-- #matrix 
/*{
font-family:arial; 
font-size:14px; 
text-align:center; 
padding:0px; 
}
*/