body {
margin:0; 
padding:0; 
background-color: #FFFFFF; 
font-family: verdana, arial, helvetica, san;
font-size: 11px;
}

#header1 {
  background: url("../bg_balis2.png") repeat ;
  width: 100%;
  height: 56px;
  

}

#sidebar {
position: absolute;
float:left;
width: 185px;
margin: 0 175px  0 0;	
left:0;
padding:1px;
}

#main {
width: auto;
height: auto;
padding:0 4px 8px 8px;
margin: 0 0 0 177px;
	
}


#imgcenter {
position: fixed;
width: 170px;
height: 205px;
top: 150px;
left: 255px;
right: auto;
bottom: auto;
}

#footer {
	margin-top:0px;
	border-top:1px solid #CDD2D4;
	color:#6F7176;
	text-align:center;
	padding:0px 10px 0px 10px;
	position: relative;
}

/* title and tagline are part of the header diff */
#rtitle {
  position: absolute;
  top: 83px;
  margin-top: -1em;
  text-align: right;
  font-family: verdana, arial, helvetica, san;
  font-size: 11px;
  font-weight: bold;
  text-shadow: #fff 0px 0px 5px;
  color: #444;
  z-index: 5;
}

A.rtitle {
font-size : 11px;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #444;
}



A.rtitle:visited {
font-size : 11px;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #444;
}

A.rtitle: active  {
font-size : 11px;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #ff9900;
}


A.rtitle:hover  {
font-size : 11px;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #ff9900;
}

A:active, A:link, A:visited {
color : blue;
text-decoration : none;
}

A:Hover  {
color : #ff9900;
}



#tagline {
  position: absolute;
  top: 45px;
  right: 100px;
  text-align: right;
  font-size: large;
  font-weight: bold;
  text-shadow: #fff 0px 0px 5px;
  color: #444;
  z-index: 5;
}

.home {
  position: absolute;
  top: 50px;
  left: 10px;
  font-size: large;
  font-weight: bold;
  text-shadow: #fff 0px 0px 5px;
  color: #444;
}

img, input, select, button, textarea {
    vertical-align: middle;
}

.img_top {
font-family:arial, Sans-Serif,helvetica;
font-size : 18;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : darkgreen;
vertical-align: middle;

}

#main .subtitle {
  font-family: verdana, arial, helvetica, san;
  font-size: 11px;
  font-weight: normal;
  text-shadow: #fff 0px 0px 5px;
  color: #444;
  padding:8px;
  border:1px solid #cecede;
    background:#D8E9EC;	
}


/* SS Green Box (Navigation) */

.ssBox .content {
	border:1px solid #5382ac;
	padding:4px;
	margin-bottom:10px;
}

.ssBox .contentBg {
	background:#d8e9ec;
	border:1px solid #5382ac;
	padding:4px;
	margin-bottom:10px;
}

.ssBox .title {
	background:#5382ac;
	font-weight:bold;
	font-size:12px;
	color:white;
	padding:4px 0px 0px 0px;
}

.ssBox .seperator {
	border-top:1px solid #5bc780;
	margin:8px -4px 8px -4px;
	height:1px;
}


.ssBox ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ssBox ul li {
	padding-bottom:3px;
}

.ssBox ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
.ssBox ul.menu li {
	padding:3px 0;
	white-space:nowrap;
	border-bottom:1px dotted #5bc780;
	width:100%;
}

/* SS Coklat Box (Navigation) */

.ss2Box .content {
	border:1px solid #C48457;
	padding:4px;
	margin-bottom:10px;
}

.ss2Box .contentBg {
	background:#f4dabd;
	border:1px solid #C48457;
	padding:4px;
	margin-bottom:10px;
}

.ss2Box .title {
	background:#C48457;
	font-weight:bold;
	font-size:12px;
	color:white;
	padding:4px 0px 0px 0px;
}
.ss2Box .seperator {
	border-top:1px solid #C48457;
	margin:8px -4px 8px -4px;
	height:1px;
}


.ss2Box ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ss2Box ul li {
	padding-bottom:3px;
}

.ss2Box ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
.ss2Box ul.menu li {
	padding:3px 0;
	white-space:nowrap;
	border-bottom:1px dotted #C48457;
	width:100%;
}

.pustakatitle {
	background:#c48457;
	font-weight:bold;
	font-size:12px;
	color:white;
	padding:2px 0px 2px 0px;
}

.titleSignin {

	background:white url(../images/bgTitlesSignIn.gif) repeat-x top left;

	padding:4px 15px;

	border-bottom:1px solid #CDD2D4;

}

.home1 {

	background-color:#5A3B31; 
	padding:4px 15px;
	height:70px;

}



.maintitle {

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

	font-size:18px;

	color:#CA6500;

}

.contentSignin {

	padding:12px 15px;

}

.imgLeft {

	float:left;

	margin:0px 10px 5px 0px;

}

#siteLinks {
	height:20px;
	padding-right:10px;
	background:white url(../images/bgSitelinks.gif) repeat-x top left;
	border-bottom:1px solid #CDD2D4;
}

a:link.lowContrast, a:active.lowContrast, a:visited.lowContrast {
	text-decoration:none;
	color:#6F7176;w
}
a:hover.lowContrast {
	text-decoration:underline;
}



.bss {    
border-style:solid; 
border-width:0.1px; 
border-color:#aeaece; 
}

.bss_bold {    
border-style:solid; 
border-width:0.1px; 
border-color:#aeaece; 
font-weight : bold;
}




.bo_title {    
font-weight : bold;
background-color:#D0DCE0;
}

.bo_title2 {    
font-weight : bold;
background-color:#EFEEDE;
}

.bo_title3 {    
font-weight : bold;
background-color:#5380A9;
color:#ffffff;
}



#print-foot {
  display: none;
}

#print_menu {
  background-color:white ;
  width: 100%;
  
}						  


    
/* =====print only=== */
@media print {

#print_menu {
  display: none;
}						  


#print-foot {
display: block;
position: fixed;
bottom: 0pt;
right: 0pt;
font-size: 10px;}

#print-foot:after {
content: counter(page);
counter-increment: page;}



.tb_bg {    
background-color:#cfcfce;}

th {
    font-family:Arial;
    color:black;
    background-color:lightgrey;}

thead {
    display:table-header-group;}

tbody {
    display:table-row-group;}

tr {page-break-inside: avoid;} 	


}