body{
/*   background			: #444444;  */
	background:#DBBB82 url(../images/bg_body.jpg) repeat-x left top;
	margin				: 0px;
	padding				: 0px;
	margin-top			: 10px !important;
	margin-bottom			: 10px !important;
	font-size: 12px;
}
.sitelogo{
  background			: #fff;
	margin				: 0px;
	padding				: 0px;
}
.allborder {
border: 1px solid #fff;
}
.mcecontentbody {
  width: 400px;
  background			: #fff;
	margin				: 0px;
	padding				: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #333333;

}

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

li
{
	line-height: 15px;
	padding-left: 8px;
	padding-top: 0px;
	background-image: url(../images/arrow.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.contentpane td
{
	padding-top: 3px;
}

a:link {
	
	color: #D96C00;
		text-decoration: none;
}



a:visited {

	color: #D96C00;
		text-decoration: none;
}

a:hover {
	color: #800000;

}

table.contenttoc {
	border: 1px solid #D24400;
	padding: 5px;
	margin: 1px;
	text-align: center;
	
}

table.contenttoc th {
  margin: 2px;
	border : 0px solid #D24400;
	background : #D24400;
	color: #fff;
	text-align: center;
	padding: 2px;
	height: 24px;
	font-weight: bold;
	font-size: 12px;
}

table.contenttoc td
{
	background : #fff;
	line-height: 5px;
}

table.contenttoc a:link , table.contenttoc a:visited
{
	font-size:12px;
	color: #800000;
	text-decoration : none;
}

table.contenttoc a:hover
{
	color : #800000;
	text-decoration : underline;
}

.pagenavbar a:link , .pagenavbar a:visited
{
	font-size:12px;
	color: #FF8000;
}

.pagenavbar a:hover
{
	text-decoration: none;
}


a.category:link, a.category:visited
{
	font-size:12px;
	color: #FF8000;
}

a.category:hover
{
	text-decoration:none;
}

.back_button a:link , .back_button a:visited
{
	font-size:11px;
	color: #FF8000;
}

.back_button a:hover
{
	text-decoration: none;
}


.pagenav a:link , .pagenav a:visited

{
	font-size:11px;
	color: #FF8000;
}
.pagenav a:hover
{
	font-size:11px;
	text-decoration: none;
	
}
/* link read more dibawah brief artikel */
a.readon:link, a.readon:visited
{
	font-size:11px;
	color: #696969;
	text-decoration: none;
	border : 1px solid #eeeeee;
	background : #eeeeee;
	padding-left: 3px;
	padding-bottom : 1px;
	padding-top: 1px;
}

a.readon:hover
{
	text-decoration:none;
	color: #ffffff;
	background : #858585;
}
/* link bagian bawah kiri blog section */
a.blogsection:link, a.blogsection:visited
{
	font-size:11px;
	color: #800000;
}

a.blogsection:hover
{
	text-decoration:underline;
}

.contentpaneopen
{
	text-align: left;
	
}
.createdate, 
{
	font-family: Arial, Tahoma, verdana;
	font-size:11px;
	color: #D24400;
}

/*  writen by */
.small
{
	font-family: Arial, Tahoma, verdana;
	font-size:12px;
	color: #D24400;
}

.componentheading
{
	border-bottom: 1px solid #3D557C;
	font-family : arial;
	font-size: 18px;
	font-weight: normal;
	padding-top: 8px;
	color : #C40000;
}
.contentheading {
	height: 27px;
	background: url(../images/contenthead.png) ;
	background-position: 0px 30px;
	color: #C40000;
	text-align: left;
	padding-top: 11px;
	font-weight: normal;
	font-size: 18px;
	white-space: wrap;
	vertical-align : bottom;
/*	border-bottom: 1px solid #C40000;  */
}

.sectiontableheader
{
	background :#B5BBB6;
	color : #ffffff;
}


.button{
/*	float: left; */
  text-align: center;
  font-size: 11px;
/*  font-weight: bold;  */
  border: 1px solid #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 3px;
  line-height: 16px;
  margin: 0px;
}


.inputbox
{
float: center;
  text-align: left;
  vertical-align: middle;
  	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
/*	border : 1px solid #B5BBB6;  */
	font-family: verdana;
	font-size: 11px;
		background : #FFE9D2;
/*			height : 20px;  */
/*			 background: url(../images/input_bg.png) repeat-x;  */

}
table.moduletable a:link
{
	color: #b53418;
	text-decoration : underline;
	font-weight: bold;
	font-size: 12px;
}

table.moduletable a:visited
{
	color: #3E5368;
		text-decoration: underline;
		font-size: 12px;
			font-weight: bold;
}

table.moduletable a:hover
{
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
		font-weight: bold;
}

table.moduletable {
	width : 100%;
	margin-bottom: 3px;
	margin-top: 1px;
	padding-bottom: 0px;
	border-spacing: 0px;
	border: 1px solid #D69772;

}


table.moduletable th {
	border-top : 0px solid #fff;
	background :  #B43718 ;

/* Warna huruf header right box dibawah ini */
	font-family :  Trebuchet MS, Arial, Tahoma, verdana;
		text-transform: uppercase; 
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	padding-left : 0px;
	padding-bottom: 0px;
	height: 24px;
	font-weight: bold;
	font-size: 12px;
}

table.moduletable td {
	font-size: 11px;
	height: 20px;
	margin: 0px;
	font-weight: normal;
	color: #333333;
	padding-left : 5px;
	padding-bottom: 2px;
	padding-top: 2px;

}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	color: #444444 ;
	text-align: left;
	padding-top : 2px;
	padding-left :2px;
	height: 18px !important;
	height: 20px;
	text-decoration: none;

}

a.mainlevel:hover {
	text-decoration: underline;
	color : #333333;
/*	background : #FFFF00;  */
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 3px;
	font-size: 11px;
	color: #333333;
	text-align: left;
	text-decoration:none;
}

a.sublevel:hover {
	color: #FF8000;
	text-decoration: none;
}
/* jenis huruf main body */

tr, div,p {
  font-family      : Arial;
  color            : #373737;
  text-align : left;
  
  
}


.search{
text-align: center;
padding-bottom: 10px;
background: #fff;
}


.header{
background : #fff;
border-top : 1px solid #fff;
border-bottom : 0px solid #fff;
border-right: 0px solid #fff;
}

.comply {
border-left : 0px solid #fff;
border-top : 1px solid #fff;

}
.topimg2 {
background: #FFffff;
border-left : 0px solid #fff;
border-right : 1px solid #fff;
}
.topimg1 {
background: #FFffff;
border-left : 1px solid #fff;
border-right : 0px solid #fff;
}





.topbanner{
width: 582px;
padding : 0px;
margin : 0px;
border : 0px;
vertical-align : top;
background :#FFFFFF;
border-left : 0px solid #fff;
border-right : 1px solid #fff;
}




.bawah{
 vertical-align			: bottom; 
/*  background			: #848E86; */
	margin		: 0px;
	padding		: 0px;
/*	color: #444444;  */
	border-left : 0px solid #fff ;
	border-right : 0px solid #fff ;
	border-top : 0px solid #fff ;
}
.bawah td td{
  background			: #848E86;
  	margin		: 0px;
	font-size			: 11px;
	font-weight			: normal;
	color				:#444444;

}

/* background halaman utama - mainbody *************MAINBODDYYYYYYYYYY*/

.tdmainbody tr{
  width: 580px;
  background : #FFf;
	padding: 2px;
	border : 0px solid #FF0000;
font-size:12px;
}
.tdmainbody1 li
{
	line-height: 15px;
	padding-left: 8px;
	padding-top: 0px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx JUDUL VERTIKAL CSS  for iJoomla Magazine */

.title_article_top {
  font-size        : 12px;
  font-weight      : bold;
  height: 24px;
  vertical-align: middle;
/* BACKGROUND header MAGAZINE */
/*  background-color: #C16239 ;  */
/*  width            : 100%; */
  border-bottom    : 5px solid #C16239;
  padding    : 0px;
  font: bold 12px "Trebuchet Ms", Helvetica Nueue, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #C16239;
  text-indent: 0px;
  text-align: left;

}
/* Kotak vertikal Magazine keseluruhan XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */
.verticaltheme {
 background-color: #FF00FF ;
  width            : 100%;
   border-top   : 0px solid #FFf;
  font: normal 12px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}

/*
masing2 kotak vertikal XXXXXXXXXXXXXXXXXXXXXXX
*/
.magazine_vertical {
  background-color: #FFf;
  width            : 100%;
  border   : 0px solid #EDC294;

    font: normal 12px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}
.mybox {
  background-color: #FFf;
  width            : 574px;
  border : 0px solid #EDC294;
  padding: 1px;
  margin: 0px;
    font: normal 12px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}






/*
masing2 kotak horizontal XXXXXXXXXXXXXXXXXXXXXXX
*/
.magazine_horizontal{
  background-color: #fff;
  width            : 100%;
  padding: 0px;
  border   : 0px solid #EDC294;
  font: normal 12px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}

.mybox2 {
  background-color: #FFf;
  width            : 100%;
  border-top : 0px solid #EDC294;
  border-left : 0px solid #EDC294;
  border-right : 0px solid #EDC294;
  border-bottom : 0px solid #EDC294;
    font: normal 12px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}
.mybox3 {
  background-color: #FFf;
  width            : 100%;
  border-right : 0px solid #EDC294;
  border-left : 0px solid #EDC294;
  border-bottom : 0px solid #EDC294;
    font: normal 12px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}
.bottom_box
{
  width : 100%;
  background-color: #ffffFF ;
    width            : 100%;
  border-right   : 0px solid #decfff;
  margin-left : 0px;
  padding-right: 0px;
  padding-left: 0px;

    font: normal 11px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #444444;
  text-indent: 0px;
}




hr {
	color: #cccccc;
	height: 1px;
	border-style: solid;
	}

h2 {
  font-weight      : bold;
  width            : 100%;
  border-bottom    : 1px solid #FF8000;
  font: normal 20px "Arial", Helvetica Nueue, Helvetica, sans-serif;
  color: #666666;
}

.vbody1 td
{
  background :#000000;
	padding-top : 0px;
	padding-right: 0px;
	padding-left : 0px;
	padding-bottom : 0px;
	border : 0px solid #fff;
	width :190px;
}




.lxmenu{
/* background: url(../images/lxmenu.png) repeat-x; */
background: #444444;
border-top : 1px solid #fff;
border-right : 1px solid #fff;
border-bottom: 1px solid #fff;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
font-size			: 9px;
 	font-family : Arial, Trebuchet MS, arial, verdana;
		font-weight			: normal;
		height: 24px;
}

.flashrotator{
   width: 197px;
background : #A6D194;
border-left : 1px solid #fff;
border-bottom : 1px solid #fff;
}


/*************************GAYAAAAA ****/

.gaya{
  width: 248px;
  vertical-align			: top;
  background			: #FFFFff;
	margin			: 0px;
	padding-right		: 0px ;
	padding-left		: 1px ;
	border-right : 0px solid #fff;
		border-top : 0px solid #fff;
		border-left : 1px solid #fff;
 
}
.gaya td{
  height				: 20px;
	text-align			: left;
  background			: #fff;
	margin				: 0px ;
	padding-bottom		: 0px;
		padding-left		: 0px;
	}
.gaya td th{
  height				: 20px;
	text-align			: left;
  background			: #fff;
	margin				: 0px ;
	padding-bottom		: 0px;
		padding-left		: 10px;

	}

/* Jenis huruf di kotak kanan */
.gaya td td{
  background			: #fff;
	margin-left			: 0px;
	padding		: 0px;
	font-size			: 11px;
		font-family :  Arial, Tahoma, verdana;
/*		text-transform: uppercase; /*
		font-weight			: normal;
/* dibawah ini color untuk font right box */
	color				: #333333;
}
/* Jenis huruf di header right box  bbbbbbbbbbbbbbbbb */
.gaya th{

	font-size			: 12px;
	font-family : Trebuchet MS, arial, verdana;
		text-transform: uppercase; 
	font-weight			: bold;
	color				: #fff;

}
.gaya ul{
  margin-left : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
/*  list-style-image	: url(../images/arrow.png);  */
}
.gaya a:link, {
	color: #9B9B9B;
  text-decoration: none;
	font-weight: none;
}
.gaya a:visited {
	color: #9B9B9B;
  text-decoration: none;
	font-weight: none;
}

.gaya  a:hover {
	color: #800;
 
	font-weight: none;
}


.footer {
  background			: #B43718;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	vertical-align : center;
	border-left : 0px solid #fff;
	border-right : 0px solid #fff;
	border-top : 1px solid #fff;
		border-bottom : 0px solid #fff;
}
.footer a:link, {
	color: #fff;
 
	font-weight: none;
}
.footer  a:visited {
	color: #fff;
  
	font-weight: none;
}

.footer  a:hover {
	color: #FF8040;

	font-weight: none;
}
.josquote {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #CE6700;
}
/*---------------------
Menu
--------------------- */
.topmenucontainer{
   padding-top: 4px;
	border				: 0px solid #fff;
	background			: #B43718;
}


#topmenu  ul {
  	margin				: 0;
  	padding				: 0px;
  	list-style			: none;
}


#topmenu  li {
  	float				: right;
  	vertical-align : middle;
  	height				: 17px;
  	background			: #B43718;
  	margin-left			: 0px;
  	padding-left		: 0px;
  	margin-bottom			: 2px;

}

#topmenu  li a {
	display				: block;
	float				: left;
	line-height			: 15px;
 font-family      : Trebuchet MS, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
  	font-size			: 10px ;
	text-decoration		: none;
  	color				: #fff;
  	background			: #B43718;
  	padding				: 0px 10px 0px 10px;
  	font-weight : capital;
}

#topmenu li a:hover{
	color				: #FEE481;
}

#topmenu li#active     {
	background-position	: 100% 8px;
		background			: #759A74;
	}
#topmenu li a#current   {
	background-position	: 100% 8px;
	color				: #800000;
		background			: #759A74;
}

.hijau {
   border : 1px solid #FFCC99;
   padding-left : 1px;
   padding-right : 1px;
   }