body {

	padding: 0;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	color: #291B0C;

	background-repeat: repeat-x;

	background-image: url(images/bg_02.gif);

	background-color: #B0AAAA;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}

#top {

	width: 930px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height: 28px;

}

#top #left {

	float: left;

	width: 723px;

	height: 28px;

	margin-top: 53px;

}



#logo {

	height: 81px;

	width: 177px;

	background-image: url(images/logo.jpg);

	background-repeat: no-repeat;

}







h1, h2, h3 {

	margin: 0;

	text-transform: uppercase;

	font-weight: normal;

	color: #291B0C;

}





h1 {

	font-size: 20px;

	padding-bottom: 15px;

}



h2 {

	font-size: 16px;

	margin-bottom: 15px;

	margin-top: 10px;

}



a {

	color: #291B0C;

	text-decoration: none;

}



a:hover { text-decoration: underline; }



/* IBOX HOVER */

.ibox{

	font-size:12px;

	color:#333333;

	padding:2px;

	margin:2px 0px 2px 0px;

	border: 1px solid #666666;

	}	

.title {

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	border: 1px dashed #333333;

	font-weight: bold;

	text-transform: uppercase;

}



.ibox:hover,.ibox:focus{

	border:1px solid #000000;

	font-size:12px;

	color:#333333;

	padding:2px;

	}

.merah {

	font-size: 11px;

	color: #FF0000;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: normal;

}



/* ======================= */

.scrollgeneric {

	line-height: 1px;

	font-size: 1px;

	position: relative;

	top: 0; left: 0;

}

.mid-text {

	line-height: 20px;

	text-align: justify;

	padding-top: 12px;

}





.vscrollerbase {

	width: 16px;

	max-height:500px;

	background:url(images/b-bar-scroll.png) 0px 0px repeat;

}



.vscrollerbar {

	width: 16px;

	max-height:47px;

	background:url(images/b-scroll.jpg) 0px 0px no-repeat;

}



.hscrollerbase {

	width: 16px;

	max-height:500px;

	background:url(images/b-bar-scroll.png) 0px 0px repeat;

}



.hscrollerbar {

	width: 16px;

	max-height:47px;

	background:url(images/b-scroll.jpg) 0px 0px no-repeat;

}



.vscrollerbar, .hscrollerbar {

	padding: 10px;

	z-index: 2;

}





#content {

	background-color: #5B5B5B;

	padding: 3em;

	margin:0.2em 2em;

}



.copyrightnotice {

	font-size: 70%;

	font-weight: bold;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	text-indent: 0;

}



#mycustomscroll {

	width: 400px;

	height: 475px;

	overflow:auto;

	position:relative;

	margin: 0.3em auto;

	padding: 10px;

}



.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

width: 550px;

height: auto;

position: relative;

color: #FFFFFF;

padding: 1px;

}

#footer {

	width: 930px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 10px;

	background-color: #FFFF00;

}





#tiny-pic {

	height: 130px;

	width: 930px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	background-image: url(images/spa_03.jpg);

	background-repeat: no-repeat;

}

/* --- Navigation --- */

#top-nav {

	width: 180px;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#bottom-nav {

	width: 180px;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

}

.subnavil {

	text-align:left;

	font-size: 11px;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

	background-color: #D0CCCB;



}



.subnavil a {

	display: block;

	text-decoration: none;

	font-size: 12px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 45px;

	background-repeat: no-repeat;

	background-position: 5px 50%;



}

.subnavil a:hover {

	color: orange;

	background-position: 5px 50%;

}



.subnavil a:visited {

	text-decoration: none;

}

.nav2 ul{

	list-style: none;

	margin: 0;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.nav2 ul li{



}

.nav2 ul li a

{

	font-weight:normal;

	background-image: url(images/arrow.gif);

	background-repeat: no-repeat;

	background-position:45px;

	white-space: nowrap;

	padding-left: 60px;

	padding-top: 5px;

	height:18px;

	display:block;

	text-decoration:none;

	line-height: normal;

	padding-right: 20px;

}

.nav2 ul li a:hover

{

	display:block;

	text-decoration:none;

	color: orange;

}

.nav2 .active a{

	display:block;

	text-decoration:none;

}
#flag {
	height: 15px;
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#flag #nation {
	float: right;
	border: 1px solid #666666;
	margin-right: 5px;
}