/* CSS Document */
body {margin: 0px;padding: 0px;background: #fff url(../img/bgtile.gif) top left repeat-x;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#666666;line-height: 18px;}

#wraper{ margin:0 auto; padding:0; width:917px;}
#bg_content{ background:#fff url(../img/bg_content.gif) top left repeat-x; float: left; width:838px;}
#wrap_top{margin:0; padding:0; height:120px; background:#eeeeee url(../img/bgmenu.gif) bottom left repeat-x; float: left; width:838px;}
#wrap_top .menuatas{margin:0; padding:0; float:right;} 
#wrap_top .menuatas ul{margin:0; padding:0;}
#wrap_top .menuatas ul li{margin:5px 0 0 0; padding:0 2px; list-style:none; color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left;}
#wrap_top .menuatas ul li a, #wrap_top .menuatas ul li a:link, #wrap_top .menuatas ul li a:active, #wrap_top .menuatas ul li a:visited{color:#666; text-decoration:none;}
#wrap_top .menuatas ul li a:hover, #wrap_top .menuatas ul li a.active{color:#80df00; text-decoration:none;}


#bgleft{margin:0; padding:0; float:left; background:url(../img/bgbody_left.gif) top left no-repeat; width:37px;}
#bgright{margin:0; padding:0; float:left; background:url(../img/bgbody_right.gif) top left no-repeat; width:37px;}




/* menu tab */

#mainMenu{
background-color: #FFF; /* Background color of main menu */
font-family: Arial, Helvetica, sans-serif; /* Fonts of main menu items */
font-size:11px; /* Font size of main menu items */
color:#666;
border-bottom:1px solid #ff6f0f; /* Bottom border of main menu */
height:20px; /* Height of main menu */
position:relative; /* Don't change this position attribute */
visibility: hidden;

}
#mainMenu a{
padding:2px; /* Spaces at the left of main menu items */
/* Don't change these two options */
position:absolute;
bottom:-1px;
}
#submenu{
font-family: Arial, Helvetica, sans-serif; /* Font of sub menu items */
font-size:11px;
color:#666;
background-color:#fff; /* Background color of sub menu items */
visibility: hidden;
width:100%; /* Don't change this option */

}

html>body #clearmenu{ /* non IE browsers menu bottom spacing */
margin-bottom: 2px;
}

#submenu div{
white-space:nowrap; /* Don't change this option */

}
/*
Style attributes of active menu item
*/
#mainMenu .activeMenuItem{
/* Border options */
border-left:1px solid #ff6f0f;
border-top:1px solid #ff6f0f;
border-right:1px solid #ff6f0f;
background-color: #fff; /* Background color */
color:#ff6f0f;
cursor:pointer; /* Cursor like a hand when the user moves the mouse over the menu item */
}
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{
color: #000; /* Text color */
cursor:pointer; /* Cursor like a hand when the user moves the mouse over the menu item */
}

#submenu a{
text-decoration:none; /* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
padding-left:2px; /* Space at the left of each sub menu item */
padding-right:2px; /* Space at the right of each sub menu item */
color:#666; /* Text color */
}

#submenu a:hover{
color: #FF0000; /* Red color when the user moves the mouse over sub menu items */
}


/* end menu tab */





/* drop down menu */

.menupos{width: 599px;height: 23px; margin:0 auto; padding:0; position:relative; z-index:2;}

	
#menu {font-family:"Lucida Sans unicode", Arial, Helvetica, sans-serif;font-size:12px;color:#666666;line-height: 18px; width:599px; height:21px; margin:2px 0 0 0; padding:0; position:relative;}
#menu ul {padding:0; margin:0; list-style:none;}
#menu li {display:block; float:left; width:auto; height:21px;}
#menu li a {display:block; float:left; width:auto; height: 21px; text-indent:-999px; text-decoration:none;}
#menu li a.m1 {width: 94px; background: url("../img/mn1.gif") top left no-repeat;}
#menu li a.m2 {width: 121px; background: url("../img/mn2.gif") top left no-repeat;}
#menu li a.m3 {width: 50px; background: url("../img/mn3.gif") top left no-repeat;}
#menu li a.m4 {width: 49px; background: url("../img/mn4.gif") top left no-repeat;}
#menu li a.m5 {width: 63px; background: url("../img/mn5.gif") top left no-repeat;}
#menu li a.m6 {width: 108px; background: url("../img/mn6.gif") top left no-repeat;}
#menu li a.m7 {width: 114px; background: url("../img/mn7.gif") top left no-repeat;}
#menu li a.m1:hover, #menu li a.m2:hover, #menu li a.m3:hover, #menu li a.m4:hover, #menu li a.m5:hover, #menu li a.m6:hover, #menu li a.m7:hover{background-position: 0 -21px;}
#menu li a.active {background-position: 0 -21px;}


