body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#fff url("imgs/bgBody.gif") bottom repeat-x;
	margin:0;padding:0;
	color:#333;
}

/* Auto Center */
.WrapPage {width:785px}
.WrapPage, #thePage {margin:0 auto;padding:0}

/* Clear Style */
p.Clear {clear:both;margin:0;padding:0}

/* OverFlow Wrap */
#HeaderTop, #thePage, #FooterBottom, #ContentView { overflow:auto}

/* Wrapping */
p {margin:0;padding:0}

/* HeaderTop */
#HeaderTop {background:#1e0000; height:40px;}
#HeaderTop div.datebox {padding:0 0 0 40px;}
#HeaderTop div.datebox div.day, #HeaderTop div.datebox div.month {float:left;}
#HeaderTop div.datebox div.day {color:#5e6764; text-transform:uppercase; font-size:34px; height:31px;}
#HeaderTop div.datebox div.month {width:38px; height:31px;margin:5px 0 0 5px;text-align:center; background:#6a0000;color:#bfd5d3; font-weight:bold; text-transform:uppercase}
#HeaderTop #SearchForm {float:right;margin-right:10px; height:20px;margin-top:9px}
#HeaderTop #SearchForm span.input, #HeaderTop #SearchForm span.button {float:left}
#HeaderTop #SearchForm span.input input {width:124px;height:16px; background:#ccc8ad;font-size:11px; border:#f5efe3 1px solid;padding:2px 6px 0 6px;margin:0;color:#390400}
#HeaderTop #SearchForm span.button {margin-left:4px}

/* thePage */
#thePage {background:url("imgs/bgTheContent.gif") center repeat-y;}
#thePage .WrapPage {padding:0 11px 0 11px}
	/* Banner Header */
#BannerHeader {background:url("imgs/bgBannerHeader.jpg") no-repeat; width:784px; height:141px}
#BannerHeader2 {background:url("imgs/bgBannerHeader2.jpg") no-repeat; width:381px; height:93px; color:#082c06;padding:28px 0 0 403px; line-height:12px}
#textBannerHeader2 {width:381px;color:#082c06;line-height:12px;float:right;margin-top:18px;padding-right:28px; text-align:justify;}
#thelogotop {width:283px; margin:0 auto;padding-top:25px}
	/* ContentNav */
#ContentNav {background:url("imgs/bgContentNav.gif") repeat-x;height:40px}
#ContentNav ul {margin:0 0 0 12px;padding:0;}
#ContentNav ul li {list-style:none;display:block;float:left;padding:12px 17px 0 17px; background:url("imgs/ContentNav-separator.gif") top right no-repeat;}
#ContentNav ul li.last {background:none;}
#ContentNav ul li a {color:#f9f6cd; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#ContentNav ul li a:hover {color:#fff}
#ContentView {border-left:#d2d0d1 1px solid;border-right:#d2d0d1 1px solid; width:754px; background:url("imgs/bgContentView.gif") top repeat-x;padding:0 14px 35px 14px}
#FlashNews span h1 {margin:0;padding:0;color:#242424; font-size:23px}
#KilasInfo {float:right; width:445px; background:url("imgs/bgKilasInfo.gif") no-repeat; height:26px;}
#spacersecondlevel {height:25px}
#threecolom {padding-top:17px}
#threecolom #col01, #threecolom #col02 {float:left; width:270px;margin-right:5px;}
#threecolom #mergecol01col02 {width:530px;float:left;padding-top:100px; font-size:12px; font-family:"arial narrow";}
#threecolom #mergecol01col02 h1 {margin:10px 0 0 0;padding:0; font-size:24px}
#threecolom #mergecol01col02 p.date {font-weight:bold;margin-bottom:20px;margin-top:5px}
#threecolom #mergecol01col02 .theContentdetail {margin-right:17px}
div.spacercontent { height:20px}
#threecolom #mergecol01col02 .theContentdetail p {margin-bottom:15px; line-height:17px; text-align:justify;font-size:14px}
#threecolom #mergecol01col02 .datedetailed {background:url("imgs/bgDate.gif") no-repeat; float:left; width:32px; height:50px;margin-right:15px;margin-left:2px; text-align:center;padding-top:5px}
#threecolom #mergecol01col02 .datedetailed p.month, #threecolom #mergecol01col02 .datedetailed p.days {color:#fff; font-weight:bold}
#threecolom #mergecol01col02 .datedetailed p.month {font-size:14px;}
#threecolom #mergecol01col02 .datedetailed p.days {font-size:24px;}
#threecolom #mergecol01col02 .theNews {float:right; width:465px}
#threecolom #mergecol01col02 .theNews h2, #threecolom #mergecol01col02 .theNews h2 a {text-transform:uppercase; font-size:11px;color:#333;margin:0;padding:0; text-decoration:none}
#threecolom #mergecol01col02 .theNews p {margin-top:5px;text-transform:uppercase;}
#threecolom #mergecol01col02 .separator {border-bottom:#cdcdcd 1px solid; height:3px; clear:both; margin:14px 17px 20px 0;}
#threecolom #mergecol01col02 p.more {float:right; background:#333;padding:5px 10px 5px 10px}
#threecolom #mergecol01col02 p.more a {color:#cccc99; font-size:9px}
#threecolom #mergecol01col02 #BackToTop {margin:10px;float:right;}
#threecolom #mergecol01col02 #BackToTop a { text-decoration:none; font-size:14px; color:#626262}

