/* CSS Document */

	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#586273 url(../images/bg_informatika.png);
	}
	#wrap_top_menu {
		width:900px;
		margin:-1px auto;
		background-image:url(../images/ngeuyeumeung.png); background-repeat:no-repeat; background-position:center;
		height:90px;
	}
	
	#left_menu {
		float:left;
		width:500px;
		padding-top:30px;
	}

	#right_menu_searching {
		float:left;
		width:210px;
		margin-top:15px;
		margin-left:0px;
		padding-left:70px;
		
	}
	
	#right_menu_logorss {
		float:right;
		width:77px;
	}
	
	#wrap_main {
		width:900px;
		margin:0 auto;
	}
	
	#header {
		display:block;
		width:100%;
		height:60px;
		background:#ddd url(../images/bg_top.jpg); background-repeat:repeat-x;
		overflow:hidden;
	}
	
	#header_frame{ 
		width:900px;
		height:60px;
		margin:0 auto;
	 }
	
	 #logo{
	 	width:95px;
		padding-left:0px;
		padding-top:0px;
	 }
	 
	 #text_informatika{ 
		width:400px;
	 	font-family:arial;
		color:#D0D9E6;
		margin-left:100px;
		margin-top:-45px;

		text-shadow:#000 1px 1px 3px;
	 }
	
	 #top_menu{
		margin-top:-45px;
		float:right;
		width:350px;
	 }
	 

	h1 {
	    margin:0;
		font-size:28px;
    }
	#nav {
		padding:5px 10px;
		text-shadow: 0 1px 0 #788598;
		height:35px;
	}

/*--- Menu TOP ---*/
#menu_tops {
	float:right;
	display:block;
	margin-top:13px;
	}
	
#menu_tops li{
	float:left;
	list-style: none;
}

#menu_tops li a{
	height:33px;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	text-indent:-99999px;
}

#menu_tops li a:active{
	background-position: bottom left;
}


#menu_tops li.home a{
	width:76px;
	background-image:url(../images/home.gif);	
}


#menu_tops li.about a{
	width:101px;
	background-image:url(../images/about.gif);
}
#menu_tops li.contact a{
	width:101px;
	background-image:url(../images/contact.gif);
}

#page-home #menu_tops li.home a{background-position: bottom left; opacity:1;}
#page-about-us #menu_tops li.about a{background-position: bottom left; opacity:1;}
#page-contact #menu_tops li.contact a{background-position: bottom left; opacity:1;}














/* LOGO rss feed*/
.rss_logo_container {width: 77px; height: 78px; float: right;}

/* menu rss */
.rss_container {width: 250px; height: 20px; padding-top:-40px;  float: right; text-align:center; color:#CCCCCC; }

.link_rss{ font-family:Arial; font-size:11px; text-shadow:#000 1px 1px 3px; color:#FFFFFF; }

A.link_rss:link{color:#FFFFFF;
	text-decoration:none;}
A.link_rss:visited{color:#FFFFFF;
	text-decoration:none;}
A.link_rss:hover{color:#FFCC00;
	text-decoration:none;
}


/* Search */
.search_container {width: 230px; height: 39px; float: right; padding-right:0;}
.search_container .search_field { float:left; font-family:Arial; font-size: 12px; font-style:italic; color: #000000; padding-top:10px; padding-left:5px; width:180px; height: 39px; background: url(../images/search_field.jpg) no-repeat; border: none;}
.search_container button {background: url(../images/button_search.gif) no-repeat; cursor: pointer; border: none; height: 39px; text-indent: -9999px; width: 40px;}





/* sliding tabs  */
#bg_top_main{ width:900px; height:10px; background-image:url(../images/bg_main_top.jpg); background-repeat:no-repeat;}
#bg_top_middle{ width:900px; background-image:url(../images/bg_main_middle.jpg); background-repeat:repeat-y; float:left}
#bg_top_bottom{ width:900px; height:5px; background-image:url(../images/bg_main_bottom.jpg); background-repeat:no-repeat; float:left; }

	#main {
		float:left;
		width:635px;
		padding:10px;
		
	}
	h2 {
		margin:0 0 1em;
		text-shadow: 0 1px 0 #788598;
	}
	
	h3 {
	    margin:0;
		font-size:24px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-weight:bold;
		color:#212327;
		text-shadow:0 1px 0 #9BA2AC;
		
    }
	
	h4 {
		margin-top:8px;
		margin-bottom:8px;
		font-size:18px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-weight:bold;
		color:#212327;
		text-shadow:0 1px 0 #9BA2AC;
		
    }
		
	#text_content{ padding:10px; background-color:#747D8B; border:dashed #AEAEAE; border-width:1px; margin-top:8px; 
	   font-family:"Trebuchet MS", Arial, sans-serif; font-size:13px; text-shadow:0 1px 0 #959BA8;
 }

	#text_content_home{ padding:7px; background-color:#747D8B; border:dashed #AEAEAE; border-width:1px; margin-top:8px; 
	   font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; }

	#text_content_book{ padding:3px; background-color:#747D8B; border:dashed #AEAEAE; border-width:1px; margin-top:-8px;}

/* ==========Righ Menu ====== */
	
#sidebar {
		float:right;
		width:210px;
		padding:5px;
}

#kategori_menu { width:205px; height:66px; background-image:url(../images/kategori.gif); margin-top:-5px; }

#counter_kategori { width:202px; background:#2D4F7D; border: #3A6194 solid; border-width:1px; margin-top:8px; text-shadow: 0 1px 0 #000000; }

/* ========== end Righ Menu ====== */
	
	
#footer {
	clear:both;
	padding:5px 10px;
	height:60px;
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	background-color:#181F2C;
	text-align:center;
}

#footer_teks { margin-top:20px;
	color:#5A6575;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}

* html #footer {
	height:1px;
}

	#bg_putih{ background-color:#AEAEAE; text-align:right; padding:5px; }