body {
margin:0 auto;padding:0;
background:#747474;
font:normal 11px Tahoma, Arial, Helvetica, "trebuchet ms", sans-serif;
color:#2F4F4F;
}

#bg {
width:998px;margin:0 auto;
background:url('images/bg.gif') repeat-y;
}

#wrapper {width:954px;margin:0 auto;}

/* TOP MENU */
.chromestyle{width:952px;font-weight:bold;}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content:".";display:block; 
height:0;clear:both; 
visibility:hidden;
}

.chromestyle ul{
border:1px solid #BBB;width:100%;
background:url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding:4px 0;margin:0;
text-align:center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{display:inline;}

.chromestyle ul li a{
color:#494949;padding:4px 7px;
margin:0;text-decoration:none;
border-right:1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background:url(chromebg-over.gif) center center repeat-x; padding:4px 7px; border-right:1px solid #DADADA;/*THEME CHANGE HERE*/
}

/* Style for Drop Down Menu */

.dropmenudiv{
position:absolute;top:0;
border:1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width:0;
font:normal 9px Tahoma, Arial, Helvetica, "trebuchet ms", sans-serif;
line-height:18px;z-index:100;
background:white;width:200px;
visibility:hidden;
/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}

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

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

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:#FFF;color: #B22222;
border-bottom:1px solid #BBB; /*THEME CHANGE HERE*/
}


/* TOP BANNER */

.blink {text-decoration:blink;}

#logofins {
padding:5;margin:0 2px 0 12px;
background:url('images/d.jpg') no-repeat left;
width:953px;height:90px;
min-height:90px;
}

#logofins H1 {
margin:0;border:0;
padding:0;overflow:hidden;
height:0px !important;
}

/* top bar date*/

#topbar {height:28px;margin-bottom:2px;background:url(images/topbar.jpg) repeat-x;}

#topbar #dates {
float:left;height:25px;
line-height:25px;padding-left:10px;
font-size:13px;color:#394754;
margin-top:1px;
}

#topbar #dates img{
margin-top:4px;border:0px;}

#topbar ul {
float:right;display:inline;
height:25px;padding-right:10px;
margin:0px;
}

#topbar ul li {
float:left;margin-left:20px;
display:inline;height:20px;
}

#topbar ul li a {
height:20px;line-height:30px;
background-position:left;padding-left:20px;
font:bold 11px;text-decoration:none;
}

#topbar ul li a:hover {color:#AA1C1A;}

/* The Search */
#search {height:23px;width:auto;
padding-top:3px ;margin-left:5px;
width:180px;float:left;
}

#search form {margin:0;padding:0;}
#search fieldset {margin:0;padding:0;border:none;}
#lingua {margin-left:5px;width:60px;padding:3px;}

#s {
margin:2px 0 5px 0;float:left;
width:135px;padding:3px;
background:#8EB8CF url(images/search.jp) repeat-x;
border:none;color:#fff;
font:normal 100% "century Gothic", Arial, Helvetica, sans-serif;
}

#searchsubmit {
width:25px;float:left;
margin-top:2px;color:#FFFFFF;
height:20px;border:none;
background:#EFEFEF url(images/go.jpg) no-repeat;
font:bold 100% "century gothic", Arial, Helvetica, sans-serif;
}

label{
width:6em;float:left;display:block;
text-align:right;margin-right:0.5em;
}
.bodyterbit img {margin:8px;float:right;}
.button{margin-left:5em;}
.img {margin:0 8px 8px 0;float:left;}
.bodytext img {margin:0 8px 8px 0;float:left;
}
/*END BANNER*/

/*CONTENT*/

#casing {padding:4px 0 10px 2px;}

#content {
float:left;width:636px;
height:120%;padding-top:10px;
}

/* sidebar */
#rightcol {
float:right;width:301px;
padding:0 4px 10px 0;
}

#bancol {
float:right;padding:0;
margin:0 0 0 4px;width:200px;
height:200px;min-height:80px;
background:url('images/lib.gif') no-repeat left;
}

/* The Sidebar1 */
.sidebar1{
float:left;width:299px;margin:0 2px 0 0;
font:normal 9px Tahoma, Arial, Helvetica, "trebuchet ms", sans-serif;/*"Century gothic", Arial, sans-serif;*/
}

.sidebar1 h2 {
font:bold 9px;
}

.sidebar1 ul {
list-style-type:none;margin:0;padding:0;
}

.sidebar1 ul ul  {
list-style-type:none;margin:0;padding:0 0 10px 0;
background-repeat:no-repeat;
}