/* Newes marquee */
#Marquee { width:364px; height:18px; float:right; background:#fff;padding-top:5px;border-top:#b2b2b2 1px solid;border-left:#d9d8d9 1px solid; border-right:#e6e6e6 1px solid}
span.newsmarque {margin-right:50px;}
span.newsmarque a {text-decoration:none;color:#626262;}

#threecolom #col03 {float:right;width:189px}
.thebox, #threecolom #mergecol01col02 {border:#e3e3e3 1px solid; background:#fff;margin-top:7px;padding:7px 0 0 17px}
.thebox .read {background:url("imgs/bgTheBoxRead.gif") top center no-repeat;padding-bottom:38px;padding-top:14px;}
.thebox .read .date {background:url("imgs/bgDate.gif") no-repeat; float:left; width:32px; height:50px;margin-right:15px;margin-left:2px; text-align:center;padding-top:5px}
.thebox .read .date p.month, .thebox .read .date p.days {color:#fff; font-weight:bold}
.thebox .read .date p.month {font-size:14px;}
.thebox .read .date p.days {font-size:24px;}
.thebox .read .theNews {float: right; width:180px;margin-right:20px}
.thebox .read .theNews h2, .thebox .read .theNews h2 a {text-transform:uppercase; font-size:11px;color:#242424;margin:0;padding:0; text-decoration:none}
.thebox .read .theNews p {margin-top:5px;text-transform:uppercase;}
.thebox .read .separator {border-bottom:#cdcdcd 1px solid; height:3px; clear:both; margin:14px 0 12px 0; width:235px}
.thebox .read p.more {float:right; background:#333;padding:5px 10px 5px 10px; margin-right:17px}
.thebox .read p.more a {color:#cccc99; font-size:9px}
.thebox h1 {height:34px; margin:0;padding:0;margin:8px 0 8px 8px}

	/* H1 BG theBox */
h1#UMUM  {background:url("imgs/h1bgUMUM.jpg") no-repeat;}
h1#KASUSLALIN  {background:url("imgs/h1bgKASUSLALIN.jpg") no-repeat;}
h1#ANEKAPERISTIWA  {background:url("imgs/h1bgANEKAPERISTIWA.jpg") no-repeat;}
h1#SEKILASKRIMINALITAS  {background:url("imgs/h1bgSEKILASKRIMINALITAS.jpg") no-repeat;margin-left:-1px;}
h1#HUKUM  {background:url("imgs/h1bgHUKUM.jpg") no-repeat;}
h1#RAGAMINFO {background:url("imgs/h1bgRAGAMINFO.jpg") no-repeat;}

/* col03 
#SUARATRAKYAT {border:#e3e3e3 1px solid; border-bottom:none; background:#fff;margin-top:7px;padding:0 6px 0 3px}
#SUARATRAKYAT h1 {font-size:12px;color:#333;margin:20px 0 15px 14px}
#SUARATRAKYAT div.read {background:url("imgs/bgTheBoxRead-col03.gif) top repeat-x;padding-top:14px; }
#SUARATRAKYAT .read .pertanyaan, #SUARATRAKYAT .read .jawaban {padding:0 5px 0 14px;text-align:justify}
#SUARATRAKYAT .read p.tanya, #SUARATRAKYAT .read p.jawab {color:#000;text-align:justify}
#SUARATRAKYAT .read .jawaban {margin-top:10px;margin-bottom:34px; padding-bottom: 28px; border-bottom:#cdcdcd 1px solid}
#SuaraRakyatBottom {background:url("imgs/bgSuaraRayatBottom.png) no-repeat; width:189px; height:156px; position:absolute;margin-top:-49px;padding:41px 15px 0 15px}
#SuaraRakyatBottom p {margin-top:10px; }
#SuaraRakyatBottom p strong {color:#000;}
#SuaraRakyatBottom-clear {height:107px; width:189px}
#alexaBox {border:#edecec 7px solid; width:120px; height:90px;margin-top:13px}
*/

/*
	the new column
*/
.column {width:244px;float:left;margin-right:10px}
.last {margin-right:0}
.theboxv2 {background:#fff;padding:10px 5px 0 5px;margin-bottom:15px;border:#e3e3e3 1px solid}
.theboxv2 h1 {margin:0 0 10px 10px;padding:0}
.theboxv2 h1 span {display:none}
.theboxv2 h1 a {display:block; height:34px;}
.theboxv2 ul {margin:0;padding:10px 0 0 0; background:url("imgs/bgTheBoxRead.gif") no-repeat top center;}
.theboxv2 li {list-style-type:none;padding:10px 10px 20px 10px;clear:both;border-bottom:#ccc 1px dotted}
.theboxv2 li.more {border:none;padding: 20px 10px 20px 0}
.theboxv2 li.more p {text-align:right;}
.theboxv2 li.more p a {color:#cccc99;font-size:9px;background:#333;padding:5px 10px 5px 10px}
.theboxv2 li.more p a:hover {text-decoration:none;background:#666;}
.thedatev2, .thenewsrepeatv2 {float:left}
.thenewsrepeatv2 {width:170px;}
.thedatev2 {width:32px; height:50px; background:url("imgs/bgDate.gif");margin-right:10px;color:#fff;font-weight:bold;text-align:center;padding-top:5px}
.thedatemontv2 {font-size:14px}
.thedatetglv2 {font-size:24px}
.thenewstitlev2 {margin-bottom:5px;}
.thenewstitlev2 a {text-transform:uppercase;font-weight:bold;color:#333;text-decoration:none}
.thenewstitlev2 a:hover {text-decoration:underline}
.thenewscontentv2 p {margin: 3px 0 3px 0}

/* FooterBottom */
#FooterBottom {background:#980808 url("imgs/bgFooterBottom.gif") repeat-x; height:200px}
#NavFooter, #CopyRightBox {float:left;padding-top:22px;color:#e3cfc6}
#ContactFooter {position:absolute;width:207px; background:url("imgs/bgContactFooter.gif") top repeat-x;padding:15px 17px 0 17px;z-index:20;left:50%;margin-left:100px}
#ContactFooter h1 {color:#fffbff; font-size:12px; font-weight:bold;margin:0;padding:0}
#ContactFooter p {color:#dcd7d1;margin-top:18px}
#NavFooter {padding-left:34px;}
#NavFooter ul {margin:0;padding:0;}
#NavFooter ul li {list-style:none}
#NavFooter ul li a {color:#e3cfc6; text-decoration:none; text-transform:uppercase; font-size:10px}
#NavFooter ul li a:hover {color:#fff}
#CopyRightBox {width:281px;margin-left:20px}
#CopyRightBox a{ color:#CC0066; text-decoration:none;}
#ContactFooterv2 {background:url("imgs/bgContactFooter.gif") top repeat-x;margin-top:-29px; width:697px; position:absolute;margin-left:24px;color:#dcd7d1;padding:22px 18px 0 18px}
#footerinformationicon {background:url("imgs/footerinformationicon.png") no-repeat; width:65px; height:56px;margin-top:-53px;float:right}
#foolink, #foostats{float:left;margin-left:10px}
#foolink {width:170px;margin-left:0}
#foostats {width:270px}
#foocontact {float:right; width:230px}

#foolink ul {margin:0;padding:0}
#foolink li {list-style-type:none}
#foolink li a,#foostats a {color:#e3cfc6; text-decoration:none; text-transform:uppercase; font-size:10px}
#foolink li a:hover, #foostats a:hover {text-decoration:underline}
#FooterBottom strong {font-weight:bold;}


/* col03 */
#SUARATRAKYAT {border:#e3e3e3 1px solid; background:#fff;margin-top:7px;padding:0 6px 0 3px}
#SUARATRAKYAT h1 {font-size:12px;color:#333;margin:20px 0 15px 14px}
#SUARATRAKYAT div.read {background:url(imgs/bgTheBoxRead-col03.gif) top repeat-x;padding-top:14px; }
#SUARATRAKYAT .read .pertanyaan, #SUARATRAKYAT .read .jawaban {padding:0 5px 0 14px;text-align:justify}
#SUARATRAKYAT .read p.tanya, #SUARATRAKYAT .read p.jawab {color:#000;text-align:justify}
#SUARATRAKYAT .read .jawaban {margin-top:10px;margin-bottom:34px; padding-bottom: 28px; border-bottom:#cdcdcd 1px solid}
#SuaraRakyatBottom {background:url(imgs/bgSuaraRayatBottom.png) no-repeat; width:189px; height:156px; position:absolute;padding:41px 15px 0 15px}
#SuaraRakyatBottom p {margin-top:10px; }
#SuaraRakyatBottom p strong {color:#000;}
#SuaraRakyatBottom-clear {height:107px; width:189px}
#alexaBox {border:#edecec 7px solid; width:120px; height:90px;margin-top:13px}

.beritaterikini {border:#e3e3e3 1px solid; background:#fff;margin-top:7px;padding:6px}
.beritaterikini h1 {font-size:12px;color:#333;margin:20px 0 15px 14px}
.beritaterikini h2 {font-size:12px;color:#333;margin:0 0 0 14px}
.beritaterikini div.read {background:url(imgs/bgTheBoxRead-col03.gif) top repeat-x;padding-top:14px; }
.beritaterikini ul {margin:0 0 20px 28px;padding:0}
.beritaterikini li {list-style-type:circle;margin-bottom:5px}
.beritaterikini li a {color:#333;text-decoration:none}
.beritaterikini li a:hover {text-decoration:underline}