/* CSS Document */
body{
color: #000;
background: url(../images/bg2.jpg) top repeat-x #e9ece3;
text-align:center;
margin:0; 
padding:0; 
}
h1 {
	margin:0px;
	padding:0;
	font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #a31f1a;
	font-weight:bold;
}
h2 {
	margin:0px;
	padding:0 0 4px 0;
	font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #814141;
	font-weight:bold;
}
h4 {
	margin:0px;
	padding:0 0 4px 0;
	font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:bold;
	color: #000;
	border-bottom:1px solid #e7e6e2;
}
h5 {
	clear:both;
	float:left;
	margin:0px;
	padding:0;
	font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #000;
}
#wrapper{
clear:both;
margin:auto;
width:845px;
padding:0;
text-align:center;
}
#wrap{
clear:both;
float:left;
margin:0;
width:845px;
padding:0;
text-align:left;
}

#top{
clear:both;
float:left;
width:845px;
height:31px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:right;
}
#topleft{
float:left;
width:600px;
height:19px;
margin:0;
padding:0;
}
#topleft p{
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#F4F3F0;
text-align:left;
float:left;
width:600px;
margin:0;
padding:6px 0 0 0;
}

#topright{
float:left;
width:245px;
margin:0;
padding:4px 0 0 0;
color:#eaebe3;
text-align:right;
}
#topright p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:0;
padding:0;
text-align:right;
}
#topright a, #topright a:link,  #topright a:active,  #topright a:visited  {
padding:0;
color: #eaebe3;
font-weight:bold;
text-decoration:none;
}
#topright a:hover {
color: #fff;
text-decoration:none;
margin:0;
padding:0;
}
.dnone{
display:none;
}

#topmenu{
clear:both;
float:left;
width:845px;
height:106px;
}
#topmenuleft{
float:left;
width:275px;
margin:0;
padding:0px 0 0 0;
}
#topmenuleft img{
border:0;
}
#topmenuright{
float:left;
width:570px;
margin:0;
padding:74px 0 0 0;
color:#eaebe3;
text-align:right;
}

/*- Menu Tabs J--------------------------- */

#tabsJ {
float:right;
width:570;
font-size:93%;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
line-height:normal;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url(../images/bgmenu.gif) repeat-x left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
border-right:1px solid #6a9136;
border-left:1px solid #6a9136;
}
#tabsJ a span {
float:left;
display:block;
background:url(../images/bgmenu.gif) repeat-x right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}

#tabsJ #current a {
		background-position:0% -42px;
}
#tabsJ #current a span {
		background-position:100% -42px;
		color:#FFF;
}


#header{
clear:both;
float:left;
width:845px;
height:297px;
padding:14px 0 12px 0;
}
#headcontent{
clear:both;
float:left;
width:833px;
margin:0;
padding:6px 9px 6px 9px;
height:278px;
background:#ebece4;
}
#headleft{
float:left;
width:418px;
height:278px;
margin:0;
padding:0;
}
#headleft img{
border:0;
}

#headright{
float:left;
width:405px;
height:278px;
margin:0;
padding:0 0 0 10px;
text-align:left;
}
#headright p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:0;
padding:0 0 6px 0;
text-align:justify;
}
#main{
clear:both;
float:left;
width:833px;
background:url(../images/bgmain.jpg) #fff top repeat-x;
padding:6px 6px 10px 6px;
margin:0;
}

/** begin left menu **/
#left{
float:left;
width:158px;
height:auto;
background:transparent;
}
.title{
font:12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:3px 0px 6px 0;
padding:2px 0 2px 3px;
color:#26343d; 
text-decoration: none;
font-weight:bold;
text-align:left;
border-bottom:1px solid #CCCCCC;
background:#F5F5F1;
}


.leftcontent{
clear:both;
float:left;
margin:0;
padding:0;
width:158px;
background:url(../images/leftcontent.gif) repeat-y;
text-align:left;
}
.leftcontent p{
clear:both;
float:left;
width:158px;
font:10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:0;
padding:0px 0px 0px 0px;
}
#leftmenu, .leftmenu{
width:158px;
margin:0;
padding:0;
clear:both;
float:left;
}


.boximg{
clear:both;
float:left;
width:158px;
margin:0;
padding:0;
}
.boximg img{
border:0;
}
/* menu css */
.menu{
	padding:0;
	margin-left:0px;
	margin-right:0px;
	width:158px;
}
.menu a, .menu a:active, .menu a:link, .menu a:visited {
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
display:block;
margin:0;
padding:4px 3px 4px 3px;
color:#001540;
font-weight:normal;
background:#E9EAED;
text-decoration:none;
border-left:4px solid #8E989D;
border-bottom:1px solid #fff;
width:148px;
}
.menu a:hover{
color:#a00;
background: #DADAD8 ;
border-left:4px solid #424A60;
padding:4px 3px 4px 3px;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
width:158px;
}

.menu li, .menu li:hover{
position:relative;
}
.menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}
.menu ul ul,
.menu ul ul ul,
.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul
{display:none;}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */
.menu a.x, .menu a.x:visited, .menu a.x:active{
background:#F0F2F7 url(../images/arrow.gif) no-repeat  right;
color:#001540;
background-position:96% 50%;
font-weight:normal;
}

