body{
	behavior: url(csshover.htc);
	background-image:url(images/images_02.gif);
	background-repeat:repeat;
	background-color:#EEEEEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
}
#wrapper{
	width:900px;
	height:auto;
	margin:20px auto;
	background-color:#FFFFFF;
}
#header{
	width:100%;
	height:97px;
	background-color:#FFFFFF;
}
#header-kiri{
	width:76px;
	height:97px;
	background-image:url(images/images_03.gif);
	background-repeat:repeat-x;
	float:left;
}
#header-kanan{
	width:816px;
	height:97px;
	background-image:url(images/images_04.gif);
	background-repeat:repeat-x;
	color:#2d90a3;
	padding-top:0px;
	padding-left:8px;
	float:left;
}
h1{
	font-size:24px;
	margin-top:22px;
}
.menu{
	padding-top:7px;
	background-color:#2d90a3;
	height:29px;
}
.menu ul{
	list-style-type:none;
	padding:0px;
	margin:0px 0px 0px 20px;
	background-color:#2d90a3;
}
.menu ul ul{
	margin:0px;
	padding:0px;
}
.menu li{
	float:left;
	position:relative;
}
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}
.menu ul li ul li{
	padding-left:10px;
}
.menu a, .menu :visited{
	display:block;
	font-size:11px;
	font-weight:600;
	width:100px;
	padding:7px 0;
	color:#FFFFFF;
	background:#2d90a3;
	text-decoration:none;
	margin-right:1px;
}
.menu :hover{
	color:#FFFFFF;
	text-decoration:underline;
	background:#2d90a3;
}
.menu a.sub, .menu a.sub:visited{
	display:block;
	font-size:11px;
	font-weight:500;
	width:150px;
	padding:7px 0;
	color:#FFFFFF;
	background:#2d90a3;
	text-decoration:none;
	margin-right:1px;
} 
.menu a.sub:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background:#2d90a3;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
}
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible;
}

/*
#menu-atas{
	width:100%;
	height:35px;
	background-image:url(images/images_05.gif);
	background-repeat:repeat-x;
}
#menu-atas ul{
	margin: 0;
	padding: 17px 0px 0 0;
	list-style: none;
	line-height: normal;
	float:left;
}
#menu-atas ul li{
	display: inline;
	padding: 3px 10px 0 22px;
	color:#FFFFFF;
}
#menu-atas ul li ul{
	visibility:hidden;
	list-style-type:none;
	overflow:hidden;
	z-index:1;
	margin-top:6px;
	background-color:#e2f8fe;
	border:solid 1pt #2d90a3;
	position:absolute;
}
#menu-atas ul li ul:hover, #menu-atas ul li ul a:hover{
	visibility:visible;
	overflow:visible;
	display:block;
}
#menu-atas ul li ul li{
	padding:5px;
	color:#333333;
	display:list-item;
	z-index:100;
	border-bottom:solid 1pt #2d90a3;
}
#menu-atas ul li ul li a{
	padding:5px;
	color:#333333;
	text-decoration:none;
	display:block;
}
#menu-atas ul li ul li a:hover{
	padding:5px;
	color:#333333;
	text-decoration:underline;
	display:block;
}
#menu-atas ul li:hover ul, #menu-atas ul li a:hover ul{
	visibility:visible;
	overflow:visible;
	display:block;
}
*/

/*
#menu-atas ul{
	margin: 0;
	padding: 17px 0px 0 0;
	list-style: none;
	line-height: normal;
	float:right;
}
#menu-atas li{
	display: inline;
	padding: 1px 10px 0 22px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:600;
}
#menu-atas li ul{
	display: none; 
	list-style:none;
	color:#333333;
}
#menu-atas li:hover ul{
	visibility: visible; 
	display: block; 
	position:absolute; 
	margin:0 !important; 
	border:1px solid black;
	color:#333333;
}


.menu {
   position:relative;
   text-align:center;
   list-style: none;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   text-transform:uppercase;
   background-color:black;
}

.menu li{
   position:relative;
   display:inline;
   cursor:pointer;
}

.menu li a{
   text-decoration:none;
   color:gray;
   width:100%;
   height:100%;
}

.menu li a:hover{
   color:black;
}

.menu li:hover{
   background-color:gray;
   color:black;
}

.menu li ul{
   position:absolute;
   white-space:nowrap;
   text-align:left;
   list-style:none;
   display:none;
   z-index:5;
   left:0%;
   top:1.15em;
   margin:0px;
   padding:0px;
   border:1px solid gray;
   background-color:black;
}

.menu li ul li{
   position:relative;
   left:0px;
   display: list-item;
   cursor:pointer;
   width:200px;
}


.menu li ul li a{
   display:block;
   margin-left:3px;
   margin-right:3px;
}

.menu li:hover > ul{
   display:block;
}
*/

