@import url("lightbox.css");
@import url("pagination.css");
@import url("menu_tengah.css");
@import url("iklan.css");
@import url("rangka.css");
/* CSS Document */
body{padding:0px; margin:0px; background:#EFEFEF; color:#1A1A1A; font:14px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, h4, h5, h6, h7{padding:0px; margin:0px;}
ul{list-style-type:none;}

a {
	text-decoration: none;
	color: #CC0000;
}

a:hover {
	color: blue;
	background-color: inherit;
}

/*----MAIN PANEL----*/
#mainPan{width:100%;}
/*----Left Panel----*/
#leftPan{width:389px; float:left; background:url(../images/headerbg.jpg) 0 0 no-repeat #fff; color:#1A1A1A;}
#logoPan{width:317px; height:125px; display:block; margin:63px 0 48px 32px;}

#leftbodyPan{width:360px; margin:0 0 0 15px;}
#leftbodyPan h2{width:175px; height:34px; background:url(../images/icon1.jpg) 0 2px no-repeat #fff; color:#CC0000; font-size:22px; line-height:20px; padding:0 0 0 30px; font-weight:normal;}
#leftbodyPan h3{width:250px; height:35px; display:block; color:#CC0000; font-size:26px; line-height:65px; padding:0 0 0 50px; font-weight:normal;}
#leftbodyPan h4{width:265px; height:90px; display:block; background:url(../images/image1.jpg) 0 0 no-repeat; margin:25px 0 34px; text-indent:-20000px;}
#leftbodyPan h5{width:134px; height:26px; display:block; background:url(../images/icon4.jpg) 0 0 no-repeat #fff; color:#CC0000; font:14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; margin:12px 0 10px 0;}
#leftbodyPan h5 span{font-weight:bold; background:#fff; color:#1A1A1A;}
#leftbodyPan h6{width:250px; height:75px; display:block; background:url(../images/icon6.jpg) 0 50% no-repeat #fff; color:#CC0000; font-size:24px; line-height:65px; padding:0 0 0 56px; font-weight:normal;}


#leftbodyPan ul{width:294px;}
#leftbodyPan ul li{width:294px; height:20px;}
#leftbodyPan ul li a{height:20px; display:block; background:url(../images/icon2-normal.gif) 0 7px no-repeat #fff; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px; line-height:20px;}
#leftbodyPan ul li a:hover{background:url(../images/icon2-hover.gif) 0 7px no-repeat #fff; color:#565555; text-decoration:none;}

#leftbodyPan p{padding:0 25px 0 0;}
#leftbodyPan p.border{border-bottom:1px solid #DCDCDC; padding:10px 0 0;}
#leftbodyPan p.bluetext{background:#fff; color:#0056B7; font-size:16px; font-weight:bold;}
#leftbodyPan p.blacktext{font-size:15px; font-weight:bold;}
#leftbodyPan p span.boldtext{font-style:italic; font-weight:bold;}
#leftbodyPan p.more{width:120px; height:48px;}
#leftbodyPan p.more a{height:38px; display:block; background:url(../images/icon5.jpg) 0 0 no-repeat #fff; color:#CC0000; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#leftbodyPan p.more a:hover{text-decoration:none;}
#leftbodyPan p.image{width:265px; height:90px; background:url(../images/image2.jpg) 0 0 no-repeat; margin:25px 0 34px;}

/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:60%; float:left; background:url(../images/rightpanbg.gif) 0 0 repeat-y; height:100%;}
#rightTopPan{width:334px; height:432px; background:url(../images/menubg.jpg) 0 0 no-repeat;}

#rightTopPan ul{width:94px; height:250px; position:absolute; top:94px; left:420px;}
#rightTopPan ul li{width:94px; height:27px; border-bottom:1px solid #E1E1E1;}
#rightTopPan ul li a{width:76px; height:26px; display:block; background:url(../images/arrow.gif) 0 50% no-repeat #fff; color:#1B0000; font:11px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 18px; text-decoration:none; text-transform:uppercase;}
#rightTopPan ul li a:hover{width:76px; height:26px; display:block; background:url(../images/arrow.gif) 0 50% no-repeat #fff; color:#CC0000;}

