html, body, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
}

ul {
	padding-left: 12px;
	margin-left: 0px;
}
hr {
line-height:normal;
}
h1 img {
	display: block;
}


a {
	color: #464544;
	text-decoration:none;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float:left;
}
.right2 {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	//background: #fff url(images/page_bg.gif) repeat-x;
	text-align:justify;
	font: 12px arial, sans-serif;
	color:#464544;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
  position: relative;
  background-color:#F9F9FF;
  border:thin;
  border-style:solid;
  border-color:#999999;
}

h1 {
  position: absolute;
  top: 46px;
  left: 0;
  height: 43px;
  padding-top: 8px;
  width: 414px;
  text-align: center;
  background: #7A808C;
  color: #ffffff;
  font: 24px "Times new roman", serif;
  font-weight: normal;
}
h1 strong {
  font-weight: normal;
  color: #0E1520;
}
#top-nav {
  background:#FFCCFF;
}
#top-nav ul {
  text-align: center;
  line-height: 17px;
}
#top-nav li {
  display: inline;
  font-size: 12px;
  color: #fff;
}
#top-nav a {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
}
#top-nav a:hover {
  text-decoration: underline;
}

#mmagic {
  position: absolute;
  top: 46px;
  left: 727px;
  width: 173px;
  height: 238px;
  background-color:#EEFAFF;
}
#header {
 background: url(images/header_bg.jpg) no-repeat;
  position: absolute;
  top: 89px;
  left: 0px;
  width: 414px;
  height: 195px;
}

/** body **/
#spacer {
  height: 285px;
}

#body {
 // background: url(images/body_bg.gif) repeat-y;
  width: 100%;
}

#left {
  float: left;
  width: 600px;
}
#right {
  float: left;
  width: 280px;
}
#right2 {
  float: right;
  width: 270px;
}

#nav ul {
}
#nav li {
  float: left;
  width: 81px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: url(images/tab_lit.gif) repeat-x;
  border-left: 1px solid white;
  list-style: none;
}
#nav a {
  font: 12px "Times new roman", serif;
  color: #ffffff;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: underline;
}
#nav li.drk {
  background: url(images/tab_drk.gif) repeat-x;
  border-left: none;
  padding-left: 1px;
}

#visit {
  background:#FFFFFF;
  padding:3px;
  //padding: 10px 20px 10px 26px;
}
#visit h2 {
  font: 24px "Times new roman", serif;
}
#visit a {
  text-decoration: none;
}
#visit a:hover {
  text-decoration: underline;
}

#iklan {
  height:80px;
  width:610px;
  margin:3px;
  border:dashed;
  background-color:#FFFFFF;
  border-color:#CCCCCC;
  text-align:center;
}

#subs-left {
  float: left;
  width: 190px;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
  background-color:#FFF5F1;
}
#subs-right {
  float: right;
  width: 145px;
  padding-right: 30px;
  padding-bottom: 10px;
  margin-top: 22px;
}
#subs-left a {
  color: #fff;
}
#subs-left {
  color: #fff;
}
#subs-left h3 {
  color: #000000;
  font: 16px "Times new roman", serif;
}
#subs-left p {
  text-align: justify;
}

#subs-right {
  color: #fff;
}
#subs-right h3 {
  color: #000000;
  padding-left: 20px;
  padding-bottom: 14px;
  font: 16px "Times new roman", serif;
}
#subs-right h4 {
  color: #000000;
  font: 14px "Times new roman", serif;
  margin: 0.6em 0;
}
#subs-right ul {
  margin-top: 1em;
}
#subs-right li {
  list-style: none;
  padding-left: 20px;
  background: 5px 3px url(images/bullet.gif) no-repeat;
}
#subs-right p {
  text-align: justify;
  margin: 0.6em 0;
}

#right-i {
margin:3px 0 6px 3px;
padding:3px;
width:auto;
border:thin;
border-style:solid;
border-color:#C6EBFF;
background-color:#F7FDFF;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
list-style-image:url(images/arow.gif);
list-style-position:inside;
}
#right-i-judulmenu {
text-align:center;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#88C4FF;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
height:22px;
line-height:20px;
color:#FF3300;
}

