#border {
 margin: 0 auto;
 width: 950px; 
}

#wrapper {
 float:left;
 margin: 0 auto;
 background-image: url(../images/border-mid.jpg);
 padding: 5px 15px 15px 15px;
}

#borderbottom {
 background-image: url(../images/border-bottom.jpg);
 background-repeat: no-repeat;
}

img {
 border: none;
}
 
 
#navbar {
 padding: 4px;
 background-color: #005A88;
 background-image:url(../images/g.png) ;
 margin-bottom: 15px;
 list-style:none;
}
#navbar li a:link, #navbar li a:visited {
 text-decoration: none; 
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

.block { display: block; }


li.border-top {
 border-top: 1px solid #E9E9E9;
}

.mainnav {
 list-style: none;
 font-size: 11px;
 margin:0; 
background-color:#EBFFE6;
}

 ul.mainnav li a{
 display: block; 
 background-color : #E4E8EC;
 text-decoration: none;
 border-left:4px solid #005A88;	
 padding: 4px 0px 4px 7px;
 color: #000000; 
 border-bottom: 1px solid #E9E9E9;
 border-bottom: 1px solid #000000;
 text-align: left; 
}
 
ul.mainnav li a:hover { 
/* background: #f2f2f2;
 color: #339900; */
 background : #000000;
color:#FFFFFF;
 border-left:4px solid #9EC630;
 text-decoration:none; 
}

ul.mainnav li ul  { 
 text-decoration: none;
 color: #B5B5B5; 
 background-color: #FFFFFF;
}
 
.mainnav ul ul,
.mainnav ul ul ul,
.mainnav ul li:hover ul ul,
.mainnav ul li:hover ul ul ul
{display:none;}

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

ul.sidemenu {
 list-style: none;
 font-size: 11px;
 margin-top:0;
 margin-bottom:0;
 margin-right:0;	
 
}

ul.sidemenu li { 
	border: 1px solid #f2f2f2;
	
}

 ul.sidemenu a {
	display:block; 
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 5px;
	background: #E4E8EC;
	border-left:4px solid #005A88;	
	
	min-height:18px;
}

  ul.sidemenu a { height: 18px; }

ul.sidemenu a:hover { 
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

.sidebaritem
{ text-align: left;
  width: 165px;
   font-size: 11px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
  background: #ACCEF1;
  color: #555; ;
} 

.sidebaritem h1,  .sidebaritem h2, .sidebaritem p{margin: 0px 10px 0px 10px}

.sidebaritem h1 {
	color:#005A88;
	margin-left:6px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	 
	font-size: 13px;
}

.sidebaritem div.border-topx {
 margin: 2px 2px 10px 2px;
 border-top: 1px solid #006AB4;  
}

.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}
 
.sbilinks ul{margin: 0px 0px 18px 10px;}

.sbilinks li
{ list-style: none; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}

.sbilinks li a, .sbilinks li a:hover
{ height: 16px;
  text-decoration: none; 
  width: 149px;
} 

.rtop, .rbottom, .mtop, .mbottom{display: block;}

.rtop .r1,.rtop .r2, .rtop .r3,.rtop .r4,
.rbottom .r1, .rbottom .r2,.rbottom .r3, .rbottom .r4,
.mtop .m1,.mtop .m2, .mtop .m3,.mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1,.m1{margin: 0 5px}

.r2, .m2{margin: 0 3px}

.r3, .m3{margin: 0 2px}

.rtop .r4, .rbottom .r4,.mtop .m4, .mbottom .m4
{ margin: 0 1px;
  height: 2px
}


.rtop, .rbottom{background: #FFF;}
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4{background: #ACCEF1;}
.mtop, .mbottom{background: #FFF;}
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4{background: #ACCEF1;}


.center { text-align: center; }


#centercolumn { /* Parent Wrapper for inside boxes */
 margin: 0px 5px 0 15px;
 display: inline; /* IE Hack */
 float: left;
 width: 539px;  
 background-color:#EBFFE6; 
 padding:10px;
}

#centercolumn2 { /* Parent Wrapper for inside boxes */
 margin: 0px 5px 0 15px;
 display: inline; /* IE Hack */
 float: left;
 width: 735px; 
}

#centercolumn2 p{
	text-align:justify;
	margin-top:30px;
}
#centercolumn p{
	text-align:justify;
	margin-top:10px;
}


* {
 padding: 0; 
/* margin:0;*/
/* margin-bottom:5px; */
 margin-left:0;
 margin-right:0;
 /*text-align: center;*/
}
body {
 font-family: Arial, Helvetica, sans-serif;
 /*color: #666666;*/
 color : #000000;
 font-size: 12px;
 background-color: #f7f7f7;
 background-attachment: fixed;
 background-image: url(../images/bg.png);
 background-repeat: repeat;
}
h2{ 
	font-family: "Monotype Corsiva"; 
	font-size:20px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}