#rightTopPan ul li.home{width:76px; height:26px; display:block; background:url(../images/arrow.gif) 0 50% no-repeat #FBFBFB; color:#CC0000; font:11px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 18px; text-decoration:none; text-transform:uppercase;}
#rightTopPan ul li.contact{border:none;}


#rightBodyPan{width:95%; margin:0 0 0 14px;}
/*
#rightBodyPan h2{width:100%; height:46px; background:url(../images/icon7.jpg) 0 2px no-repeat #EFEFEF; color:#CC0000; font-size:22px; line-height:20px; padding:28px 0 0 40px; font-weight:normal;}
*/

#rightBodyPan p.largeblack{font-size:16px; font-weight:bold; padding:0 0 12px 0;}
#rightBodyPan p.blue-italictext{background:#EFEFEF; color:#015DC6; font-size:15px; font-style:italic; padding:12px 0 48px 0;}
#rightBodyPan p.morenext{width:238px; height:50px; display:block;}
#rightBodyPan p.morenext a{width:74px; height:30px; display:block; margin:0; background:url(../images/icon8.jpg) 62% 0 no-repeat #fff; color:#1A1A1A; line-height:30px; text-decoration:none; padding:0 0 0 164px;}
#rightBodyPan p.morenext a:hover{background:url(../images/icon8-hover.jpg) 62% 0 no-repeat #DFDFDF; color:#1A1A1A; text-decoration:none;}

/*----FOOTER PANEL----*/
#footermainPan{width:100%; height:198px; background:#4C4C4C; color:#fff; clear:both;}
#footerPan{width:100%; height:198px; background:url(../images/footerbg.gif) 0 0 repeat-y; position:relative; clear:both; margin:0; padding:0;}

#footerPan img{width:248px; height:38px; position:absolute; top:23px; right:6px;}

#footerPan ul{width:320px; position:absolute; top:49px; left:53px;}
#footerPan li{float:left; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 5px 0; color:#fff; background:#4C4C4C; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:158px; left:56px;}
#footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#4C4C4C; color:#79D000; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:89px; left:58px;}

#footerPanhtml{width:75px; height:24px; display:block; position:absolute; top:128px; left:58px;}
#footerPanhtml a{width:75px; height:24px; background:url(../images/arrow2-normal.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPanhtml a:hover{background:url(../images/arrow2-hover.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}

#footerPancss{width:75px; height:24px; display:block; position:absolute; top:128px; left:145px;}
#footerPancss a{width:75px; height:24px; background:url(../images/arrow2-hover.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPancss a:hover{background:url(../images/arrow2-normal.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}

/*----contentslider----*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
border-bottom-width: 6px;
width: 290px; /*width of featured content slider*/
height: 250px;
margin-left:10px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: #EFEFEF;
width: 280px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 270px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #EFEFEF;
padding: 5px 28px;
}
.pagination a{
padding: 1px 7px 1px 7px;
border: 1px solid #d6c896;
text-decoration: none;
color: #993909;
}
.pagination a:hover, .pagination a.selected{
border: 1px solid #d6c896;
	text-decoration: none;
	background: #FEE496;
}
.judul{
 /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #EFEFEF;
margin-left:10px;
}
#slide_gallery {
	padding-bottom: 5px;
	float: none;
	clear: both;
	text-align: center;
}
.gallery_thumb {
	margin-left: 24px;
	float: left;
	padding: 5px 5px 5px 0px;	
}
.gallery_thumb .shadow {
	background-color: #000;
	color: #fff;
}
.gallery_thumb .shadow div div {
	padding-bottom: 3px;
}
.gallery_thumb .shadow img {
	margin: 1px;
}
.shadow {
	float: left;
	background: url('../images/shadow_bot.gif') no-repeat 0% 100%;
}
.shadow div {
	display: block;
	float: left;
	background: url('../images/shadow_right.gif') no-repeat 100% 0%;
}
.shadow div div {
	display: block;
	float: none;
	padding: 0px 5px 5px 0px;
	background: url('../images/shadow_rightbot.gif') no-repeat 100% 100%;
}
.shadow div div div {
	padding: 0px;
	background: none;
}

/*----------Iklan kanan atas-----------------*/

#isiPan{
	width:50%;
	float:right;
	margin-top: 30px;
}

/*--akhir ISI-*/