#right-i-2{
margin:3px 0px 6px 6px;
padding: 3px;
width:auto;
border:thin;
border-style:solid;
border-color:#C6EBFF;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
  
}
#right h2 {
  color: #323E51;
  font: 22px "Times new roman", serif;
  margin-bottom: 12px;
}
#right h3 {
  color: #000000;
  font: 14px "Times new roman", serif;
  margin-bottom: 5px;
}
#right p {
  margin-top: 0;
  color: #163348;
}
#right .left {
  margin-right: 4px;
}
#right a {
  color: #163348;
  text-decoration: none;
}
#right a:hover {
  text-decoration:none;
  color:#CC6600;
}

/** footer **/
#copyright {
  background:#6699CC;
  color: #fff;
  text-align: center;
  font-size: 11px;
  width: 900px;
  padding: 10px 0;
  margin-bottom: 20px;
}
#copyright p {
  margin: 0;
  padding: 0;
}

/* menu */
#menu {
	width: 212px;
	margin-top: 10px;
	}
#menu ul{
list-style:none;
	}
#menu li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
#menu li a:link, #menu li a:visited {
	color: #777;
	display: block;
	background: url(images/menu.gif);
	padding: 8px 0 0 20px;
	}
#menu li a:hover {
	color: #257EB7;
	background: url(menu.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}

	

#menu li a:active {

	color: #fff;

	background: url(menu.gif) 0 -64px;

	padding: 8px 0 0 25px;

	}
#garisbawah {
border-bottom:1px dashed #eeeeee;
}
#layer1 {
	position:absolute;
	left:599px;
	top:123px;
	width:485px;
	height:158px;
	z-index:1;
}
#layer1-atas {
height:100px;
}
#layer1-bawah {
position:relative;
height:300px;
background-color:#9999FF;
}

#divTrigger a:link,#divTrigger a:visited{
	 	text-decoration: none; /* hilangkan garis bawah pada link */
	 	margin:4px 0px; /* memberi jarak antar link */
	 	padding: 1px 4px; /* menjadikan link seperti kotak */
	 	border: 1px solid #C6EBFF;
	    color:#99FF00;
		
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	   background-color: #C6EBFF;
	   color:#99FF00;
	 }
	 #divContent{
	 	margin-top:4px;
	 	width:auto;
	 	height: 160px;
	 	padding: 4px;
		background-color:#BDDEFF;
		-moz-border-radius:12px;
	 }
	 #divContent .judulheadline {
	 font-size:18px;
	 color:#0099FF;
	 }
	 #divContent div{ 
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none;
	 }	
	 .title{
	 	font-size: 15px;
	 	font-weight: bold;
	 	color:#FF0000;
	 	text-decoration:none;
	 	margin-bottom: 2px;
	 	display:block
	 } 

/* style untuk artikel depan */	 
#kategori {
width:auto;
margin:3px;
font-size:14px;
}

#rubrik {
background-color:#339999;
}
#kategori-rubrik{
width:300px;
float:left;
border:thin;
border-style:solid;
border-color:#C6EBFF;
padding:6px;
text-align:justify;
margin-bottom:6px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
}
#kategori-rubrik-kanan{
width:200px;
float:right;
border:thin;
border-style:solid;
border-color:#C6EBFF;
padding:6px;
text-align:justify;
margin-bottom:6px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
}

#kategori-rubrik img{
border:double;
border-color:#CCCCCC;
}
#kategori-rubrik a{
border:none;
border-color:#CCCCCC;

}
.date {
	font-size: 10px;
	font-style:normal;
	color:#999999;
	}
.rubrik {
	font-size: 10px;
	color:#FF66FF;
}
.judul {
	font-family: Georgia;
	font-size: 13px;
	display:block;
	color:#FF00FF;
}
.judul a {
text-decoration:none;
color:#FF00FF;
}
.judul a:hover {
color:#99CC66;
}
.selengkapnya a{
text-decoration:none;
color:#FF9900;
}

.fitur {
font-size:10px;
font:Arial, Helvetica, sans-serif;
color:#000000;
}
.sebelumnya {
margin-left:12px;
text-decoration:none;
line-height:20px;
position:relative;
}

#kategorikiri {
margin:6px 0 0 0;
width:auto;
float:left;
border:thin;
border-style:solid;
border-color:#C6EBFF;
padding:3px;
}

#tengah-midel {
width:auto;
height:410;
background-color:#FFFFFF;
border:thin;
border-color:#999999;
margin:8px;
border-style:dashed;
}
.kotak {
border:double;
}
#atas {
height:160px;
width:900px;
background-image:url(images/header2.jpg);
}

/*buat menu atas */
#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	}
#tabs ul {
	margin:0;
	padding:3px 10px 0px 1px;
	list-style:none;
	}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}