#left-wrapper{
	width:230px;
	height:auto;
	float:left;
}
#content-wrapper{
	width:830px;
	height:auto;
	float:left;
	margin-left:15px;
	margin-top:20px;
	line-height:20px;
	padding:0px 25px 10px 10px;
	text-align:justify;
	z-index:0;
}
#footer{
	width:100%;
	height:auto;
	text-align:center;
	line-height:20px;
	margin-top:15px;
	padding-bottom:15px;
}


/* css untuk kotak samping kiri */
#kotak-kiri{
	width:230px;
	height:auto;
	margin-top:20px;
	margin-left:7px;
	background-color:#FFFFFF;
}
#kotak-header{
	width:230px;
	height:31px;
}
#kotak-header-kiri{
	width:185px;
	height:21px;
	background-image:url(images/images_22.gif);
	background-repeat:repeat-x;
	padding-top:10px;
	float:left;
}
#kotak-header-kiri span{
	padding-left:11px;
	font-size:13px;
	color:#2d90a3;
	font-weight:600;
}
#kotak-header-kanan{
	width:45px;
	height:31px;
	background-image:url(images/images_24.gif);
	background-repeat:no-repeat;
	float:right;
}
#kotak-body{
	width:230px;
	height:auto;
	background-image:url(images/images_10.gif);
	background-repeat:repeat-x;
	line-height:20px;
	padding-top:4px;
	padding-bottom:6px;
}
#kotak-body ul{
	list-style:none;
	margin-left:8px;
	padding-left:5px;
}
#kotak-body li{
	background-image:url(images/images_27.gif);
	background-repeat:no-repeat;
	background-position:left 7px;
	padding-left:16px;
	padding-bottom:6px;
	color:#2d90a3;
	height:auto;
}

/* css logo */
#logo{
	width:auto;
	height:65px;
	margin-left:30px;
	margin-top:30px;
	background-image:url(images/images_01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:50px;
	color:#2d90a3;
}
h1{
	font-size:30px;
	color=#2d90a3;
	font-weight:400;
	padding-top:15px;
}

/* css untuk list */
.home{
	background-image:url(images/images_09.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:26px;
}
.article{
	background-image:url(images/images_35.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:26px;
}
.contact-us{
	background-image:url(images/images_12.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:26px;
}
.bookmark{
	background-image:url(images/images_14.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:26px;
}


/* css pembatas artikel */
#pembatas{
	width:100%;
	height:32px;
}
#pembatas-kiri{
	width:764px;
	height:25px;
	background-image:url(images/images_31.gif);
	background-repeat:repeat-x;
	padding-top:7px;
	float:left;
}
#pembatas-kiri span{
	padding-left:10px;
	color:#2d90a3;
	font-weight:400;
}
#pembatas-kanan{
	width:66px;
	height:32px;
	background-image:url(images/images_34.gif);
	background-repeat:no-repeat;
	float:right;
}

/* css untuk tulisan */
.judul-artikel{
	color:#2d90a3;
	font-size:16px;
	font-weight:600;
}

/* css untuk link */
a, a:visited{
	text-decoration:underline;
	color:#444444;
}
a:hover{
	text-decoration:none;
	color:#2d90a3;
}
a.putih, a.putih:visited{
	color:#FFFFFF;
	text-decoration:none;
}
a.putih:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
a.hijau, a.hijau:visited{
	color:#2d90a3;
	text-decoration:none;
}
a.hijau:hover{
	color:#2d90a3;
	text-decoration:underline;
}

/* IKLAN */
#iklan-body{
	margin-left:15px;
	margin-top:15px;
	text-align:center;
}