body {
font-size:62.5%; 
background-position: center center;
font-family:verdana,arial,sans-serif;
}

.page-container {
border: 1px solid #BBD2E2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width:900px; 
margin:0px auto; 
font-size:1.2em;
color:#000000;
padding:0px;
background-color:#DFF4FD;
}
.isi{
width:880px; 
margin:0px auto; 
}

#popup {
height: 100%;
width: 100%;
background: #000000;
position: absolute;
top: 0;
left: 0;
-moz-opacity:0.30;
-khtml-opacity: 0.30;
opacity: 0.30;
filter:alpha(opacity=30);
}

#window {
width: 920px;
height: 120px;
margin: 0 auto;
border: 1px solid #333;
background: #DFF4FD;
position: absolute;
top: 200px;
left: 14%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.header{
width:875px; 
height:41px;
margin:0px 0px 0px 8px;
	/*                 atas   kanan    bawah    kiri*/
padding:0px 0px 0px 0px;
	/*                 atas   kanan    bawah    kiri*/	
border:solid 1px rgb(150,150,150);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/* .page-container:after, .header:after{ 
 display:block;
 visibility:hidden;
} */

.nav2 {float:left; width:875px; border:none; background:rgb(220,220,220); height:41px; color:rgb(75,75,75); font-size:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #666;
} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto;  border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:9.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:9.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/