/* L2 */
#menu table { border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#menu li {float:left; margin-bottom:1px;}
#menu li ul {visibility:hidden; position:absolute; top:21px; left:0; width:160px; height:auto; padding:0; margin: 0; background:transparent url(../img/bgsubmenu.gif); border-left: 1px solid #fff;}
#menu li ul li {display:block; display:inline; width:160px; height:auto; border:0; margin:0; background:transparent; line-height:18px; }
#menu li ul li a {text-indent:8px; float: none; display:block; width:140px; height:auto;color:#666; text-decoration:none; padding:2px 0; margin:0 10px;}

* html #menu li a:hover {position:relative; white-space:normal;}
* html #menu li a:hover ul li a:hover {color:#80df00; }
#menu li:hover {position:relative;}
#menu li:hover ul li a:hover {color:#80df00; text-decoration:none;}

#menu li:hover ul,
#menu li a:hover ul {
visibility:visible;
}


#menu li span {background:url(../img/arrow.gif) right center no-repeat; display: block; padding: 0; margin: 2px 4px 0 0;}

/* L3 */

#menu li ul ul{visibility:hidden; position:absolute; left:155px; top:0px; width:200px; height:auto; padding:0; margin: 0; background:transparent url(../img/bgsubmenu.gif);}
#menu li ul ul li {display:block; display:inline; width:200px; height:auto; border:0; margin:0; background:transparent;}
#menu li ul ul a {text-indent:8px; float: none; display:block; width:180px; height:auto; color:#666; text-decoration:none; padding:2px 0; margin:0 10px;}

* html #menu li ul ul li a:hover {position:relative; white-space:normal;}
* html #menu li ul ul a:hover ul li a:hover {color:#80df00;}
#menu li ul ul li:hover {position:relative;}
#menu li ul ul li:hover ul li a:hover {color:#80df00;}


#menu li:hover ul ul,
#menu li a:hover ul ul{
visibility:hidden;
}

/*  bingung  :(*/
#menu li ul li:hover ul,
#menu li ul li a:hover ul {
visibility:visible;
}


/* end menu drop */

#header_home{ position: relative; width:;838px; height:281px; float:left; margin:0 auto; padding:0; background:#eeeeee;}
#header_home ul{ position: absolute; right:10px; bottom:-34px; margin:0 auto; padding:0 0 4px 0; border-bottom:1px dotted #666;}
#header_home ul li{margin:0 10px 0 0; padding:0; float:left; list-style: none; font-size:11px; font-weight: bold; color:#666; text-transform: uppercase; width:128px; line-height:12px; }
#header_home ul li a, #header_home ul li a:link, #header_home ul li a:active, #header_home ul li a:visited{color:#666; text-decoration:none;}
#header_home ul li a:hover{color:#2657b7; text-decoration:none}
#header_home ul li img{ border:4px solid #fff;}

.clearer{clear:both;}

