/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 10px auto;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #192666;
	background-position: center;
}

input, textarea {
	background: #FFFFFF;
	border: 1px solid #A4E4F5;
	font: 11px Arial, Helvetica, sans-serif;
	color: #192666;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2 {
	font-weight: normal;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.4em;
}

h2 {
	/*letter-spacing: -1px;*/
	font-size: 1.8em;
}

p, ol, ul {
	margin-bottom: 1.5em;
	line-height: 150%;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #192666;
}

img.left {
	float: left;
	margin: 4px 20px 10px 0;
}

img.right {
	float: left;
	margin: 4px 0 0 20px;
}

hr {
	display: none;
}

#container {
	width:970px;
	margin: 0 auto;
	background-image: url(images/bg_edit13.gif);
	background-repeat: repeat-y;
}

table #t_table{
	color:#FFFFFF;
	background-color: #333399;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

table #h_table{
	background-color: #3399cc;
	color:#FFFFFF;
	text-align: center;
}

table #c_table{
	background-color: #ccffff;
	text-align: left;
}

#c_table ul {
	margin: 0px;
	padding:0px;	
}

#c_table li {
	margin:0px;
	list-style: none;
	padding:0px;
}

/* Header */
#top_link {
	background:url("images/top_links.gif") 0 0 no-repeat;
	height:25px;width:30px;
	margin-left:470px;
	}
#top_link a{
	background:url("images/top_links.gif") 0 0 no-repeat;
	height:25px;width:30px;
	display:block;
	}	
#top_link a:hover{
	background:url("images/top_hover.gif") 0 0 no-repeat;
	height:25px;width:30px;
	display:block;
	}

#header {
	width:950px;
	margin: 0 auto;
	height: 130px;
	/*overflow:hidden;*/
}

#logo { background: #1B97CE ;
	margin-top:-25px;	
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	line-height: normal;
}

#logo h1 {
	padding: 47px 0 0 20px;
	font-size: 3em;
	color: #62D6F5;
}

#logo p {
	padding: 69px 0 0 7px;
	letter-spacing: -1px;
	font-size: 1.4em;
	color: #199DD2;
}

#logo a {
	text-decoration: none;
	color: #62D6F5;
}

#menu {
	float: right;
}
#menu2{
	float: right;
}

#menu ul {
	margin: 0;
	padding: 0px 20px 0 0;
	list-style: none;
}
#menu2 ul {
	margin: 0;
	padding: 0px 10px 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}
#menu2 li {
	display: inline;
}

#menu a {
	float: left;
	width: 80px;
	height: 56px;
	margin: 0 0 0 2px;
	padding: 9px 0 0 0;
	background: #1B97CE url(images/img03.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}
#menu2 a {
	float: left;
	width: 80px;
	height: 56px;
	margin: 0 0 0 2px;
	padding: 9px 0 0 0;
	/*background: #1B97CE url(images/img03.gif) no-repeat;*/
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}

#menu a:hover, #menu .current_page_item a {
	background: #26BADF url(images/img04.gif) no-repeat;
}
#menu2 a:hover, #menu .current_page_item a {
	background: #26BADF url(images/img04.gif) no-repeat;
}