.menu a.x:hover{
background:#D7DAE3 url(../images/arrowhover.gif) no-repeat  right;
color:#a00;
background-position:96% 50%;
}
/** end left menu */


/* center content */
#right{
float:left;
width:468px;
padding:0 10px 0 10px;
}
#content{
clear:both;
float:left;
width:468px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
text-align:justify;
margin:0 0 4px 0;
padding:0;
background:#f3f4ed;
}
.judulc{
clear:both;
float:left;
width:466px;
margin: 0 0px 5px 0px;
padding:2px 0 4px 2px;
font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
font-weight:bold;
background:#82a355;
text-transform:uppercase;
}

.packtitle{
clear:both;
float:left;
width:450px;
font: 13px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color: #61403B;
font-weight: bold;
text-align:left;
background:url(../images/title.jpg) left no-repeat ;
padding:0 0 4px 18px;
margin:10px 0 8px 0;
border-bottom:1px solid #CC6600;
}
.mcont{
clear:both;
float:left;
width:456px;
margin:0;
padding:0 6px 0 6px;
}


.table:hover{
background:#E6EEEE;
}
#ads{
clear:both;
float:left;
width:468px;
padding:5px 0 5px 0;
margin:3px 0 3px 0;
}	
.rightcontent, .rightcontentb{
clear:both;
float:left;
width:468px;
padding:2px 0px 5px 0px;
background: #e9ece3;
border:0px solid #000000;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
text-align:justify;
}
.rightcontent p, rightcontentb p{
margin:0;
text-align:justify;
padding:5px 0 10px 0;
}
.rightcontent img{
margin:0;
padding:4px 4px 5px 4px;
}
.rightcontent ul{
margin:0 0 10px 20px;
padding:0;
}

.rightcontent ul li{
clear:both;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight: normal;
color:#0C1E33;
background:url(../images/over.gif) 0 0 no-repeat;
list-style:none;
padding:0 0 0 15px;
margin: 0 0 0 -15px;
}
.rightcontent ol li{
clear:both;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight: normal;
color:#0C1E33;
padding:0 0 0 0px;
}
.righttitle{
margin:0;
padding:0 0 0 15px;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
background:url(../images/lilarrow.gif) left no-repeat;
border-bottom:1px solid #E4E2DC;
}

#right a, #right a:active, #right a:visited{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#111E3F;
text-decoration:none;
}
#right a:hover{
color:#a00;
text-decoration:underline;
}
.hot{
margin: 10px 6px 5px 6px;
padding:4px 10px 4px 19px;
text-align:justify;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0D1330;
background:url(../images/redstar.gif) 5px 50% no-repeat  #DDDCD0 ;
border-top:1px solid #cccccc;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #cccccc;
}
.spacer{
clear:both;
float:left;
width:432px;
margin:0;
padding:0;
text-align:center;
background:url(../images/bg_dot2.gif) repeat-x;
}
#book{
clear:both;
float:left;
width:432px;
margin:5px 0 10px 0;
padding:5px 0 5px 0;
text-align:center;
}
#book a:link, #book a:visited, #book a:active {
font:12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
text-decoration: none;
background:#FF0000;
padding:4px 20px 4px 20px;
font-weight:bold;
margin:0;
}
#book a:hover {
text-decoration: none;
color:#990000;
padding:4px 20px 4px 20px;
margin:0;
background:#C1D2DB;
}
#headmenu{
text-align:left;
width:435px;
float:left;
padding:5px 0px 0 10px;
margin:0;
background:transparent;
border:0px solid #fff;
}
#headmenu img{
border:0;
}
#headmenu a:link, #headmenu a:visited {
font:10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff; 
text-decoration: none;
background:none;
}
#headmenu a:hover {
	text-decoration: none;
	color: #F5C8C8;
	}
#stour, #shotel{
clear:both;
float: left;
width: 462px;
text-align:left;
padding:0px 3px 0px 3px ;
margin: 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
#berita p{
margin: 0px;
padding:0;
border-top:0px dotted #ccc;
}
.titleag{
width: 410px;
margin: 0 0px 5px 0px;
padding:0 0 0 15px;
font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
font-weight:bold;
background:url(../images/lilarow.gif) 0 7px no-repeat;
border-bottom:1px solid #ccc;
}
.titlesag{
width: 400px;
margin: 20px 0px 5px 0px;
padding:0 0 0 25px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
font-weight:bold;
background:url(../images/panah.gif) 0 60% no-repeat #eee;
border:1px solid #ccc;
}
.rightsearch{
padding-left:4px;
padding-top:0px;
padding-bottom:2px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
border:1px solid #ccc;
}
.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #385979;
} 
.judul{
margin: 0 0px 5px 0px;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
font-weight:bold;
background:url(../images/bgberita.gif) repeat-x #fff;
}
.juduls{
clear:both;
float:left;
width:460px;
margin: 0 0px 5px 0px;
padding:2px 0 4px 2px;
font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
font-weight:bold;
background:#82a355;
text-transform:uppercase;
}
.juduls p{
padding:0;
margin:0;
}
.bbox{
clear:both;
float:left;
width:462px;
margin:0;
padding:0;
background:#ECF1F2;
}
.bbox2{
clear:both;
float:left;
width:462px;
margin:0;
padding:0;
background:#f6f5e8;
}
#stour a, #stour a:active, #stour a:visited{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#111E3F;
text-decoration:none;
}
#stour a:hover{
color:#a00;
text-decoration:underline;
}
.sbox, .sbox2{
float:left;
width:146px;
height:140px;
margin:0;
padding:0 3px 4px 3px;
border-left:1px solid #fff;
border-right:1px solid #fff;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
text-align:left;
}
.sbox:hover{
background:#EDEEE8;
}
.sbox2:hover{
background:#E9EFEF;
}

