html, body { widows:100%; height:100%; margin:0; padding:0; }
html { background:#fff url(../images/back.jpg) top center no-repeat; }
a, object { text-decoration:none; outline:none; }
a img { border:none; }
#container { width:928px; margin:0 auto; position:relative;border:0px solid #000; }
#top { width:100%; height:100px; background:url(../images/top-back.png); position:absolute; top:0px; z-index:10;margin:0;}
#logo { position:absolute; top:0px; left:0px; }
#searchx { text-align:center;position:absolute; top:5px; right:0; float:right;width:275px;height:60px;font-size:11px;font-family:arial;border:0px solid #000;}
#searchx  a {font-size:8px;font-family:arial;font-weight:bold;color:#0140AA; }
#searchx  a:hover {color:#000000; }
#container input[type="text"],input[type="password"],select,textarea { /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: auto;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #000000; 
	background-color: #e9e9e9; 
	border: 1px solid #e0e0e0; 
	margin:3px;
}
#container input[type="submit"] {
	width: auto;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #fff; 
	background-color: #727272; 
	border: 1px solid #e0e0e0; 
	margin:3px;
	font-weight:bold;
}

#container input[type="submit"]:hover {
	background-color: #ff0000;
}

#container a {color: #000;font-weight:bold;font-size:9px;font-family:arial;text-decoration: none;outline: none;}
#container a:hover {color: #ff0000;text-decoration: underline;}
#nav { position:absolute;top:85px; height:26px;width:100%; bottom:0;background:url(../images/nav-up.png); margin:0;color:#fff;border-bottom:1px solid #DCCCDA}
#nav a { height:20px; margin:0 1px 0 0; padding:6px 13px 0 20px; font:11px arial,helvetica; color:#FFF;font-weight:bold; text-align:center; display:block; float:left; }
#nav div { float:left; }
#nav .hot { color:#004080; background:url(../images/nav-up-hot.png); }
#nav a:hover, #nav .accommodationhover .button { background:#FFF; color:#004080; }
#nav .accommodation ul { display:none; }
#nav .accommodationhover ul { position:absolute; }
#nav li { margin:0; padding:0;}
#nav ul { width:180px; margin:23px 0 0 1px; *margin:30px 0 0 -120px; padding:4px 10px 4px 0; list-style:none; background:none; _background:#222; }
#nav ul a { width:100%; height:16px;margin:0;padding:4px 0 0 12px !important; font-size:10px; text-align:left; font-weight:bold; color:#FFF; background:url(../images/sub-white.png); display:block; }
#nav ul a:hover { background:url(../images/sub-orge.png);color:#fbe904; }

#flash { width:100%; height:219px; color:#FFF; position:absolute; top:114px;border:1px solid #fff; }
#content { top: 112px;width:100%;background:url(../images/bg_table.png); position:absolute;border:0px solid #ff0000;}

#newsletters { margin:5px; padding:5px;min-height:500px; border:1px solid #fff;background:url(../images/bg_table.png);font-family:arial;font-size:12px; color:#000; }
#newsletters h3 { margin:0; padding:0; font:15px/20px helvetica, arial !important; color:#004080;font-weight:bold; }
#newsletters a.news {color: #000;font-weight:bold;font-size:15px;font-family:arial;text-decoration: none;outline: none;}
#newsletters a.news:hover {color: #ff0000;text-decoration: underline;}

#news_right { margin:5px; padding:5px;min-height:500px; border:1px solid #fff;background:url(../images/bg_table.png) }
#news_right ul { width:100%; margin:0;padding:0;list-style:none; }
#news_right li { padding:0px;margin-bottom:9px; }

#news_left { margin:5px; padding:5px;min-height:500px; border:1px solid #fff;background:url(../images/bg_table.png);}
#news_left h3 { margin-bottom:5px; padding:0; font:13px/16px  arial,helvetica !important; color:#6c005c;font-weight:bold; }

#copy { width:100%px; min-height:320px; _height:370px; padding:5px; font:11px/20px helvetica, arial; color:#333;}


#footer1 {width:100%; height:140px; background:url(../images/footer-back.png); position:relative; float:left;}
#address { position:absolute; top:30px; left:15px;font-size:10px;font-family:arial;margin-bottom:20px; }
#footerlogos { position:absolute; padding:0;margin:0;top:20px; right:20px;}



