@charset "utf-8";
/* CSS Document */

body {
	background:#663333;
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	width:635px;
	margin:0 auto;
	color:#FFFFCC
}

h1 {
	color:#FFFFFF;
	padding:60px 0 0 0;
	margin:0 0 0 10px;
	font-size:24px;
}
h2 {
	color:#FFFFFF;
	padding:0 0;
	margin:0 0 0 10px;
	font-size:16px;
	font-style:italic;
}

.logo{
	top:-120px;
	left:420px;
	width:180px;
	height:0px;
	position:relative;
	z-index:1000;
	line-height:0px;
}

.header {
	background:url(header.jpg) no-repeat top left;
	width:635px;
	height:334px;
}

.headerleft{
	background:url(wismagandapura.jpg) no-repeat top left #ffffff;
	float:left;
	text-align:left;
	width:399px;
	height:200px;
}

.topright{
	padding:110px 0px 0px 418px;
	text-align:left;
	width:216px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
	line-height:1.2;	
}

.menu{
	position: relative;
	height: 36px;
	width: 593px;
	background:#330000;
	padding: 0px 20px;
	margin: 0px 0;
	overflow: hidden;
}

.menu li {
	float: left;
	list-style: none;
}

.menu li a {
	font: 14px "Trebuchet MS",Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 0px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 18px;
	position: relative;
	overflow: hidden;
	margin: 5px 0px;   
	padding: 4px 12px;
}

.current {
	background: #996633;
}

.menu li a:hover {
	background: #996633;
	height: 18px;
}

.mainleft{
	float:left;
	text-align:left;
	width:379px;
	height:200px;	
	background:#FFFFFF;
	color:#333333;
	font-size:12px;
	line-height:1.25;
	padding:10px;
}

.mainright{
	float:left;
	text-align:left;
	width:214px;
	height:200px;
	background:#CCCCCC;
	padding:10px;
}

.maincenter {
	text-align:left;
	width:613px;	
	background:#FFFFFF;
	color:#333333;
	font-size:12px;
	line-height:1.25;
	padding:10px;
}

.mainmap {
	text-align:left;
	width:613px;
	/*height:360px;	*/
	background:#FFFFFF;
	color:#333333;
	font-size:12px;
	line-height:1.25;
	padding:10px;
}

.columnleft {
	width: auto;
	background:#eeeeee;
	padding:5px;
	text-align:center;
	border-left: 1px #CCCCCC dotted;
	border-top: 1px #CCCCCC dotted;
	border-bottom: 1px #CCCCCC dotted;
}
.columnright {
	width: 70%;
	background:#eeeeee;
	border: 1px #CCCCCC dotted;
	vertical-align:top;
	padding:5px;
	
}
.title{
	color:#FF9933;
	font-size:18px;
	font-weight:bold;
	padding:3px 0px;
}

.title2{
	color:#666666;
	font-size:18px;
	font-weight:bold;
	padding:3px 0px 10px 0px;
	text-align:center;
}

.title3{
	background:#FFCC66;
	color:#996600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	padding:3px 0px 5px 0px;
	text-align:center;
}

.picleft {
	float:left;
	margin:0 5px 0 0;
}

.footerleft{
	float:left;
	text-align:left;
	width:290px;
	padding:5px 0 0 10px;
	font-size:12px;
	line-height:1.25;
}

.footerright{
	float:left;
	text-align:right;
	width:325px;
	font-size:12px;
	padding:5px 10px 0 0;
	line-height:1.25;
}

.footerleft a{
	color:#FFFFFF;	
	text-decoration:none;
}
.footerleft a:hover{
	color:#FFCC66;	
	text-decoration:none;
}

.footerright a{
	color:#CC6600;	
	text-decoration:none;
}
.footerright a:hover{
	color:#CC9933;	
	text-decoration:none;
}

.readmore a, .readmore a:visited {
	display: block;
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	width: 85px;
	background: #eeeeee;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	float:right;
}

.readmore a:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #aaa #aaa #000;
	color:#666666;
	text-decoration:none;
} 

.map a, .map a:visited{
	color:#FFFF66;
	text-decoration:underline;
}

.map a:hover{
	color:#FFFF00;
	text-decoration:underline;
}

.roombox {
	border: 1px #999999 solid;
}