.sbox p, .sbox2 p{
clear:both;
float:left;
width:144px;
margin: 0px;
padding:0;
text-align:left;
}
.sbox img, .sbox2 img{
border:1px solid #666666;
}
.sbox img:hover, .sbox2 img:hover{
border:1px solid #f5fde6;
}
.searchform{
font: 10px/1.6em verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
color:#4B5648;
border:0px solid #A25C5E;
background:transparent;
margin:0px 0 0px 8px;
}
.searchfield{
font: 11px/1.6em verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
border:1px solid #2F2F54;
margin:4px 0 2px 6px;
padding:1px 0 3px 0 ;
}
.bottom{
font: 9px/1.3em verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#4A4A4A;
border:1px solid #2F2F54;
padding:1px 2px  1px 2px;
margin:2px 0 2px 0px;
background:#eee;
text-align:left;
}
/* end center content */

/* begin right */
#center{
float:left;
width:187px;
padding:0 0 0 0px;
background:transparent;
text-align:left;
}
.titler{
clear:both;
float:left;
width:184px;
font:12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:3px 0px 6px 0;
padding:2px 0 2px 3px;
color:#26343d; 
text-decoration: none;
font-weight:bold;
text-align:left;
border-bottom:1px solid #CCCCCC;
background:#F5F5F1;
}
#center img{
border:0px solid #A5AEB5;
margin:0px;
}
#center a:link, #center a:visited{
font-weight:normal;
color:#333366;
text-decoration: none;

}
#center a:hover {
color:#990000;
text-decoration: none;
}
.bertiatbox{
clear:both;
float:left;
width:183px;
margin: 0px 0px 6px 0px;
padding:2px;
border-bottom:1px solid #F9F9F7;
background:#F3F7F2;
}
.date{
clear:both;
float:left;
width:183px;
margin: 0px 0px 0px 0px;
padding:0px 0 0px 0px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
}
.bjudul{
clear:both;
float:left;
width:183px;
margin:0px;
padding:1px 0 2px 0px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
font-weight:bold;
}

#topcenter{
clear:both;
float:left;
margin:0 0 2px 0;
padding:3px 0 3px 0;
width:187px;
background:#E7EDED;
}
#cont, #ads{
clear:both;
float:left;
width:187px;
margin:0;
padding:0;
}
#cont p, #ads p{
clear:both;
float:left;
width:187px;
font: 10px/1.4em verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
padding:0 0 5px 0px;
}
#berita{
clear:both;
float: left;
width: 187px;
text-align:left;
background: #fff;
padding:0px 0 0px 0px ;
margin: 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
#berita p{
margin:0px;
padding:0;
}
#berita a:link, #berita a:visited{
font-weight:bold;
color:#333366;
text-decoration: none;

}
#berita a:hover {
color:#990000;
text-decoration: none;
background:transparent;
}
.centercontent{
clear:both;
float:left;
padding:0 0 0 4px;
margin:0;
width:176px;
background:transparent;
}
.centercontentimg{
clear:both;
float:left;
width:176px;
margin:2px 0 2px 0;
padding:2px 0 2px 0;
border-bottom:1px solid #e58f44;
}
.centercontentimg img{
border:0;
}
.centertitle{
clear:both;
float:left;
width:174px;
height:auto;
margin:2px 0 2px 0px;
padding:3px 0 3px 6px;
font: 12px/1.6em verdana, Arial, Helvetica, sans-serif;
background:url(../images/bgrtitle.jpg) repeat-y #E27B1F;
text-align:left;
font-weight:bold;
}
.centercontent p{
margin:0;
padding:2px 8px 6px 8px;
font: 10px/1.6em verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
color:#4B5648;
}


#footer {
clear: both;
margin:4px 0 4px 0;
width:837px;
padding: 4px;
border:0;
text-decoration: none;
text-align:right;
background:#6a9136;
}
#footer p {
font: 11px/1.4em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
padding:2px 0px 0px 0;
margin:0;
color:#fff;
text-decoration: none;
}
#footer a:link, #footer a:visited, #footer a:active{

	font: 11px/1.4em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #e8f7fe;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	font: 11px/1.4em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #eee;
	text-decoration: underline;
	font-weight: normal;
}