.home_cont{ width:838px; margin:40px 0 0 0; padding:0;}
.home_col1{width:270px; float:left; margin:0 20px 0 0; padding:0;}
.supporting{ color:#2657b7; margin: 10px 0 0 0; padding:0;font-size:10px; }
.supporting ul{ margin:0; padding:0;}
.supporting li{margin:0; padding:0 2px; float: left; list-style:none; width: auto; text-align: center;}
.supporting li img{ margin:0 4px 0 0; padding:0;}

.home_col1 .title{ font-size:18px; color:#666; margin:0; padding:0; line-height:18px;}
.home_col2{width:270px; float:left; margin:0 20px 0 0; padding:0;}
.home_col2 .title{ font-size:14px; color:#ff6600; margin:0; padding:0; font-weight:bold;}
.home_col2 ul{ margin:0; padding:0;}
.home_col2 li{ margin:0 0 10px 0; padding:0; list-style:none;}
.home_col2 li .title{ color:#0066cc; font-size:12px; font-weight: bold;}
.home_col2 li .tgl{ color:#66cc00; font-size:10px;}
.home_col2 li img{ margin:4px 6px 0 0; padding:0; float:left;}
.home_col2 li a, .home_col2 li a:link, .home_col2 li a:active, .home_col2 li a:visited{ color:#66cc00; font-size:11px; text-decoration:none;}
.home_col2 li a:hover{ color:#66cc00; text-decoration:underline;}
.home_col3{width:250px; float:left; margin:0 0 0 0; padding:0;}

a.linktab, a.linktab:link, a.linktab:active, a.linktab:visited{ color:#666; text-decoration:none;}
a.linktab:hover{ color:#ff6600; text-decoration:none;}

.dlm_cont{ width:830px; margin:15px 0 0 0; padding:0 0 0 8px; float: left}
.dlm_cont .title{ font-size:20px; color:#66cc00;}
.dlm_cont .menu_ket{ float: right; margin:0; padding:0; color:#666; font-size:11px;}
.dlm_cont .menu_ket ul{margin:0; padding:0;}
.dlm_cont .menu_ket li{margin:0; padding:0; float: left; list-style: none;}
.dlm_cont .menu_ket li a, .dlm_cont .menu_ket li a:link, .dlm_cont .menu_ket li a:active, .dlm_cont .menu_ket li a:visited{ color:#0066cc; text-decoration: none;}
.dlm_cont .menu_ket li a:hover{color:#66cc00; text-decoration:none;}
.gabcont{margin:10px 0 0 0; padding:0;}


.groundcont{margin:10px 0 0 0; padding:0; position: relative; z-index:1;}
.groundcont a, .groundcont a:link, .groundcont a:active, .groundcont a:visited{ color:#666; text-decoration:none;}
.groundcont a:hover{ color:#66cc00;}
.groundcont img{margin:0; padding:0; border:1px solid #d1d1d1;}
.groundcont .gr_a{position: absolute; top:250px; left:515px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_b{position: absolute; top:34px; left:245px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_c{position: absolute; top:260px; left:450px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_d{position: absolute; top:290px; left:320px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_e{position: absolute; top:330px; left:185px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_f{position: absolute; top:260px; left:170px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}/* belom */
.groundcont .gr_g{position: absolute; top:290px; left:130px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_h{position: absolute; top:250px; left:83px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_i{position: absolute; top:212px; left:90px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_j{position: absolute; top:174px; left:75px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_k{position: absolute; top:150px; left:160px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_k2{position: absolute; top:110px; left:140px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_l{position: absolute; top:190px; left:170px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_m{position: absolute; top:135px; left:60px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_n{position: absolute; top:88px; left:51px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_o{position: absolute; top:34px; left:90px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center;}
.groundcont .gr_lik{position: absolute; top:63px; left:8px; width:24px; height:24px; display: block; background:url(../img/bull.png) top left no-repeat; text-align: center; font-size:11px;}


.table_tennant{ background:#000; color:#fff;}
.uk18{font-size:18px;}



.dlm_cont .gabcont .left{ width:480px; float: left; margin:0 30px 0 0; padding:0;}
.dlm_cont .gabcont .right{ width:320px; float: left; margin:0; padding:0;}
.dlm_cont .gabcont .right img.head{ border:4px solid #fff;}
.dlm_cont .gabcont .right .header{ border:4px solid #fff; width:312px; height:169px;}
.right ul{ margin:20px 0 0 0; padding:10px 0 4px 0; border-top:1px dotted #666;height: auto; width:98%;}
.right ul li{margin:0 10px 10px 0; padding:0; float:left; list-style: none; font-size:11px; color:#666; text-transform: uppercase; width:128px; line-height:12px; font-weight: bold; }
.right ul li a, .right ul li a:link, .right ul li a:active, .right ul li a:visited{color:#666; text-decoration:none;}
.right ul li a:hover{color:#2657b7; text-decoration:none}
.right ul li img{ border:4px solid #fff;}


.blue{color:#0066cc; margin:0; padding:0;}
.green{color:#66cc00; margin:0; padding:0;}





#footer{ text-align:center; clear: both; width:838px; padding: 4px 0; margin:0; border-top:1px solid #666;}


.listmap{ margin: 10px 0 0 0; padding: 0; color:#FFFFFF; font:12px "Lucida Sans",Arial, Helvetica, sans-serif;}
.listmap ul{ margin: 0; padding: 0;}
.listmap li{ margin: 0; padding: 0 20px; float: left; list-style: none;}
.listmap li a, .listmap li a:link, .listmap li a:visited, .listmap li a:active{ color:#000; text-decoration: none;}
.listmap li a:hover, .listmap li a.active{ color:#fff; text-decoration: none;}



/* style news */

ul.news {
	margin: 0;
	padding: 0;
	
}

ul.news li{
	margin: 0;
	padding: 0 0 10px 0;
	list-style:none;	
}

ul.news li img{
	margin: 0 10px 0 0;
	padding: 0;
	float:left;
	border:2px solid #fff;
}
.titlenews {
	font-size:12px;
	color: #2657B7;
}
.tglnews {
	font-size:11px;
	color: #73CB00;
}

.email {
	font-size:12px;
	color: #73CB00;
}

ul.tenlink{margin:0; padding:0;}
ul.tenlink li{margin:0; padding:0 2px; float: left; list-style: none; color:#66cc00;}
ul.tenlink li a, ul.tenlink li a:link, ul.tenlink li a:active, ul.tenlink li a:visited{color:#666; text-decoration: none;}
ul.tenlink li a:hover{color:#0066cc; text-decoration: none;}

ul.pdf {
	margin: 0;
	padding: 10px 0 10px 20px;
	width:90%;
}

ul.pdf li{
	margin: 0;
	padding: 0 0 0 30px;
	float: left;
	background: url(../img/how/pdf_icon.png) top left no-repeat;
	list-style: none;	
}


ul.faq {
	margin: 0;
	padding: 0;
	
}

ul.faq a, ul.faq a:link, ul.faq a:active, ul.faq a:visited{
	color:#0066cc;
	text-decoration: none;	
}

ul.faq a:hover{
	color:#73CB00;
	text-decoration: none;
	}

ul.faq li{
	margin: 0;
	padding: 0 0 10px 40px;
	list-style:none;
	list-style:none;
	background: url(../img/faq/question.png) top left no-repeat;
	line-height: 20px;
}

ul.faq li.answer{
	margin: 0;
	padding: 0 0 10px 40px;
	list-style:none;
	list-style:none;
	background: url(../img/faq/answer.png) top left no-repeat;
	line-height: 20px;
}

ul.site a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

ul.site a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#66cc00;
	text-decoration:none;
}

ul.site li{background: url(../img/li1.gif) 0 6px no-repeat; list-style: none; margin:0; padding:0 0 0 15px;}
ul.site li li{background: url(../img/li2.gif) 0 6px no-repeat; list-style: none; margin:0; padding:0 0 0 15px;}
ul.site li li li{background: url(../img/li3.gif) 0 6px no-repeat; list-style: none; margin:0; padding:0 0 0 15px;}


.menumap_link{margin:0; padding:10px 0; text-align: center; font-size:14px; font-weight: bold;}
.menumap_link a.gresik, .menumap_link a.gresik:link, .menumap_link a.gresik:active, .menumap_link a.gresik:visited{color:#1498c8; text-decoration: none; margin:0; padding:0 20px; background: url(../img/bull_blue.gif) top left no-repeat;}
.menumap_link a.tuban, .menumap_link a.tuban:link, .menumap_link a.tuban:active, .menumap_link a.tuban:visited{color:#43ae22; text-decoration: none; margin:0; padding:0 20px; background: url(../img/bull_green.gif) top left no-repeat;}

#page_navigation a{
	padding:3px;
	border:1px solid gray;
	margin:2px;
	color:black;
	text-decoration:none
}
#page_navigation2 a{
	padding:3px;
	border:1px solid gray;
	margin:2px;
	color:black;
	text-decoration:none
}
.active_page{
	background:darkblue;
	color:white !important;
}