/* generated by csscreator.com */ 
body{
	margin:0;
	padding:0;
	text-align:center;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
} 

html{ 
 margin:0; 
 padding:0; 
} 
 
#pagewidth{
	width:750;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:auto;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #ffffff;
} 
#nav{
  padding-left     : 230px;
  padding-top      : 3px;
  padding-bottom   : 1px;
}
.nav2 {
  font-weight      : bold;
  text-transform   : uppercase;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
	background-image: url(images/topnav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#main_banner{
	float:right;
	position:relative;
	height:150px;
	width: 550px;
	text-align: right;
	background-color: #333333;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 background-color:#990000; 
 }
 
#twocols{
	float:right;
	position:relative;
	width: 540px;
	background-color: #FFFFFF;
  }
 
#rightcol{
 width:180px; 
 float:right; 
 position:relative; 
 background-color:#E7E7E7;
 }
 
#maincol{
	width: 350px;
	background-color: #FFFFFF;
	float: left;
	display:inline;
	position: relative;
	padding: 5px;
}

#maincol2{
width: 98%;
background-color: #FFFFFF;  
float: left; 
display:inline; 
position: relative; 
padding: 5px;
}
.content {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;

 }

.content2 {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;

 }
 .content3 {
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;

 }
 
 .content4 a:link,{
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;

}
 .putih {
	list-style-type: lower-alpha;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FF9900;
}
.judul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #990000;
	font-weight: bold;
}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
a:link, a:visited {
	text-decoration  : none;
	color: #000000;
}
a:hover {
  color            : #FFFFFF;
  text-decoration  : none;

}
#search {
  vertical-align   : top;
  text-align:center;
  margin           : 0px;
  padding          : 5px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
.bg_garis {
	background-image: url(images/project_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
#floater {
	z-index: 2;
	width: 50px;
	position: absolute;
	visibility: visible;
	left: 857px;s
	top: 10px;
	overflow: scroll;
	clip: rect(10px 50px auto 857px);
}
#jfilm {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}