/* CSS Document */
body{
color: #000000;
background: #000000;
text-align:center;
margin:0; 
}
h1{
font: 13px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
text-align:center;
padding:0;
margin:0;
}
h2{
font: 14px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
text-align:center;
padding:5px 0 5px 0px;
}
h3{
font: 15px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
text-align:center;
padding:0;
margin:0;
}
h4{
font: 12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
text-align:center;
padding:0;
margin:0;
}
h5{
font: 11px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
text-align:center;
padding:0;
margin:0;
}
h6{
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
text-align:center;
padding:0;
margin:0;
}
#wrapper{
margin:auto;
padding:0;
width:850px;
background:none;
display:block;
}
#top{
clear:both;
float:left;
width:850px;
height:85px;
background:url(../images/headtop.jpg) no-repeat;
}
#header{
clear:both;
float:left;
width:850px;
height:138px;
background:url(../images/header.jpg) no-repeat;
}
#content{
clear:both;
float:left;
width:850px;
margin:0;
padding:0;
background:url(../images/bgmain.jpg) repeat-y;
}
#left{
float:left;
width:194px;
height:auto;
background:transparent;
}
.topleft{
clear:both;
float:left;
margin:0;
padding:0 0 0 29px;
width:165px;
height:29px;
background:url(../images/lefttop.jpg) no-repeat ;
}
.title{
font:12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:6px 0px 0 5px;
color:#202931; 
text-decoration: none;
font-weight:bold;
text-align:left;
}

.titles{
clear:both;
float:left;
width:160px;
font:12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:5px 0 0 0;
padding:5px 0px 5px 5px;
color:#fff; 
text-decoration: none;
font-weight:bold;
text-align:left;
background:url(../images/bglefttitle.jpg) repeat-y;
}
.leftcontent{
clear:both;
float:left;
margin:0;
padding:0 0 0 29px;
width:165px;
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;
}
.botomleft{
clear:both;
float:left;
width:158px;
height:18px;
margin:0 0 10px 0;
padding:0;
background:url(../images/botomleft.gif) no-repeat;
}
.titleleft{
clear:both;
float:left;
width:158px;
height:31px;
margin:0;
padding:0;
}
#leftmenu, .leftmenu{
width:158px;
margin:0;
padding:0;
clear:both;
float:left;
}
.adsleft{
float:left;
width:148px;
margin:0;
padding:0 0 0 3px;
border-left:4px solid #8E989D;
background:#F0F2F7;
}

.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:2px 3px 2px 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-left: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%;
}

#right{
float:left;
width:445px;
height:auto;
padding:0 0 0 0px;
}
.topright{
clear:both;
float:left;
margin:0;
padding:0;
width:445px;
height:32px;
background:url(../images/topright.jpg) no-repeat;
}
	
.rightcontent, .rightcontentb{
clear:both;
float:left;
width:432px;
padding:2px 5px 5px 5px;
background:transparent;
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:#620000;
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:#000033;
text-decoration: none;
background:#99CCCC;
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;
	}
#berita, #stour, #shotel{
clear:both;
float: left;
width: 427px;
text-align:left;
background: #fff;
padding:0px 0 0px 0px ;
margin: 0px 2px 0px 2px;
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{
margin: 0 0px 5px 0px;
padding:2px 0 4px 8px;
font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#fff;
font-weight:bold;
background:#000000;
text-transform:uppercase;
}
.juduls p{
padding:0;
margin:0;
}
.bbox{
clear:both;
float:left;
width:427px;
margin:0;
padding:0;
background:#ECF1F2;
}
#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:#620000;
text-decoration:none;
}
#stour a:hover{
color:#a00;
text-decoration:underline;
}
.sbox{
float:left;
width:132px;
margin:0;
padding:0 4px 4px 4px;
border-left:1px solid #fff;
border-right:1px solid #fff;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#990000;
text-align:left;
}
.sbox p{
clear:both;
float:left;
width:132px;
margin: 0px;
padding:0;
text-align:left;
}
.date{
margin: 10px 0px 5px 0px;
padding:2px 0 2px 20px;
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#990000;
font-weight:bold;
background:url(../images/berita.gif) 1% 20% no-repeat #eee;
}
#berita a:link, #berita a:visited{
font-weight:bold;
color:#620000;
text-decoration: none;

}
#berita a:hover {
color:#990000;
text-decoration: none;
background:transparent;
}
.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;
}


/* begin right */
#center{
float:left;
width:211px;
height:auto;
padding:0 0 0 0px;
background:transparent;
text-align:left;
}
#center img{
border:0px solid #A5AEB5;
margin:0px;
}
#center a:link, #center a:visited{
font-weight:normal;
color:#620000;
text-decoration: none;

}
#center a:hover {
color:#990000;
text-decoration: none;
}
.topcenter{
clear:both;
float:left;
margin:0;
padding:0;
width:211px;
height:32px;
background:url(../images/topcenter.jpg) no-repeat;
}
.cont{
clear:both;
float:left;
width:180px;
margin:0;
padding:0;
}
.cont p{
clear:both;
float:left;
width:177px;
font: 10px/1.4em verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
padding:0 0 5px 3px;
}
.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 #000000;
}
.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;
}

/* kurs */
.kurs{
clear:both;
float:left;
width:180px;
margin:0;
padding:0;
}
.cuaca{
clear:both;
float:left;
width:180px;
margin:0;
padding:0;
}
#events{
clear:both;
float:left;
width:180px;
margin:0;
padding:0;
}
#events p{
margin:0;
padding:0px 3px 6px 3px;
font: 10px/1.3em verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
color:#000033;
}
#events a:link, #events a:visited{
font-weight:bold;
color:#620000;
text-decoration: none;

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

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

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


/* end right */
#footer {
clear: both;
margin:0;
width:850px;
padding: 0px;
border:0;
text-decoration: none;
text-align:right;
}
#fotertop{
clear:both;
float:left;
width:850px;
height:59px;
background:url(../images/fotertop.jpg) no-repeat;
margin:0;
padding:0;
}
#foterbot{
clear:both;
float:left;
width:800px;
height:80px;
background:url(../images/foterbot.jpg) no-repeat;
margin:0 0 0px 0;
padding:0 50px 10px 0;
}
#footer p {
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 11px; 
padding:2px 0px 0px 0;
margin:0;
color:#fff;
text-decoration: none;
}
#footer a:link, #footer a:visited, #footer a:active{

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