#tabs a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#tabs a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FF9834;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
#identitas {
height:80px;
background-color:#BBD9EE;
}

/*tab view untuk rubrik unggulan */
#tabsview {
        display: block;
        float: left;
        width:auto;
		font-size:10px;
    }
    .panel {
        border: solid 1px #D8D8D8;
        font-family:arial;
        font-size:12px;
        border-top: none;
        background-color: #FFFFFF;
        padding: 3px 0 0 3px;
        width: auto;
        overflow: auto;
        clear: left;
    }
    .tab_bdr {
        padding: 0px;
        width: auto;
        border: 0px;
        border: 1px solid #CCCCCC;
        height: 4px;
        margin:0px;
        background: #CCCCCC;
        clear: left;
        font-size: 0px;
    }
    .tab {
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
        font-family: tahoma;
        font-size: 12px;
        background:#FF9900;
        color: #FFFFFF;
        cursor: pointer;
        border: none;
        border-bottom: 1px solid #FFFFFF;
        height: 19px;
        padding-top: 3px;
        margin: 0px;
        width:auto;
        float: left;
        text-decoration: none;
    }
    .tab_sel {
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
        font-family: tahoma;
        font-size: 12px;
        background: #CCCCCC;
        color: #FFFFFF;
        cursor: pointer;
        border: none;
        border-bottom: 1px solid #CCCCCC;
        height: 19px;
        padding-top: 3px;
        margin: 0px;
        width:auto;
        float: left;
        text-decoration: none;
    }
	.tabjudul {
	font-size:14px;
	}
	
input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
}
input#shout{
	font-size: 10px;
}
.shout {
	font-size: 10px;
	line-height: 135%;
  padding-left: 3px;
}
.shoutdate {
	font-size: 10px;
	line-height: 135%;
  padding-left: 50px;
	color: #EE1C24;
}
.iframe {
margin:6px;

}
.stylemenu{
	font-family: Georgia;
	font-size: 14px;
	text-align:center;
}

.glowingtabs{
float:left;
width:100%;
font-size: 12px;
line-height:normal;
border-bottom: 1px solid #dcc208; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(images/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs li.selected a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
position:absolute;
top: 0;
border: 1px solid #dcc208; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #dcc208; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/
background-color: #fef8c8;
}

#kiri {
width:615px;
margin:3px 10px 3px 10px;
}
#kiri img {
border:thin;
border-color:#CCCCCC;
border-style:double;
}

#kiri-kiri {
width:295px;
float:left;
margin:3px 2px 3px 10px;
}
#kiri-kanan {
width:295px;
float:right;
margin:3px 2px 10px 3px;
}
#kiri-bawah {
width:auto;
height:200px;
}
#kiri-bawah-kiri {
float:left;
width: 400px;
}
#kiri-bawah-kanan {
float:right;
width: 200px;
}
#judulrubrik {
font-size:18px;
font-weight:600;
color:#669999;
border-bottom:thin;
border-bottom-style:dotted;
border-bottom-width:thin;
}
.juduldetil {
font-size:28px;
font-weight:500;
color:#CC00FF;
}
#clear {
clear:both;
}
.thumbnail 
{
float:left;
width:110px;
height:90px;
margin:5px;
}
.judul2{
	font-family: Georgia;
	font-size: 10px;
	display:block;
	color:#FF00FF;
}
#right-i-2 .judulkanan {
	font-family: Georgia;
	font-size: 13px;
	display:block;
	color:#FF6699;
}
#bawah {
height:20px;
background-color:#0080C0;
padding-left:6px;
}
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#tabs2 {
	float:left;
	width:100%;
	background:#FCF1F6;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #E276A7;
	}
#tabs2 ul {
	margin:auto;
	padding:10px 3px 0 0px;
	list-style:none;
	}
#tabs2 li {
	display:inline;
	margin:0;
	padding:0;
	}
#tabs2 a {
	float:left;
	background:url("images/tableft2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#tabs2 a span {
	float:left;
	display:block;
	background:url("images/tabright2.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#333;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */
#tabs2 a:hover span {
	color:#591333;
	}
#tabs2 a:hover {
	background-position:0% -42px;
	}
#tabs2 a:hover span {
	background-position:100% -42px;
	}
#menurubrik {
width:auto;
}
#menurubrik ul{
list-style:none;
border:1px solid #E276A7;
padding:3px;
}
#menurubrik li{
display:inline;
font-size:13px;

}