#tabs {
	width:100%;
	float:right;
	vertical-align:bottom;
	overflow:hidden;		
}
    #tabs ul {margin:0 auto; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;width:90px;text-align:center;vertical-align:top;}
    #tabs ul li a {display:block; position:relative; height:28px;padding:5px 15px; border:0; background:url("images/link3.gif") 0 0 no-repeat; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link)
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/tab_link_r.gif") 100% 0 no-repeat;}
     */
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("images/hover3.gif") 0 0 no-repeat;}
    /*#tabs ul li a:hover span.tab-l {background:url("images/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("images/tab_hover_r.gif") 100% 0 no-repeat;}
    */
    /* Main menu (tabs - active) */
    #tabs ul li#active a {color:#FF9000;background:url("images/putih2.gif") 0 0 no-repeat;}
    /*#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l2.gif") 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; _right:0px; width:8px; height:8px; background:url("images/tab_active_r2.gif") 0 0 no-repeat;}
	*/
	/* Main menu (tabs - active - company) */
    #tabs ul li#company a {color:#FF9000;background:url("images/putih2.gif") 0 0 no-repeat;}
    /*#tabs ul li#company a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#company a span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/tab_active_r.gif") 0 0 no-repeat;}
	*/
	/* Main menu (tabs - active - services) */
    #tabs ul li#services a {color:#FF9000;background:url("images/putih2.gif") 0 0 no-repeat;}
    /*#tabs ul li#services a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#services a span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/tab_active_r.gif") 0 0 no-repeat;}
	*/
	/* Main menu (tabs - active - products) */
    #tabs ul li#products a {color:#FF9000;background:url("images/putih2.gif") 0 0 no-repeat;}
    /*#tabs ul li#products a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#products a span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/tab_active_r.gif") 0 0 no-repeat;}
	*/

.noprint {display:none;}
.box {min-height:1px; _height:1px;float:right;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.noscreen {display:none;}
#ext_tab{
	height:35px;
	width:950px;
	background-color:#192666;
	float:right;
}


/* Page */

#page {
	width: 950px;
	margin: 10px 0 0 17px;
}

/* Content */

#content {
	float: left;
	width: 540px;
	margin-left: 7px;
}

.post {
	margin-bottom: 10px;
	background: #FFFFFF url(images/contentAtas2.jpg) no-repeat;
	color: #0A416B;
}



.post a {
	color: #3399FF;
}

.post a:hover {
	color: #33CCFF;
}

.post .title {
	margin: 0;
	padding: 10px 30px 0 30px;
}

.post .title a {
	text-decoration: none;
	color: #0A416B;
}

.post .byline {
	margin: 0;
	padding: 0 30px;
	color:#000000;
}

.post .entry {
	padding: 20px 30px 10px 30px;
}

.post .links {
	margin: 0;
	padding: 10px 30px 35px 30px;
	background:  url(images/contentBawah2.gif) no-repeat left bottom;	
}

.post .links a {
	padding-left: 10px;
	background: url(images/img082.gif) no-repeat left center;
	text-decoration: none;
	font-weight: bold;
	color: #0A416B;
}

.post .links a:hover {
	color: #FFFFFF;
}

/* Sidebars */

.sidebar {
	float: left;
	width: 190px;
	margin: 0 auto;
	font-size: 10px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

/*
.sidebar li {
}

.sidebar li ul {
}

.sidebar li li {
	padding: 6px 0 6px 10px;
}

.sidebar li li a {
	text-decoration: none;
	color:#000000;
}
.sidebar li li a:hover {
	color: #FFFFFF;
}

.sidebar li h2 {
	padding-top: 20px;
	color: #FFFFFF;
}*/

.sidebar li h2 {
	padding:5px 17px 5px;
	margin:0 auto 15px auto;
	background:#A0B9F3 url("images/col_title_bg4.gif") 0 0 repeat-y;
	color:#33FFFF;
}

/* POP UP */
.div_popup{
	margin: 0;
	background: url(images/bg_pop.gif) 0 0 repeat-x;
	filter: Alpha(Opacity=90);
	position:absolute;
	width: 190px;	
	font-size: 10px;
	-moz-opacity:.90;opacity:.90; 	
	}
#ul_popup{margin:1px 0; padding-left:5px;padding-right:5px; padding-top:5px; padding-bottom:3px;}
#ul_popup li {margin:0 auto; padding:0; border-bottom:1px solid #000066;list-style:none;}
#ul_popup li a {display:block; width:100%;padding:3px 0 3px 0; background: 5px 50% no-repeat; text-decoration:none;color:#B5C4E3;}   
#ul_popup li a:hover {color:#B5C4E3; background: #000066;}
/* end POP UP */


/* Left Sidebar */

#leftbar {
	background:#CEDBF9 url(images/kiriBG3.gif) 0 0 repeat-y;
}