/* tab dua */
.tabdepan{
padding: 3px 0;
margin-top: 20px;
margin-bottom: 0px;
margin-left: 10px;
padding-left:5px;
font: bold 11px Arial;
text-transform: capitalize;
border-bottom: 1px solid #999;
list-style-type: none;
}

.tabdepan li{
display: inline;
margin: 0;

}

.tabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;

}

.tabdepan li a:visited{
color: #2d2b2b;
}

.tabdepan li a:hover{
background-image:none;
background-color: #FEE496;
color: white;
}

.tabdepan li a:active{
color: black;
}

.tabdepan li a.selected{ 
position: relative;
top: 1px;
}

.tabdepan li a.selected{ 
background-color: #FFF;
border-bottom-color: white;
}

.tabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}

.tabcontent{
display:none;
clear:both;
}

@media print {
.tabcontent {
display:block !important;
}
}

.thumb {float:left; margin-right:5px; margin-top:3px;}
.thumb img {width:80px; height:60px; border:1px solid #CCC; margin:0; padding:1px;}


.judul_tab a {font:bold 13px; color: #CC0000; text-decoration:none}
.judul_tab a:hover{font:bold 13px; color: blue; text-decoration:none}


#navlist { margin-left: 10px; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none;/* border-top:1px solid #EEE;*/}
#navlist li { padding-left: 10px; padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE;  }
#navlist a { font:normal 12px arial; color:#CC0000; text-decoration:none;}
#navlist a:hover { color:blue;}
#navlist span {font:bold 11px arial; color:#F60; margin-right:5px; text-transform:uppercase;}

.tanggal {font:normal 10px arial; color: #3399CC; margin-bottom:2px; text-transform:uppercase; text-align:right;}


/*------Tambahan------*/

#news{
	width:335px;
	background-color:#fff;
	color:#000;
	padding:23px 0 55px 0;
}
#news h2{
	display:block;
	border-bottom:#535353 solid 1px;
	margin:0 0 12px 0;
	color:#C9C9C9;
	background-color:inherit;
	padding:0 0 0 12px;
}

#news h3{
	display:block;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#7C806B;
	background-color:inherit;
	padding:0 0 0 18px;
	margin:0;
}
#news h3 a{text-decoration:none; color:#CC0000;}
#news h3 a:hover{text-decoration:none; color:#0056B7;}
#news h5{
	width:134px; 
	height:26px; 
	display:block; 
	background:url(../images/icon4.jpg) 0 0 no-repeat #fff; 
	color:#CC0000; 
	font:14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 0 4px 30px; 
	margin:2px 0 10px 13px;
}
#news p.newstxt{
	display:block;
	width:344px;
	line-height:15px;
	font-size:12px;
	padding:0 0 4px 18px;
	margin:5px 0 0 0;
}
#news .date{
	background:url(../images/date_icon.gif) 0 0 no-repeat;
	padding:0 0 0 25px;	
	color:#3AA6C9;
	background-color:inherit;	
	margin:5px 0 16px 18px;
	display:block;
	font-size:11px;
}
#news p.more{
	width:120px; 
	height:48px;
	margin:2px 0 10px 13px;
}
#news p.more a{
	height:38px; 
	display:block; 
	background:url(../images/icon5.jpg) 0 0 no-repeat #fff; 
	color:#CC0000; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 0 0 30px; 
	text-decoration:none;
}
#news p.more a:hover{
	text-decoration:none; 
	color:#0056B7;
}
#news a.more1{
	display:block;
	width:41px;
	height:14px;
	background-color:#BD3535;
	color:#fff;
	font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 0 0 218px;
	text-decoration:none;
}
#news a.more1:hover{
	background-color:#fff;
	color:#BD3535;
}

/*-------image/galery--------*/
#galeri_all {
	
	width:360px;
	height:240px;
	padding-top: 10px;
	border: 1px solid #dcdddd;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 100px;
	text-align: center;
}

.galeri_image {
	padding: 0 25px 0 46px;
	margin-bottom: 10px;
}

#galeri_tab {
	
	width:160px;
	height:40px;
	padding-top: 10px;
	border: 1px solid #dcdddd;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 100px;
	text-align: center;
}


#iklan_tengah{
	width:19%;	
	float:left;
}
#isi_tab{ 
	width:81%; 
	float:left;	
}

#foot_iklan{ 
	float:right;		
}