/* Ap-Greid CSS Document */


body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #23323A;
	line-height: 15px;
	background: url(../images/bg_01.gif) repeat-x;
	background-color: #23323A; }

#layout {
	width: 785px;
	margin: auto; }

#logo {
	width: 769px;
	height: 77px;
	margin: auto;}

#logo_img a {
	width: 202px;
	height: 77px;
	float: right;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo_apgreid.gif);}

#nav01 {
	height: 21px;}
			
			/* nav */
			.nav01_area {
				width: 197px;
				height: 21px;
				float: left;
				margin-left: 22px!important;
				margin-left/**/:/**/11px; }

			.nav01_area li {
				display: inline;}

			ul.nav01_main {
				margin: auto;
				width: 197px!important;
				width/**/:/**/200px;
				clear: both;
				height: 21px;
				padding: 0px; }
			
			.nav01_area a { 
				display: block;
				height: 21px;
				font-size: 0px;
				text-indent/**/:/**/-9999px;
				float: left; }

				.nav01_area a:hover, .nav01_area strong a {
					background-position: 0 -21px; }	
				
				.nav01_main01 a {
					background: url(../images/nav01_01.gif) no-repeat;
					width: 42px; }
				
				.nav01_main02 a {
					background: url(../images/nav01_02.gif) no-repeat;
					width: 43px; }
				
				.nav01_main03 a {
					background: url(../images/nav01_03.gif) no-repeat;
					width: 54px; }

				.nav01_main04 a {
					background: url(../images/nav01_04.gif) no-repeat;
					width: 58px; }

		

#nav02 {
	width: 785px;
	height: 47px;
	background: url(../images/bg_nav.jpg) no-repeat; }

			
			/* nav */
			.nav02_area {
				width: 769px;
				height: 47px;
				float: left;
				margin-left: 8px!important;
				margin-left/**/:/**/4px; }

			.nav02_area li {
				display: inline;}

			ul.nav02_main {
				margin: auto;
				width: 769px!important;
				width/**/:/**/772px;
				clear: both;
				height: 47px;
				padding: 0px; }
			
			.nav02_area a { 
				display: block;
				height: 47px;
				font-size: 0px;
				text-indent/**/:/**/-9999px;
				float: left; }

				.nav02_area a:hover, .nav02_area strong a {
					background-position: 0 -47px; }	
				
				.nav02_main01 a {
					background: url(../images/nav02_01.gif) no-repeat;
					width: 138px; }
				
				.nav02_main02 a {
					background: url(../images/nav02_02.gif) no-repeat;
					width: 103px; }
				
				.nav02_main03 a {
					background: url(../images/nav02_03.gif) no-repeat;
					width: 89px; }
				
				.nav02_main04 a {
					background: url(../images/nav02_04.gif)  no-repeat;
					width: 133px; }
				
				.nav02_main05 a {
					background: url(../images/nav02_05.gif) no-repeat;
					width: 89px; }
				
				.nav02_main06 a {
					background: url(../images/nav02_06.gif) no-repeat;
					width: 113px; }
				
				.nav02_main07 a {
					background: url(../images/nav02_07.gif) no-repeat;
					width: 103px; }

#main_img {
	width: 785px;
	height: 258px;
	margin: auto;
	background: url(../images/bg_mainimg.jpg); }

#main_img_sub {
	width: 785px;
	height: 136px;
	margin: auto;
	background: url(../images/bg_mainimg.jpg); }

#main_area {
	width: 769px;
	height: 255px;
	margin: auto;
	padding-top: 3px; }
	
	#main_left {
		width: 265px;
		height: 255px;
		float: left;
		background: url(../images/sucess_02.jpg) no-repeat; }
	
	#main_right {
		width: 445px;
		height: 255px;
		float: right;
		background: url(../images/bg_flash.jpg) no-repeat; }

#content {
	width: 785px;
	background: url(../images/bg_04content.gif) repeat-y;}

