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

#header1 {
  background: url("../bg_bapeten_2006_2.png") repeat ;
  width: 100%;
  height: 110px;
}

#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;
	
}



.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

#footer {

	width: auto;
	margin-top:0px;
	border-top:1px solid #CDD2D4;
	color:#6F7176;
	text-align:center;
	padding:0px 10px 0px 10px;
	bottom:10px;

}


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

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



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

A.title: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;
}


#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;	
}


/* SS2 Box (Navigation) */

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

.ss2Box .contentBg {
	background:#afffc9;
	border:1px solid #96C296;
	padding:4px;
	margin-bottom:0px;
}

.ss2Box .title {
	background:#99CCA9;
	font-weight:bold;
	font-size:12px;
	color:#444;
	padding:3px 0px 3px 0px;
	border-top:1px solid #96C296;
	border-left:1px solid #96C296;
	border-right:1px solid #96C296;
}

.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;
	font-weight:bold;
}

.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 #96C296;
	width:100%;
}

.pustakatitle {
	background:#4686FC;
	font-weight:bold;
	font-size:12px;
	color:#444;
	padding:2px 0px 2px 0px;
}

.main_title {
	background:#98FB98;
	font-weight:bold;
	font-size:12px;
	color:#444;
	padding:2px 0px 2px 0px;
}


.judul2 {
background:#99CCA9;
font-family:arial, Sans-Serif,helvetica;
font-size : 12px;
font-weight : bold;
font-style : normal;
text-decoration : none;
color :#3D5078;
padding:4px 0px 4px 0px;
}


/* =====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;} 	


}