body {	
	background:url(../images/back.gif) repeat ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom:20px;
}



/*------- Containner Mulai -----------*/

#main_container
{
	margin:0 auto;
	margin-top:10px;
	height:auto;
	width:852px;
	border:0px solid #666666;
	margin-bottom:30px;
}

/*------- Containner Selesai -----------*/

/*--------Header Cicendo Mulai ----------*/

#header{
	background:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:850px;
	height:150px;
	border-top:2px solid #e5e5e5;
	border-left:2px solid #e5e5e5;
	border-right:2px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

#lang
{
	float:right;
	margin-top:120px;
	margin-right:10px;
	max-width:693px;
	padding:6px 0 0;
	border:0px solid #000000;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}



#lang a
{
	color:#0f3733;
	font-size:10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#lang a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

#header_admin{
	background:url(../images/header_blue.jpg);
	background-repeat:no-repeat;
	width:850px;
	height:150px;
	border-top:2px solid #e5e5e5;
	border-left:2px solid #e5e5e5;
	border-right:2px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}


#bar_text
{	
	background:url(../images/menu_back.jpg) repeat-x;
	width:840px;
	
	border-bottom:2px solid #e5e5e5;
	border-left:2px solid #e5e5e5;
	border-right:2px solid #e5e5e5;
	padding:5px;
	
}

marquee
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

/*--------Header Cicendo Selesai----------*/



/*------- Image Kanan Mulai -----------*/

#menu_website
{
	border:1px solid #CCCCCC;
	padding:2px;
	background:#FFFFFF;
}

#produk
{
	border:2px solid #F5F5F5;
	padding:2px;
	background:#FFFFFF;
	margin-top:5px;
	
}

#produk_2
{
	border:2px solid #F5F5F5;
	padding:2px;
	background:#FFFFFF;
	margin-top:5px;
	width:46%;
	float:left;
	
}



#produk a img{
	border:0 none;
}

#produk_2 a img{
	border:0 none;
}

#kiri
{
	width:200px;
	
	
	float:left;
	margin-top:3px;
	margin-bottom:20px;
	padding:0px;
	border:0px solid #e5e5e5;
	
	
}

#kiri_2
{
	
	
	width:400px;
	float:left;
	margin-top:3px;
	margin-bottom:20px;
	padding:0px;
	border:0px solid #000000;
	
	
}

#tengah
{
	width:645px;
	height:auto;
	float:left;
	margin-top:3px;
	border:0px solid #FF0000;
	padding:0px;
	margin-bottom:10px;
	margin-left:5px;
}

#kanan
{
	width:225px;
	height:auto;
	float:right;
	margin-top:3px;
	border:0px solid #00FF00;
	padding:0px;
	
	
}

#atas
{
	border:1px solid #000000;
}

#tengah_2
{
	border:1px solid #000000;
}

#bawab
{
	border:1px solid #000000;
}


.welcome_image{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:3px;
}

#box_1
{
	width:400px;
	background:#FFFFFF;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:6px;
	border:1px solid #CCCCCC;
	padding:2px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
	float:left;
}

#box_event
{
	width:640px;
	background:#FFFFFF url(../images/back_isi_2.jpg) no-repeat;
	min-height:500px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:6px;
	border:1px solid #CCCCCC;
	padding:2px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
	float:left;
}

#box_2
{
	width:223px;
	
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:6px;
	float:right;
	padding:2px;
	
}

/*
#box_2
{
	width:165px;
	background:#FFFFFF;
	height:auto;
	margin-left:0px;
	
	margin-bottom:6px;
	border:1px solid #e5e5e5;
	padding:2px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
	float:right;
	
}
*/