#footer { 
 text-align:left;
 font-size: 11px;  
 padding: 4px;  
 margin-top: 15px;
 clear:both;
}
 
.navigation{
	color:#005A88;
	margin-left:6px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}

.button   {
	background: url(../images/btn.png) repeat; 
	vertical-align: bottom;
	cursor: pointer; 
	border:solid 3px #DDDDDD;
	margin:2px; 
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
  }

.input   {
	color:#999999;    
	background-color:#ffffff;
	border:solid 1px #A4B97F;
	margin:2px;
	padding:2px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.combobox {
	color:#999999;    
	background-color:#ffffff;
	border:solid 1px #A4B97F;
	margin:2px;
	padding:2px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.post {
	/*background-color : #eee; */
	background-color: #DDD;
	padding : 3px;
	border : 0 dashed #8a795d; 	 
 	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
} 
.post .date { 
background : url(../images/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(../images/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(../images/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
text-decoration: none; 
color: #000000;
} 
.con_isi{
	text-align:justify;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}
.imageview{
	padding: 5px;
	border: 3px groove #99ccff;
	background-color: #ffffff;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100px;
	width: 100px;
}

 

.imageatas{
    padding: 5px;
	border: 3px groove #99ccff;
	background-color: #ffffff;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.imageleft{
    padding: 5px;
	border: 3px groove #99ccff;
	background-color: #ffffff;
	float: left;
	margin-top: 0px;
	height: 50px;
	width: 40px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#leftcolumn { /* Parent Wrapper for inside boxes */
	 display: inline; /* IE Hack */
	 width: 165px;
	 float: left;
	 text-align: left;
	 margin-bottom: 15px;
	 
}

#rightcolumn {
	 margin: 0px 0px 0px 11px;
	 display: inline; /* IE Hack */
	 width: 165px;
	 float: right;
	 text-align: left;
	 margin-bottom: 15px;
}

#leftcolumn li ,#rightcolumn li 
{ 
	display:block;
	position:relative; 
	width:160px;	
	z-index: 2;
}

#leftcolumn ul,#rightcolumn li 
{     
	top:-1px; 
}
 
#leftcolumn li ul, #leftcolumn li:hover ul ul, #leftcolumn li:hover ul ul ul, 
#leftcolumn li.sfhover ul ul, #leftcolumn li.sfhover ul ul ul 
#rightcolumn li ul, #rightcolumn li:hover ul ul, #rightcolumn li:hover ul ul ul, 
#rightcolumn li.sfhover ul ul, #rightcolumn li.sfhover ul ul ul 
{
	position: absolute;
	left: -999px;
	height: auto;
	font-weight: normal; 
}
#leftcolumn li:hover ul, #leftcolumn li li:hover ul, #leftcolumn li li li:hover ul, 
#leftcolumn li.sfhover ul, #leftcolumn li li.sfhover ul, #leftcolumn li li li.sfhover ul
#rightcolumn li:hover ul, #rightcolumn li li:hover ul, #rightcolumn li li li:hover ul, 
#rightcolumn li.sfhover ul, #rightcolumn li li.sfhover ul, #rightcolumn li li li.sfhover ul
{
	left: 165px;
	text-transform: capitalize;
} 

.headertabel{
	background:#005A88;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:11px;


	height:15px;
}
.baristabel1{
	background:#E4E8EC;
	font-size:11px;
	height:20px;
	margin-right:10px;
}
.baristabel2{
	background:#F1F3F5;
	font-size:11px;
	height:20px;
}
.baristabel1 td, .baristabel2 td {
	padding-left:5px;
}

.ru{
text-decoration: none; 
color: #F66666;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}

/* BUAT ACCORDION MENU */
#menu-left h2, #addinfo h2 {
	background: #d2e4ef;
	color: #004e89;
}

#menu-left a {
	text-decoration: none;
	border-bottom: 1px solid #d5e8f5;
	color: #004e89;
	font-size: 11px;
	display: block; 
	min-height: 20px;
	margin: 0;
	padding: 5px;
}

/* first level links */
#menu-left > ul > li > a {
padding-left: 5px; 
}

/* second level */
#menu-left li li a {
padding-left: 20px; 
}

/* third level */
#menu-left li li li a {
padding-left: 35px; 
}

#menu-left li a:hover { background: #FFF !important; }

#menu-left li {
background: #e3f0f8;
}

#menu-left a.active {
font-weight: bolder;
}

#menu-left > ul > li > a.active {
color: #fff;
font-weight: normal;
background: url(../images/arrow_up.jpg) no-repeat 180px 13px #0f2b5b;
}

#menu-left li li {
background: #F2F8FB;
}

/* accordion */
.accordion {
margin: 0;
padding: 0; 
width: 165px;
}

#menu-left h2 {
background: #d2e4ef;
color: #004e89;
}