#col-in {background:url(images/kiri_atas.gif) 0 0 no-repeat;}
#end-col {background:url(images/kiri_bawah.gif) 0 0 no-repeat;height:18px;}



#leftbar ul#service {margin:0 auto; padding-left:13px;padding-right:16px;list-style:none;}
#leftbar ul#service li {margin:0 auto; padding:0; border-bottom:1px dashed #192666;list-style:none;}
#leftbar ul#service li a {color:#FFFFFF;display:block;padding:4px 0 4px 22px; background:url("images/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}   
#leftbar ul#service li a:hover {color:#192666; background:url("images/ico_archive3.gif") 5px 50% no-repeat;}
#leftbar ul#service li#service-active a {color:#192666;background:url("images/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}

#leftbar ul#cti {margin:1px 0; padding-left:13px;padding-right:16px; list-style:none;}
#leftbar ul#cti li {margin:0 auto; padding:0; border-bottom:1px dashed #192666;list-style:none;}
#leftbar ul#cti li a {color:#FFFFFF;display:block; padding:4px 0 4px 22px; background:url("images/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}   
#leftbar ul#cti li a:hover {color:#192666; background:url("images/ico_archive3.gif") 5px 50% no-repeat;}
#leftbar ul#cti li#cti-active a {color:#192666;background:url("images/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}

#leftbar ul#other {margin:1px 0; padding-left:13px;padding-right:16px; list-style:none;}
#leftbar ul#other li {margin:0 auto; padding:0; border-bottom:1px dashed #192666;list-style:none;}
#leftbar ul#other li a {color:#FFFFFF;display:block; padding:4px 0 4px 22px; background:url("images/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}   
#leftbar ul#other li a:hover {color:#192666; background:url("images/ico_archive3.gif") 5px 50% no-repeat;}
#leftbar ul#other li#other-active a {color:#192666;background:url("images/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}

#leftbar ul#file {margin:1px 0; padding-left:13px;padding-right:16px; list-style:none;}
#leftbar ul#file li {margin:0 auto; padding:0; border-bottom:1px dashed #192666;list-style:none;}
#leftbar ul#file li a {color:#FFFFFF;display:block; padding:4px 0 4px 22px; background:url("images/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}   
#leftbar ul#file li a:hover {color:#192666; background:url("images/ico_archive3.gif") 5px 50% no-repeat;}
#leftbar ul#file li#file-active a {color:#192666;background:#00ccff url("images/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}


/* Right Sidebar */

#rightbar {
	margin-left:7px;
	background:url(images/kananAtas.gif) no-repeat;
	text-align:center;
}
#rightbarBottom {
	margin-left:7px;
	background:url(images/kananBawah.gif) no-repeat top;	
}

.title_col {
	font-size: 11px;
	color:#192666;
	font-weight: bold;
	text-align: left;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

/* Search */

#form1 {
	padding-top: 5px;
	text-align: center;
}

#searchform br {
	display: none;
}

#searchform input {
	margin-bottom: 5px;
}

#searchform #s {
	width: 170px;
}

/* Calendar */

#calendar_wrap {
	padding-left: 10px;
}

#calendar_wrap table {
	width: 180px;
	text-align: center;
	border-collapse: collapse;
}

#calendar_wrap tfoot {
	font-weight: bold;
}

#calendar_wrap tfoot a {
	text-decoration: none;
}

#calendar_wrap #prev {
	text-align: left;
}

#calendar_wrap #next {
	text-align: right;
}

#calendar_wrap tbody {
	border-bottom: 1px solid #2872A6;
	border-right: 1px solid #2872A6;
}

#calendar_wrap tbody td {
	padding: 3px 0;
	border-top: 1px solid #2872A6;
	border-left: 1px solid #2872A6;
}

#calendar_wrap tbody td a {
	font-weight: bold;
}

/* Footer */

#footer {
	width: 950px;
	margin: 0 auto;
	clear: both;
	padding: 40px 0;
	background: #FFFFFF url(images/footer.gif);
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #0F5B96;
}