a
{
	color:#018c75;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}

a:hover
{
	color:#018c75;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:underline;
}

.text{
	margin-top:10px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
	padding:5px;
	text-align:left;
	line-height:15px;
}


.text_judul{
	margin-top:10px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#555555;
	padding:5px;
	text-align:left;
}

.text_sub_judul{
	margin-top:10px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#018c75;
	padding:5px;
	text-align:left;
	line-height:15px;
}

.text_isi{
	margin-top:0px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

.isi_box_4
{
	/*background:url(../images/judul_back.jpg) repeat-x;*/
	
	
	
	line-height:1.5em;
	font-family:Tahoma;
	font-size:11px;
	margin-top:2px;
	margin-bottom:2px;
	
	color:#000000;
	float:left;
	padding:5px;
	
}

img.berita
{
	
	border:#CCCCCC 1px solid;
	float:left;
	margin:0px 10px 5px 0;
	padding:3px;
	
}

img.sejarah
{
	
	border:#CCCCCC 1px solid;
	
	margin:0px 0px 0px 0px;
	padding:3px;
	
}


.artikel{
	margin-top:5px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
	padding:8px;
	text-align:left;
	border-bottom:1px solid #EEEEEE;
}




.selengkapnya a{
	color:#018c75;
	text-decoration:none;
}

.selengkapnya a:hover{
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted #666666;
}

.lihat_semua a
{
	color:#018c75;
	text-decoration:none;
	text-align:right;
	margin-left:3px;
	
	
}

.lihat_semua a:hover
{
	color:#666666;
	text-decoration:none;
	text-align:right;
	margin-left:3px;
	border-bottom:1px dotted #666666;
}



.tanggal{
	color:#018c75;
	font-weight:bold;
}

#judul
{
	background:url(../images/menu_back.jpg) repeat-x;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	
	padding:5px;
	text-transform:capitalize;
	
}

#footer
{
	width:852px;
	margin:0 auto;
	height:50px;
	border-top:1px solid #018c75;
	padding:5px;
	font-family:Tahoma;
	font-size:11px;
	color:#666666;
	clear:both;
	text-align:center;
	
}

/*------- Image Kanan Selesai -----------*/

input.cari
{
	font-family:tahoma;
	font-size:11px;
	padding:3px;
	color:#000000;
	width:200px;
	
}

.button{
	
	background:url(../images/menu_back.jpg) repeat-x;
	border:1px solid #00223c;
	color:#FFFFFF;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:2px 15px 3px;
	text-align:center;
	font-weight:bold;
}


.judul_berita
{
	color:#018c75;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	
	
}

/* ADmin */

#tengah_admin
{
	width:850px;
	height:auto;
	margin-top:3px;
	border:0px solid #000000;
	padding:0px;
	margin-bottom:auto;
}



.admin_image{
	background:#FFFFFF;
	border:2px solid #e5e5e5;
	
}

#box_login
{
	width:845px;
	background:#FFFFFF;
	height:auto;
	margin-left:0px;
	margin-top:3px;
	margin-bottom:6px;
	border:2px solid #EEEEEE;
	padding:2px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
}

#footer_admin
{
	width:845px;
	margin:0 auto;
	height:50px;
	border-top:1px solid #DDDDDD;
	padding:5px;
	font-family:Tahoma;
	font-size:11px;
	color:#AAAAAA;
	clear:both;
	text-align:center;
	
}

input,textarea
{
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	padding:3px;
	
}

select
{
	font-family: Arial, Helvetica, sans-serif "Trebuchet MS";
	font-size:11px;
	font-weight:bold;
	color:#444444;
	padding:1px;
}

.button{
	/* Ni Dia buat bikin Transparan di Mozilla dan IE yang gembel itu 
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	------------------------------------------------------*/
	
	background:#4bbca8;
	border:1px solid #188471;
	color:#FFFFFF;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:3px;
	text-align:center;
	font-weight:bold;
}

#pesan
{
	border-left:5px solid #CCCCCC;
	height:auto;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666666;
	padding:10px;
	font-weight:bold;
}

#pesan_error
{
	border-left:5px solid #CCCCCC;
	height:auto;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF0000;
	padding:10px;
	font-weight:bold;
}

#logout
{
	background:url(../images/menu_back.jpg) repeat-x;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	
	padding:5px;
	text-align:right;
	text-transform:uppercase;
	
	
}

.logout a
{
	
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	height:25px;
	padding:5px;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
	
}

.logout a:hover
{
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	height:25px;
	padding:5px;
	text-align:right;
	text-transform:uppercase;
	
	
}


ul.menu_admin
{
	width:700px;
	list-style:none;
	
	
}

ul.menu_admin li
{
	float:left;
	margin-right:3px;
	margin-top:10px;
	margin-left:5px;
	margin-bottom:15px;
	padding-bottom:8px;
	background: url(../images/bg_menu_admin.gif) bottom right no-repeat;
}

ul.menu_admin li img
{
	border:1px solid #dcdcdc;
	padding:3px;
}

ul.menu_admin li img:hover
{
	border:1px solid #31c275;
	
	padding:3px;
}

img.gambar, a img.gambar
{
	
	border:1px solid #666666;
	background: url(../images/bg_menu_admin.gif) bottom right no-repeat;
	padding:3px;
}

img.iklan a
{
	border:0 none;
}

a:hover img.gambar
{
	border-color:#FF6600;
}

.tabel_admin
{
	border:1px solid #999999;
	margin:3px;
	padding:3px;
	width:98%;
}

.tabel_event
{
	border:1px solid #e5e5e5;
	margin:3px;
	padding:3px;
	width:98%;
}

.tabel_event th
{
	background:#4bbca8;
	padding:5px;
	color:#FFFFFF;
	height:auto;
	vertical-align:middle;
}

.tabel_event td
{
	
	padding:5px;
	

	vertical-align:middle;
}

.tabel_admin_2
{
	border-left:5px solid #999999;
	margin:3px;
	padding:3px;
	width:98%;
}

.tabel_admin_3
{
	border-left:0px solid #999999;
	margin:3px;
	padding:3px;
	width:98%;
}

.tabel_admin th
{
	background:#4bbca8;
	padding:5px;
	color:#FFFFFF;
	height:auto;
	vertical-align:middle;
}

.tabel_admin td
{
	
	padding:5px;
	
}

#box_menu_admin
{
	width:845px;
	background:#FFFFFF;
	height:auto;
	float:left;
	clear:both;
	margin-left:0px;
	margin-top:3px;
	margin-bottom:6px;
	border:2px solid #EEEEEE;
	padding:2px;
	font-family:Tahoma;
	font-size:11px;
	color:#555555;
}

/* ------- CICE MENU ADMIN -----------*/


#cice_menu_admin
{	
	
	width:135px;
	margin-left:2px;
}

#cice_menu_admin ul
{
	
	padding: 0;
	list-style-type:none;
	
}

#cice_menu_admin li a
{
	display:block;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight : bold;
	color: #717171;
	padding:3px;
	width:135px;
	margin:3px;
	text-decoration:none;
	border:1px solid #666666;
	
	
}

#cice_menu_admin li a:hover
{
	background:#4bbca8;
	color:#FFFFFF;
}


.text_judul_admin{
	margin-top:-5px;
	font-family:Trebuchet MS;
	font-size:15px;
	color:#555555;
	padding-left:4px;
	padding-right:4px;
	padding-top:5px;
	padding-bottom:10px;
	text-align:left;
	font-weight:bold;
	
	
}

.text_judul_admin_2{
	
	font-family:Trebuchet MS;
	font-size:15px;
	color:#555555;
	
	padding-right:4px;
	padding-top:5px;
	padding-bottom:10px;
	text-align:left;
	font-weight:bold;
	
	
}

.text_sejarah
{
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	line-height:1.5;
	text-align:left;
	padding-bottom:5px;
	padding:5px 4px 0px 5px;
	
	
}

.judul_sejarah
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	padding:4px;
	text-transform:capitalize;
}

ul.list_misi
{
	line-height:1.5;
	
}





#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#tabel_sejarah td
{
	border-right:1px solid #00CC99;
	border-bottom:1px solid #EEEEEE;
	vertical-align:top;
	text-align:left;
}
	
/*------------------------*/

ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:2em;
        width:auto;
        margin-bottom:2em;
        }