#content_area {
	width: 741px;
	margin: auto;
	background: url(../images/bg_04content_gap.gif) repeat-y; }
	
	#content_left {
		width: 185px;
		float: left;
		margin-left: 12px!important;
		margin-left/**/:/**/7px; }


/* curriculum nav begin */

	.nav-cur-area {
	  width: 185px;
	  height: 450px; }
	
		 .nav_cur {
		 	width: 185px;
			height: 329px;
			float: left; }
		
		 .nav_cur li {
		    display: inline; }

		 ul.navcur {
		    margin: auto;
			width: 185px;
			clear: both;
			height: 329px;
			padding: 0px; }

		 .nav_cur a {
		    width: 185px;
			display: block;
			font-size: 0px;
			text-indent: -9999px; }
		
		.nav_cur a:hover {
			background-position: 0 -47px; }


		 .navcur_01 a {
		    background: url(../images/cur_01.gif) no-repeat;
			height: 47px; }

		 .navcur_02 a {
		    background: url(../images/cur_02.gif) no-repeat;
			height: 47px; }

		 .navcur_03 a {
		    background: url(../images/cur_03.gif) no-repeat;
			height: 47px; }

		 .navcur_04 a {
		    background: url(../images/cur_04.gif) no-repeat;
			height: 47px; }

		 .navcur_05 a {
		    background: url(../images/cur_05.gif) no-repeat;
			height: 47px; }

		 .navcur_06 a {
		    background: url(../images/cur_06.gif) no-repeat;
			height: 47px; }

		 .navcur_07 a {
		    background: url(../images/cur_07.gif) no-repeat;
			height: 47px; }
		 
		 /*---- penambahan kelas ----*/

		 .navcur_08 a {
		    background: url(../images/cur_08.gif) no-repeat;
			height: 47px; }

		 .navcur_09 a {
		    background: url(../images/cur_09.gif) no-repeat;
			height: 47px; }


/* curriculum nav end */  
						
						
	#content_right {
		width: 498px;
		float: right; }

#txt_right {
	margin-bottom: 5px;}

#footer_gap {
	width: 785px;
	height: 25px;
	background: url(../images/bg_05footer.gif) no-repeat; }

.footer {
	width: 530px;
	margin: auto;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px; }
	
	.footer a {
		color: #FFFFFF;
		text-decoration: none; }
	
	.footer a:hover {
		text-decoration: underline; }

#gap_content {
	width: 785px;
	height: 14px;
	background: url(../images/gap_content.gif) no-repeat; }

.gap_info {
	width: 498px;
	height: 22px;
	background: url(../images/gap_info.gif) repeat-x; }

.gap {
	padding: 0;
	margin: 0;
	height: 0;
	border: 0;
	text-indent: -9999px; }	

#info {
	width: 310px; }

#info2 {
	width: 185px; }

.img_inzet {}


img {
   behavior: url("pngbehavior.htc");
}


.logo_sub {
	width: 120px;
	height: 133px;
	background: url(../images/logo_sub.jpg) no-repeat;
	margin-left: 8px; }

.info_banner {
	width: 188px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	background: url(../images/info.gif) no-repeat; }

.info_isi {
	width: 310px;
	margin-bottom: 5px; }

.info_isi2 {
	width: 185px;
	margin-bottom: 5px; }

.info_detail {
	width: 300px; }

	.icon {
		width: 18px;
		height: 35px;
		float: left;
		background: url(../images/info_icon.gif) no-repeat; }
	
	.isi {
		width: 292px;
		float: right; }
	
	.isi2 {
		width: 167px;
		float: right; }

	.isi_detail {
		width: 490px; }

.daftar a {
	height: 18px;
	width: 79px;
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	background: url(../images/btn_daftar.gif) no-repeat; }
	
	.daftar a:hover {
		background-position: 0 -18px;}
	
.clear {clear: both; }

ul {
  list-style-image: url(../images/bullet_ul.gif); }	

li {
  list-style-image: url(../images/bullet_ul.gif); }