/* CSS RESET */
html{color:#000;background:#FFF;}

/* CSS RESET */


body {
	text-align:center;
	color:#fff;
	margin:auto;
	background-color:#010101;
	font:13px/1.231 verdana,arial,helvetica;
}
a {
	text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		
}
a:hover {
	text-decoration: underline;
		color:#23B14D;
}
#wrap {
	width:880px;
	text-align:left;
	margin:0 auto;
	background-color:#010101;
}
.textselect2
{
	background-color:#006600;
	font-weight:bold;
	color:#FFFFFF;
	border: 1px solid #006600; 
}

.inputbox
{
	border: 1px solid #009900; 
	color:#006600;
}

.tombol
{
	border: 1px outset #000000; 
	color:#FFFFFF;
	background-color:#006600;
	font-weight:bold;
}
.garis2
{
	border: 1px solid #009900; 
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both;}


/* header */
#header { position:relative;height:115px;margin:0 auto;  }
#logo {
	position:absolute;
	top:26px;
	left:186px
}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo div {
	padding-left:100px
}
#nav {
	position:absolute;
	top:50px;
	left:280px;
	background:url(images/navcopy.png);
	width:441px;
	height:38px;
	line-height:38px;
	padding:0 0 0 10px;
}
#nav li {float:left;  font-weight:700; list-style-type:none; text-align:center; margin-left:5px; }
#nav a {text-decoration:none; display:block; text-align:center;}
#nav a:hover {color:#010101; background:url(images/hover.jpg); background-repeat:no-repeat;}

#nav2 {
	position:absolute;
	font-family:"Courier New", Verdana, monospace;
	top:10px;
	left:255px;
	height:80px;
	line-height:38px;
	color:#23B14D;
	font-size:18px;
	margin-bottom:20px;
	font-weight:bold;
}

li.h {width:79px }
li.a {width: 79px; }
li.p {width: 79px; }
li.c {width:79px;}

.h a:hover{}
.a a:hover{}
.p a:hover{}
.c a:hover{}

/* content */
#content { width:880px ;	
	margin:0 auto;
}


.main {width:560px; height:496px; padding:15px;


font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/box2.gif) no-repeat; color:#000;

}
#text {overflow:auto; height:460px; width:525px; padding:3px; color:#003300; }
#text .judul
{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}


#text h2 {font-size:30px; padding:1px 0 5px 10px;font-family:"Courier New", Verdana, monospace; margin-bottom:5px;}
#text .service{margin-left:17px;}
#text .service a{font-size:17px; margin-top:0px; text-decoration:none; font-weight:bold;}
#text a { color:#006600; text-decoration:underline;}
#text a:hover { color:#999999; text-decoration:underline;}
#col { margin:0 0  40px 0 ;width:300px; width: 879px; height:104px ; }

#col div {width: 220px; margin: 30px 0 0 70px; display:inline}
#col .first  {margin: 30px 0 0 50px }
#col li{line-height:20px;}

.side {margin:0 0 0 5px; width:280px;display: inline; color:#23B14D;}
.side h2 {font-size:20px; margin-bottom:10px;font-family:"Courier New", Verdana, monospace;}
.side li {line-height:20px; list-style:square; color:#FFFFFF; margin-left:10px; }
.side ul {margin:10px  0 0px 0px;}
#top {margin-top:20px}
/* footer */
#footer {  height:50px; position:relative;margin:0 auto;}
#ftinner{
	position: absolute;
	bottom:61px;
	width:680px;
	margin-left:0px;
	left: 9px;
}
.ftlink {width:500px;}