ul.fdtablePaginater li
        {
        display:table-cell;
        padding-right:4px;
        color:#666;
        list-style:none;
        
        -moz-user-select:none;
        -khtml-user-select:none;
        }
ul.fdtablePaginater li a.currentPage
        {
        border-color:#3ab57a !important;
		background:#d9ffed;
        color:#000;
        }
ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
        {
        display:block;
        width:2em;
        font-size:1em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        font-family:Tahoma;
		font-weight:bold;
        }
ul.fdtablePaginater li div
        {
        cursor:normal;
        opacity:.5;
        filter:alpha(opacity=50);
        }
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
        {
        display:block;
        line-height:2em;
        border:1px solid #fff;
        background:#fff url(<?=base_url()?>images/gradient.gif) repeat-x 0 -20px;
        }
ul.fdtablePaginater li a
        {
        cursor:pointer;
        }
ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
.fdtablePaginaterWrap
        {
        text-align:center;
        clear:both;
        text-decoration:none;
        }
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
        {
        font-weight:bold !important;
        }
/* Keep the table columns an equal size during pagination */
td.sized1
        {
        width:16em;
        text-align:left;
        }
td.sized2
        {
        width:10em;
        text-align:left;
        }
td.sized3
        {
        width:7em;
        text-align:left;
        }
tfoot td
        {
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
#visibleTotal
        {
        text-align:center;
        letter-spacing:auto;
        }
#visibleTotal2
        {
        text-align:center;
        letter-spacing:auto;
        }
* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span
        {
        background:#eee;
        }
tr.invisibleRow
        {
        display:none;
        }

/*----------------*/