a.rightx {color: #ff000;font-weight:bold;size:11px;font-family:arial;text-decoration: none;outline: none;}
a.rightx:hover {color: #ff0000;text-decoration: underline;}


/*-------------------------------------------------
  Sub Page Navigation
-------------------------------------------------*/

#subnav {
	float: left;
	height: 45px;
	width: 100%;
	font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	background: white;
	padding: 0;
	text-transform: uppercase;
}

#subnav #title {
	font-size: 16px;
	color: #800080;
	padding: 15px 0 0 1px;
	margin : 0 0 0 20px;
}

#subnav #title h2 {
	font-size: 16px;
	color: #8A8A8A;
}

#subnav #title h1 {
	font-size: 16px;
	color: #8A8A8A;
}


/*-------------------------------------------------
  Home Page Content
-------------------------------------------------*/
.title
{
  FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
  FONT-SIZE: 18px;     
  FONT-WEIGHT: bold;    
  color:#800080;
  line-height:24px
}

#main_home {
	float: left;
	width: 100%;
	margin:10px 0 0 20px;
}

#kotakleft {border: 0px solid #808080;width:60%;height:100%;background:transparant; float:left; padding:0px; margin :0 30px 0 0;}

#kotakright {border: 0px solid #808080;width:32%;height:100%;background:transparant; float:left; padding:0px;font-family:arial;size:11px;}
#kotakright ul { width:100%; margin:0;padding:0;list-style:none; }
#kotakright li { padding-left:18px;margin-bottom:5px;height:20px;border-bottom:1px solid #fff;background:url('../images/panah.png') left top no-repeat;}
#kotakright a { margin:0; padding:0; font:11px helvetica, arial;font-weight:bold;color:#000; display:block; float:left; }
#kotakright a:hover{ color:#ff00ff; }


#kotakhnews {border: 0px solid #808080;width:100%;background:transparant; float:left; padding:2px;}
#kotakgrs {width: 100%;border: 1px solid #e3e3e3;padding:3px;margin: 0px 0px 10px 0px; }	
#backgrs {clear:both; width:100%;border-top: #e6e6e6 1px solid;}
.note
{
  FONT-FAMILY: verdana,arial,Helvetica, sans-serif;
  FONT-SIZE: 11px;
  color :#000000;
  line-height:20px
}

/*------------- FOTO---*/
#kolomkiri {width:245px; padding:0px; float:left;border:0px solid #CCC;}
#titleimg {margin:0;padding:2px;float:left;position:absolute;width:240px;height:30px; top:295px; z-index:295;color:white;background:url('../images/bg_black.png');}

.slidemenu{
margin: 0;
padding: 0;
float: left;
border:0px solid #CCC;
width:100%;
position:absolute;width:240px;height:20px; top:330px;z-index:330;
}

.slidemenu ul{
margin: 0;
padding: 0;
float: left;
list-style:none;
}
.slidemenu ul li{
display: inline;
}
.slidemenu ul li a{
float: left;
color: black; /*text color*/
padding: 2px 4px;
text-decoration: none;
margin-right:2px;
}

.slidemenu ul li a:visited {
color: #000;
}

.slidemenu ul li a:hover {
background: #CCC;
}


.slidemenu ul li a.selected {
color: red !important;
padding-top: 4px; 
padding: 2px 4px;
}
.tabcontent{
display:none;
}

.boximgheadline {width:245px; margin-top:0px; font:normal 9px arial; color:#666;border:0px solid #000000;}
.boximgheadline img {width:245px; border:0px solid #ff0000;}
.boximgheadline span {float:left; font:normal 9px arial; color:#000; padding-top:0; }
.boximgheadline a {font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgheadline a:hover {color:#999; }
/* ------------- END ---*/

.notek {padding:0px;font:9px arial;line-height:13px;color:#000;font-weight:normal;}
td {font:11px arial;line-height:18px;color:#000;font-weight:normal;}
.note  {font:11px arial;line-height:18px;color:#000;font-weight:normal;}
.noteb {font:11px arial;line-height:18px;color:#000;font-weight:bold;}
.grs_bwh{border-bottom:1px solid #c0c0c0;width:100%;}
.grs_ats{border-top:1px solid #c0c0c0;width:100%;}