body {margin:0; padding:0; background: #fff url(none) repeat-x top left; text-align: center; font: 11px/1.5em Verdana, Arial, sans-serif; color: #333;}
a {outline:0; color: #003393; text-decoration: none;}
a:hover {color: #F60;}
p{padding:5px;padding-top:0px;}
.alignleft {float:left;}
.alignright {float:right;}
img {border:0;}

/* Layout */
#wrapper, #sidebar, #container, #content, #right-sidebar, #content-wrapper, #logo, #footer {display:inline-block; overflow: hidden;}
#wrapper {width: 760px; margin:0 auto; padding:0; text-align: left;}
#header {width: 760px; background: #FFF;}
#container {width: 760px; margin-top: 3px;}
#content-wrapper {width: 575px; float:right;}
#content {width: 410px; float:left;}
#right-sidebar {width: 155px; float:right;}
#sidebar {width: 180px; float:left;}
#footer {width: 760px; background: #fff url(img/footer.png) repeat-x top left; padding: 3px 10px 20px 10px; font-size: 10px;}

/* header */
#logo {margin: 15px 0 5px 0; padding:0; display:inline-block; overflow: hidden;}
#topnav{background: #003472; text-align: right; padding: 0px 10px; width: 740px; margin:0; display:inline-block; overflow: hidden;}

.bahasa {text-align: center; padding: 3px 0; color: #999;  margin-bottom: 5px; width: 175px;}
/* Content */ 
h1.pagetitle {background: url(img/content-head-bg.gif) no-repeat top left; height: 75px; margin:0; padding:0 30px; line-height: 75px; width: 515px;
              font: bold 20px/75px Arial, verdana, sans-serif; color: #0F3F99; padding-bottom: 10px;}
h1.pagetitle span {color: #E52526;}
h2.contenttitle {color:#F7A702; padding:0 0 3px 0;font:bold 16px arial;margin:10px 0 5px 0; background: url(img/title_line.gif) no-repeat bottom left;}
h4 {padding:0;margin:0;padding-bottom:5px;font:bold 14px arial;color:#CE0005;}

#content-wrapper p {padding:5px 0px;padding-top:0px;margin:5px 0px;}
#content-wrapper img {padding-right:10px;border:none;}

#headline {display:inline-block; overflow: hidden; width: 575px; height: 200px;}
#headline ul {list-style: none; padding:0; margin:0;}
#headline ul li {padding:0; margin:0;}

#content-wrapper {padding-bottom: 10px;}
#content-wrapper #headline {overflow:hidden; display:inline-block;}
#content-wrapper #ticker {border: 1px solid #cecece; margin: 5px 0; padding: 5px 10px; font: 11px/1.0em Tahoma, Arial, Verdana, sans-serif;}
#content-wrapper #ticker span {color: #CD252D; font-weight: bold; padding-right: 10px; background: url(img/arr-2.gif) no-repeat right 4px;}
#content-wrapper #ticker cite {color: #111; font-weight: normal; padding-right: 10px; background: url(img/arr-2.gif) no-repeat right 4px; font-style: normal;}
#content-wrapper .half {width: 275px; display:inline-block; overflow: hidden;}
#content-wrapper .half h2 {background: url(img/title_line.gif) no-repeat -100px bottom; font-size: 13px; font-weight: bold; margin:0 0 5px 0; 
                           padding: 5px 0; color: #034A96;}
                           
#content-wrapper .half h2 span {color: #CE0005;}                           
#content-wrapper .full {padding-left: 15px;}
#content .half img {padding: 0px; border:0;}
#content img {float: left; margin-right:10px;margin-bottom:10px; padding:1px; border: 1px solid #ccc;}

#content-wrapper ul.arr1 {margin: 5px 0; padding: 0; list-style: none;}                           
#content-wrapper ul.arr1 li {padding: 0 0 5px 20px; background: url(img/arr-1.gif) no-repeat 7px 4px;} 
.news {width:575px;height:150px;padding:5px;padding-top:0px;padding-bottom:10px;}
#content-wrapper .line-sep {clear: both; width: 575px; background: url(img/line-sep.gif) repeat-x top left; height: 3px; overflow: hidden; margin: 5px 0;}
#content ul, #content ol {margin:0; padding:0; list-style-position: outside; display: inline-block;}
#content ul li {list-style-type: square; margin-top: 5px; margin-bottom: 5px; margin-left: 20px;}
#content ol li {margin-top: 5px; margin-bottom: 5px; margin-left: 25px;}
#content ul li li {padding:0; margin:0 0 0 20px;}
#content ol li li {padding:0; margin:0 0 0 25px;}
#content h3 {font-size:12px; font-weight: bold; clear:both;  text-transform: uppercase;
margin: 1.5em 0 0.5em 0; padding:0.5em 0; border-top: 1px solid #ddd; color: #990000;}
#content h4 {font-size:12px; font-weight: bold; clear:both; margin: 1.5em 0 0.5em 0; padding:0.5em 0; color: #444;}

/* Sidebar */
#sidebar ul {margin:0 0 10px 0; padding:0; list-style: none; font-family: Tahoma, Arial, Verdana, sans-serif;}
#sidebar ul li ul {margin:0;}
#sidebar ul.sidemenu {background: url(img/sidemenu-bot.gif) no-repeat bottom left; padding-bottom: 7px; margin-bottom: 5px; display:inline-block; overflow: hidden;}
#sidebar ul.sidemenu li h2 {font-size: 11px; margin:0; color: #990000; background: url(img/sidemenu-top.gif) no-repeat top left; padding: 5px 10px 5px 12px;}
#sidebar ul.sidemenu li ul {background: url(img/sidemenu-bg.gif) repeat-y top left;}
#sidebar ul.sidemenu li ul li {padding: 2px 12px 4px 22px; background: url(img/sidemenu-dot.gif) no-repeat 12px 9px; font-weight: bold;}
#sidebar ul.sidemenu li ul li ul {background: none;}
#sidebar ul.sidemenu li ul li ul li {padding: 2px 12px 2px 12px; background: url(img/arr-1.gif) no-repeat 0px 6px; font-weight: bold;}
#sidebar img {border:none;}
#sidebar ul.sidemenu li dl {background: url(img/sidemenu-bg.gif) repeat-y top left; padding: 2px 10px 4px 12px; margin:0; display:inline-block; overflow: hidden;}
#sidebar ul.sidemenu li dt {margin:0; padding:0; font-weight: bold; line-height: 1.5em; }
#sidebar ul.sidemenu li dd {margin:0; padding:0; }
#sidebar ul.sidemenu li dd ul {list-style: none; padding:0; margin:0; background: url(none);}
#sidebar ul.sidemenu li dd ul li {padding: 2px 0px 2px 24px; margin:0; background: url(img/arr-2.gif) no-repeat 12px 6px; font-weight: normal; line-height: 1.2em;}
#sidebar ul li a.current {color: #F60;}
#sidebar ul li a.current:hover {color: #F60; text-decoration: underline;}
#sidebar ul li dt.selected a {color: #F60;}

/* Right Sidebar */
#right-sidebar ul {margin:0; padding:0; list-style: none;}
#right-sidebar ul li {padding-bottom: 3px;}


/* Lain-lain */
#sidebar table { padding:0; cellpadding:0; width: 175px; border:0; margin:0; border:1px solid #ddd !important; color:#333
                 line-height: 1.2em;}
#sidebar table th { background: url(img/table-th.png) repeat-x top left;  text-align: center; color: #990000;
                    text-transform: uppercase; padding: 5px 0;}
#sidebar table tr {margin:0; padding:0;}
#sidebar table td {text-align: right;  padding: 0 5px; margin:0; font: 11px Tahoma, Arial, Verdana, sans-serif; width: 33%; border:0; border-left:1px solid #E8F0F7;	border-bottom:1px solid #E8F0F7; }
#sidebar table td:first-child {border-left:none;}
#sidebar table td.c {text-align: center; font-weight: bold; color: #333;}
 
/* u/ kurs dlm content */
#content-wrapper table { padding:0; cellpadding:0; width: 100%; border:0; margin:0; border:1px solid #ddd !important; color:#333;
                 line-height: 1.2em;}
#content-wrapper table th { background: url(img/table-th.png) repeat-x top left;  text-align: center; color: #990000;
                    text-transform: uppercase; padding: 5px 0;}
#content-wrapper table tr {margin:0; padding:0;}
#content-wrapper table td {text-align: right;  padding: 0 5px; margin:0; font-size: 10px; width: 33%; border:0; border-left:1px solid #E8F0F7;	border-bottom:1px solid #E8F0F7; }
#content-wrapper table td:first-child {border-left:none;}
#content-wrapper table td.c {text-align: center; font-weight: bold; color: #333;}
#content-wrapper table td.l {text-align: left;}

.half .front-banner {padding: 2px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/* Footer */
#footer .foot-link {font-size: 11px; padding-top: 10px;}
.footbanner {float:right; width: 280px; padding: 0 10px; display:inline-block; overflow: hidden; text-align: right;}
#footer img {vertical-align: top;}

/* Table VISA */
  
table#syarat {padding:0; cellpadding:0; width: 100%; border:0; margin:0; border:1px solid #ddd !important; color:#333; line-height: 1.2em;}
table#syarat th {background: #eee;}
table#syarat td {text-align: left;}
table#syarat td.point {background: #eee; font-weight:bold; text-align:left; color: #000; padding: 3px 5px; text-transform: uppercase;}

table#visa {padding:0; cellpadding:0; width: 100%; border:0; margin:0; border:1px solid #ddd !important; color:#333; line-height: 1.2em;}
table#visa th {background: #eee;}
table#visa td {width:20%; text-align: right;}
table#visa td.c {font-weight: normal; text-align: center;}
table#visa td.l {text-align: left;}

table#laporan {padding:0; cellpadding:0; width: 70%; border:0; margin:0; }
table#laporan th {background: #eee;}
table#laporan td {text-align: center;}
table#laporan td.c {font-weight: normal; text-align: center;}
table#laporan td.l {text-align: left;}