.sidebar1 ul ul ul, .sidebar1 ul ul ul ul {
list-style-type:none;margin:0;
padding:0;border:0;
}

.sidebar1 ul li {
height:100%;line-height:14px;margin:0;
}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
color:#47535F;text-decoration:none;
padding:5px 10px;display:block;
background:#CDD4DA no-repeat;
border-bottom:1px solid #E8EBEE;
margin:0 1px 0 0;
}

.sidebar1 ul li a:hover {
background:#8B959F no-repeat;
color:#fff;margin:0 1px 0 0;
}

.sidebar1 p {
padding:7px 10px;margin:0;
}

.sidebar1 table {
width:100%;text-align:center;
background:#1f1f1f;color:#daef8e;
}

/* End Sidebar */


#page {
margin:0px auto;padding:10px;
width:790px;text-align:center;
border:0px solid #959596;
}

img.iklan {margin:16px auto 4px auto;display:block;}

a, a:hover, a.on:hover, a.on, a.visited, a.active, .after_head{border:0;}
a {color:#A52A2A;}
a:hover {color:#808080;}
a.on:hover {color:#A52A2A;}
a.on {color:#808080;}
a.visited {color:#B2B2B2;}
a.active {color:#CD5C5C;}

textarea.message {overflow:auto;width:230px;}

/*h1, h2, h3, */
h1, h2, h3, h5 {margin:0;}
h1 {font-size:17px;color:#666;}
h2 {font-size:15px;color:#666;}
h3 {font-size:12px;color:#000000;}
h4 {
font-size:11px;color:#3366CC;
border-bottom:1px solid #696969;
margin-top:0;padding:2px 0;
}
h5 {font-size:10px;color:#C4161C;}
h6 {
font-size:9px;color:#3366CC;
border-bottom:1px solid #696969;
margin-top:0;padding:2px 0 2px 2px;
}

.after_head {width:800px;}
.middle_left{float:left;width:380px;}
.middle_right{float:right;width:300px;}

.ttitle {
padding:0px 2px;
font-size:16px;font-weight:bold;color:#000000;
}

.ttitle H3 {color:white;font:normal 12px;text-decoration:none;}

.judul {color:#000000;margin:10px 10px 0 19px;}

.thead {
font-size:13px;letter-spacing:1px;
color:#000000;margin-top:0px;
margin-bottom:0px;text-align:justify;
}

.error {color:#dc143c;}
ul.error {color:#dc143c;}
img.foto {margin:0px;}

/* Header Style */
.clear {clear:both;}

/* Footer Style */
#footer {
width:954px;background:#ee1e1e;
color:#CCC;padding:3px 0;
margin-top:2px;
}

#footer a {color:#FFF; text-decoration:none;}

#copyright {
width:954px;background:#d4d4d4;
color:#000;padding:3px 0;
}

#newslist {
float:left;width:328px;
padding:0;
border:1px solid #ccc;
}

#newslist a:link, #newslist a:visited, #newslist a:hover{
color:#FFF;padding:4px 8px;
border-bottom:1px dotted #ccc;
display:block;margin:0 1px 0 0;
text-decoration:none;
}

#newslist a:link, #newslist a:visited {
background:#b3690e;}

#newslist a:hover {
background:#8B959F;
}

/* Footer Style End */

#tengah {border:1px solid #ccc;}

#tengah_kiri {
float:left;width:328px;
/*background:#F0F8FF;*/min-height:250px;
color:#CCC;padding:0;
border:1px solid #ccc; 
}

#tengah_kanan {
width:280px;margin:0 0 20px 5px;
background:#FFF;color:#CCC;
padding:4px;min-height:730px;
border:1px solid #ccc; 
}

#tengah_kanan img, #tengah_kanan img a{border:0px;}

.tengah_topik {
width:318px;margin-top:4px;
font:bold 12px;color:#FFF;
background:#666;
padding:3px 0 3px 16px;
border:1px solid #666;
}

.tengah_topik2 {
width:272px;margin:4px 0 0 5px;
font:bold 12px;color:#FFF;
background:#666;
padding:3px 0 3px 16px;
border:1px solid #666;
}

.kanan_topik, .kanan_top-topik {
width:280px;
padding:4px 0 3px 16px;
font:bold 12px;color:#FFF;
background:#666;
border:1px solid #666;
}
.kanan_topik {
margin-top:8px;
}
.kanan_top-topik {
margin-top:0px;
}

.kanan_topfotcast img, .kanan_topfotcast img a{
border:2px solid #FFF;}

.kanan_topfotcast img, .kanan_topfotcast img a:hover{
border:2px solid #808080;}


/* 17 November 2008 */
/* Old Styleseheet */
.boxtop {
font-size:14px;padding:2px 4px;
border:1px solid #D3D3D3;
background:#F5F5F5;
}

.boxkiri a, .boxkiri a:hover {
font:bold 11px;text-align:right;
padding:0 2px 2px 5px;
}

.boxkiri a{margin-top:0;color:#666;}
.boxkiri a:hover{color:#F62217;}

.boxkiri {
float:right;vertical-align:top;
background:#FFF;padding:0 2px 2px 5px;
text-align:right;
}

.boxpic {border:2px solid #004600;}

.bodytext, .bodyterbit{
font-size:12px;line-height:18px;
padding:10px;margin:10px;
}

.bodyisi {
font-size:12px;line-height:18px;
padding:10px 0;margin:0 10px;
border-bottom:1px solid #ccc;
}

.topb {
background:white;font-size:12px;
padding:5px 5px 5px 5px;
border:1px solid #808099;
}

.new{padding:10px;width:612px;
}

.new , .topnews {
margin:0 0 0 5px;
border:1px solid #ccc;
}

.topnews {
color:white;min-height:153px;width:617px;
background:#8B0000;padding:6px 6px 6px 10px;
}

.topnews H2 a{
color:white;font-weight:bold;font-size:14px;text-decoration:none;
display:block;padding:6px 0px 0px 4px;
}

.topnews H2 a:hover {color:#C0C0C0;text-decoration:none;}
.topnews H3 a{color:white;font-weight:normal;font-size:12px;text-decoration:none;}

.invinews {
min-height:24px;width:633px;
background:#4f9abd;padding:0;
margin:0 0 0 5px;
border:1px solid #ccc;
border-top:0;}

.invinews ul, .invinews li {list-style-type:none;margin:0;padding:0;}
.invinews li {border-bottom:1px dotted #ccc;}

.invinews ul li a:link, .invinews ul li a:visited {
color:#fff;font-weight:bold;font-size:16px;display:block;
text-decoration:none;padding:5px 10px;margin:0 1px 0 0;
}

.invinews ul li a:hover {background:#6a8e9e;color:#fff;margin:0 1px 0 0;
}

.wheninvi { color: #FFCC00;font-size: 12px;text-align: right;width:280px;float:right;text-decoration:blink;
}

.midlenews {
width:326px;float:left;
margin:4px 5px 8px 5px;
}

.midright {
width:270px;float:left;
margin:4px 0 8px 8px;
}

.subtop {
width:450px;color:#808099;
font-size:10px;line-height:18px;
text-align:justify;padding:0 8px 0 12px;
}

.jambuka {
font-size:12px;line-height:18px;
background:#FFFF99;padding:8px;
border:1px solid #808099;
}

.excerpt {
font-size:12px;line-height:18px;
padding:8px;
}

.excerpt a{color:#FFD700;text-decoration:none;}
.excerpt a:hover {color:#FFFACD;text-decoration:none;}

.excerpt_dir {
font-size:12px;line-height:18px;
text-align:left;padding:0 0 0 6px;
}

.t_justify {
font-size:12px;line-height:18px;
text-align:justify;padding:0 0 0 6px;
}

.excerpt_dir img{padding:2px 4px 2px 2px;}
.pro {font-size:12px;text-align:justify;}
.excerpt_date {color:#808080;font-size:11px;}
.excerpt1 {line-height:20px;margin:0 0 10px 10px;}
.kanan {font-size:9px;}.excerpt img {margin:5px 8px 0 0;}
.excerpt li{margin-bottom:10px;}

.text {
text-align:left;font-size:9px;
padding:2px 2px 2px 15px;
}

.link {
font-size:10px;color:#999999;
text-align:right;text-decoration:none;
}

.box {
font-size:10px;padding:10px;
margin:0 0 10px 10px;
border:1px solid #CCC;
}

.arsip {
font-size:10px;padding:3px;
margin:0 10px 5px 10px;
border:1px solid #CCC;
}

.boxlog{
font-size:10px;padding:0;
margin:0;border:1px solid #CCC;
}

.boxlog ul li{
font-size:10px;padding:0 5px;
display:inline;margin:0 150px 0 0;
border:1px solid #CCC;
}

.tanggal {font:bold 10px;}
.boxheader, .box_bawah {padding:2px 0 2px 10px;}

.boxheader {
background:#666;font:bold 11px;
color:#FFF;margin-left:10px;
}

.boxheader a {color:#CC0000;}
.box_bawah {font-size:10px;border:1px solid #000000;}

.kotak_lang {
text-align:left;vertical-align:top;
width:350px;font-size:10px;
padding:2px 2px 2px 15px;
text-decoration:underline;
text-transform:lowercase;
display:block;
}

.kotak_buku {
text-align:center;
vertical-align:top;
padding:3px 3px 3px 11px;
}

.kotak_date {
width:146px;font:bold 9px;
padding:8px 0 10px 1px;
}

.kotak_atas {
width:678px;margin-top:4px;
font:bold 11px;color:#000;
background:#B0C4DE;
padding:3px 0 3px 16px;
}

.kotak_tengah {
width:470px;margin-top:4px;
font:bold 11px;color:#000;
background:#B0C4DE;
padding:3px 0 3px 16px;
}

.kotak_bawah {
width:144px;font-size:9px;
padding:4px 0 4px 0;
border:1px solid #FFF;
background:#CCCCCC;
}

.kotak_bawah a{padding:2px 0 2px 5px;}
.kotak_bawah a:hover{padding:2px 0 2px 5px;background:#FFF;
}

.kotak_bawah a.subof{
padding:2px 0 2px 5px;
color:#FFF;display:block;
}

.kotak_bawah a.subof:hover{
padding:2px 0 2px 5px;
color:#FFF;background:#FFF;
display:block;
}

.kotak_bawah a.subon {
padding:2px 0 2px 5px;
background:#B0B0B0;display:block;
}

.kotak_bawah a.subon:hover{
padding:2px 0 2px 5px;
background:#FFF;
display:block;color:#FFF;
}

.kotak_bawah a.down {
margin:0;display:block;
background:url('images/gpdf.gif') no-repeat;
padding:0 0 0 20px;
}

.kotak_bawah a.down:hover {
display:block;margin:0px;
padding:0 0 0 20px;
}

.kotak_bawah_img {padding:2px 0 2px 4px;background:#FFF;}
.listbox{padding:1px 1px 1px 5px;display:block;}
.listbox a{padding:1px 1px 1px 5px;color:#F62217;}

.listbox a:hover{
padding:1px 1px 1px 5px;
color:#F62217;background:#CCC;
text-decoration:underline;
}

.listbox_c{
padding:1px 1px 1px 5px;
display:block;text-align:center;
}

.boxsection {
font:bold 11px;color:#000;
padding:5px 8px 8px 5px;
margin:10px 0 5px 10px;
border-bottom:1px solid #F56963;
}

.kotakwarna {
font:normal 11px;
margin:8px 0 0 0;color:#000;
padding:3px 8px 18px 10px;
border-bottom:1px solid #b8b8b8;
}

/* tengah kiri */
.kw_info {
padding:10px 0;
color:#2F4F4F;
margin:0 10px;
}

.kw_summary {
margin:8px 8px 0 0;
padding:0px;min-height:110px;
}

.kw_summary img {margin-right:8px;}
.kw_date {padding:0px;}
.kw_title a {font-size:12px;font-weight:bold;color:#B22;padding:0px;text-decoration:none;}
.kw_title a:hover {font-size:12px;font-weight:bold;color:#000;padding:0px;}
.kw_isi {padding:0px;color:#696969;}

/* Audio Video */

.av_info {
padding:0 15px;color:#2F4F4F;
margin:15px 0;}

.av_summary {
margin:10px 0;padding:0px;
min-height:110px;
}

.av_summary img {margin-right:10px;}
.av_title a {font:bold 13px;color:#B22;}
.av_title a:hover {font-size:13px; color:#000;}

/* audio video end */
td.isi {color:#808080;padding:2px;}

td.isi a:hover {
background:##E6E6FA;
color:#808080;padding:2px;
}

.downtext {
font-size:12px;line-height:18px;
padding:2px 0 2px 0;
border-bottom:1px solid #999999;
}

.down_date {color:#808080;font-size:10px;}

.down_talk a:hover, .down_talk a  {
text-align:left;
display:block;margin:0px;
padding:0 0 0 23px;

}

.down_talk a {background:url('images/mpdf.gif') no-repeat top left;}

.downld_text {
font-size:10px;line-height:18px;
padding:2px 0 2px 0;
border-bottom:1px solid #999999;
}

.downld_text a {
color:#333333;font-weight:bold;
text-decoration:none;
}

.downld_text a:hover {color:#999999;}

.atas_k{
background:url('images/bg_excerpt.jpg') no-repeat top left;
padding-top:10px;color:#000000;
}
#twitter_div {
	background-image: url('images/twitterBG.png');
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5AA5BC;
	width:296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top:10px;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
}

#twitter_div ul li {
	color: #0C93BA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
}

#twitter_div ul li a {
	text-decoration: none;
	color: #DDA84E;
}

#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42;
}

#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}