/* generated by csscreator.com */ 
body{
	margin:0;
	padding:0;
	text-align:center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
} 
#pagewidth {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	background-color: #CCCCCC;
}


html{ 
 margin:0; 
 padding:0; 
} 
#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: no-repeat;
	background-position: left top;
}
a.nav2 :link, a.nav2 :visited {
  color            : #ffffff;
  text-decoration  : none;
}

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


#header1{
	position:relative;
	height:50px;
	background-color:#990000;
	width:100%;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header2{
	position:relative;
	height:150px;
	background-color:#990000;
	width:100%;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom    : 2px solid #ffffff;
	overflow: scroll;
}
 
#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;
}

#footer{
	border-top : 5px solid #ffffff;
	background-color:#990000;
	clear:both;
 } 
.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: 11px;
	color: #CCCCCC;
	text-decoration: none;

 }
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
ul {float          : left;
  margin           : 0px;
  padding-left     : 0px;
  list-style       : none;
}
li {
  list-style       : none;
  padding-left     : 10px;
  padding-top      : 0px;
  background-image : url(../images/1.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
#sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  background-image : url(./images/2.gif) ;
  background-repeat: no-repeat;
  background-position: 2px 7px;
  background-color: #660000;
  padding-left     : 15px;
  padding-top      : 5px;
  padding-bottom      : 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
  border-top       : 1px solid #AA0000;
  border-bottom    : 1px solid #330000;
}
#sectiontableheader2 {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  background-image : url(./images/1.gif) ;
  background-repeat: no-repeat;
  background-position: 2px 7px;
  background-color: #cccccc;
  padding-left     : 15px;
  padding-top      : 5px;
  padding-bottom      : 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
  border-top       : 1px solid #cccccc;
  border-bottom    : 1px solid #999999;
}
.sectiontableentry1 {
  vertical-align   : top;
  text-align:center;
  margin           : 0px;
  padding          : 5px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.sectiontableentry2 {
  vertical-align   : top;
  margin           : 0px;
  padding          : 5px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a:link, a:visited {
  font-size        : 11px;
  color            : #CC9900;
  text-decoration  : none;

}
a:hover {
  font-size        : 11px;
  color            : #996600;
  text-decoration  : none;

}
.button {
	margin-top       : 5px;
	padding          : 2px;
	height           : 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	width: 100%;
}
#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;}
}
.putih {
	list-style-type: lower-alpha;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FF9900;
}
html>body #bannerE {
	width: 680px;
}
#bannerE1 {
	width: 151px;
	text-align: center;
	margin: auto;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
}
#bannerE2 {
	width: 378px;
	text-align: center;
	margin: auto;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
}
html>body #bannerE {
	width: 680px;
}
#bannerE1 {
	width: 151px;
	text-align: center;
	margin: auto;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
}
#bannerE2 {
	width: 378px;
	text-align: center;
	margin: auto;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
}
#bannerE3 {
	width: 151px;
	text-align: center;
	margin: auto;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
}
#floater {
	z-index: 2;
	width: 50px;
	position: absolute;
	visibility: visible;
	left: 857px;
	top: 10px;
	overflow: scroll;
	clip: rect(10px 50px auto 857px);
}
#floaterkiri {
	z-index: 3;
	width: 50px;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
}