#menu-left a {
text-decoration: none;
border-bottom: 1px solid #d5e8f5;
color: #004e89;
font-size: 11px;
display:block;
margin: 0;
padding: 5px 5px 5px 10px;
}

/* top level links */
#menu-left a.menuitem {
background: #e3f0f8; 
width: 150px;
position: relative;
}

/* currently collapsed top level link */
a.headeractive {
color: #fff !important;
background: #0f2b5b !important;
width: 149px !important;
}

/* top level links on hover */
.accordion a.menuitem:hover {
color: #fff !important;
background: #0f2b5b !important;
width: 149px !important;
}

/* submenu */
.submenu li a {
padding-left: 20px !important;
width: 139px !important;
background: #f2f8fB !important;
}

.submenu a.subheader {
font-weight: bolder;
padding-left: 15px !important;
width: 144px !important;
}

/* mainsubmenu */
.mainsubmenu li a { 
width: 154px !important; 
}

.mainsubmenu a.subheader {
font-weight: bolder;
padding-left: 15px !important;
width: 144px !important;
} 

/* up-down arrows */
.accordion a.menuitem .statusicon {
position: absolute;
top: 12px;
right: 10px;
border: none;
}

.accordion div.submenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
 
 
 
/* BUAT TABEL BARU*/
a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
	
}

a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}  
.border {
	background-color: #eeeeee;
	border: 1px solid #e0dbc9;
	padding: 5px;
    margin: 5px 0 5px 0;
}
 
.headtitle {  
margin-top: 10px; 
border-bottom: 2px solid #E7E5E6;
border-top: 3px solid #E7E5E6; 
padding: 7px 6px;
color: #85b308;
font:bold 11px arial; 
text-transform:uppercase;
}
 
#baristabelnew
{
	font-size:62.5%;
	background-color:rgb(255,255,255); 
	font-family:verdana,arial,sans-serif;
	font-size: 10px;	
	color: #999;
}

#baristabelnew tr.head {
height:20px;
background:#d1d1d1;
}
#baristabelnew tr.head td{
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	background: #efefef;
	padding-top:4px;
	font-size:11px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	color: #4f6b72;
	font-weight:bold;
	text-align: center;
	
}
#baristabelnew tr.head td.depan, tr.isi td.depan{
border-left: 1px solid #d1d1d1;
}
#baristabelnew tr.isi td{
border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	color: #4f6b72;
}
 
  
.forum-nama {
font-size: 10px;
font-weight: bold;
}
.forum-desc {
font-size: 10px;	
color: #999;
} 
.color {
background: #f9f9f9;	
}

.cities { color: #666666; text-align: justify; font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif; padding: 10px; margin-top: 5px; border: 1px solid #E2E2E2; margin-right: 0px; }

.contactform {margin:0 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}

.form fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
 
.form fieldset label{width:125px;}
.form .left {float:left; margin:0 0 0 10px; padding:2px; font-size:110%;}
.form select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form input.field {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form textarea {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.form input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.img{
border: 4px solid #005A88; 
margin-right:15px;
margin-bottom:10px;
width:200px;
height:200px;
}



/* tab dua */
.tabdepan{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform: capitalize;
border-bottom: 1px solid #999;
list-style-type: none;
}

.tabdepan li{
display: inline;
margin: 0;

}

.tabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../images/tabs.gif); background-repeat:repeat-x;

}

.tabdepan li a:visited{
color: #2d2b2b;
}

.tabdepan li a:hover{
background-image:none;
background-color: #3399CC;/*#FCA20F;*/
color: white;
text-decoration:none;
}

.tabdepan li a:active{
color: black;
}

.tabdepan li a.selected{ 
position: relative;
top: 1px;
}

.tabdepan li a.selected{ 
background-color: #FFF;
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.tabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}

.tanggal {clear:both;  font-family:"trebuchet ms",arial,sans-serif; color: #85b308; font-weight:normal; font-size:88%;}


.judul {font:bold 13px arial; color: #003366;}
.judul a {color:#003366; text-decoration:none; padding:0; margin:0;}
.judul a:hover {color:#3399CC; text-decoration:none;}


.pop_container_advanced{background:rgba(82,82,82,0.7);padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px}
.generic_dialog_popup{height:0;overflow:visible;position:relative;width:465px; left:150px;top:150px;}
.pop_content h2.dialog_title{background:#6d84b4;border:1px solid #3b5998;border-bottom:none;color:#fff;font-size:14px;font-weight:bold;margin:0}
.pop_content h2 span{border-top:1px solid #788dba;display:block;padding:3px 10px 6px}
.pop_content .dialog_content{background:#fff;border:1px solid #555;border-top-width:0}
.pop_content .dialog_body{padding:10px;border-bottom:1px solid #ccc}
.pop_content .dialog_buttons{background:#f2f2f2;padding:8px;text-align:right}