/* CSS Document */
#wrapper {
	height: auto;
	width: 773px;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border: 1px solid #333333;
}
#header {
	background-image: url(images/ilmu_4.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 228px;
	width: 100%;
}
#x1 {
	background-image: url(images/ilmu_6.gif);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 82px;
	width: 135px;
	background-repeat: no-repeat;
}
#coll {
	padding: 2%;
	float: left;
	height: auto;
	width: 50%;
	margin: 0px;
}
#coll li {
	padding-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#colr {
	padding: 2%;
	float: left;
	height: auto;
	width: 41%;
	margin-top: 0px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #23165A;
	font-family: Arial, Helvetica, sans-serif;
	color: #23165A;
	font-size: 13px;
}
#colr p {
	margin: 0px;
	padding: 0px;
}
#x2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 82px;
	width: 122px;
	background-image: url(images/ilmu_7.gif);
	background-repeat: no-repeat;
}
#x3 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 82px;
	width: 129px;
	background-image: url(images/ilmu_8.gif);
	background-repeat: no-repeat;
}
#x4 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 82px;
	width: 121px;
}
#x5 {
	background-image: url(images/ilmu_10.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 135px;
}
#x6 {
	background-image: url(images/ilmu_11.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 122px;
}
#x7 {
	background-image: url(images/ilmu_12.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 129px;
}
#x8 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 121px;
}
#x9 {
	background-image: url(images/ilmu_14.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 135px;
}
#x10 {
	background-image: url(images/ilmu_15.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 122px;
}
#x11 {
	background-image: url(images/ilmu_16.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 129px;
}
#x12 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 121px;
	background-image: url(images/ilmu_17.gif);
	background-repeat: no-repeat;
}
#ilmu {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 100%;
}
#y1 {
	background-image: url(images/ilmu_18.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 97px;
}
#y2 {
	background-image: url(images/ilmu_19.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 91px;
}
#y3 {
	background-image: url(images/ilmu_20.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 87px;
}
#y4 {
	background-image: url(images/ilmu_21.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 96px;
}
#y5 {
	background-image: url(images/ilmu_22.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 91px;
}
#y6 {
	background-image: url(images/ilmu_23.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 86px;
}
#y7 {
	background-image: url(images/ilmu_24.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 84px;
}
#y8 {
	background-image: url(images/ilmu_25.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 71px;
}
#y9 {
	background-image: url(images/ilmu_26.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 70px;
}
#menjadi {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 100%;
}
#w1 {
	background-image: url(images/ilmu_27.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 97px;
}
#w2 {
	background-image: url(images/ilmu_28.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 91px;
}
#w3 {
	background-image: url(images/ilmu_29.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 87px;
}
#w4 {
	background-image: url(images/ilmu_30.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 96px;
}
#w5 {
	background-image: url(images/ilmu_31.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 91px;
}
#w6 {
	background-image: url(images/ilmu_32.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 86px;
}
#w7 {
	background-image: url(images/ilmu_33.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 84px;
}
#w8 {
	background-image: url(images/ilmu_34.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 71px;
}
#w9 {
	background-image: url(images/ilmu_35.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 76px;
	width: 70px;
}
#buku {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
}
#bu1 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_36.gif);
	width: 97px;
}
#bu2 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_37.gif);
	width: 91px;
}
#bu3 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_38.gif);
	width: 87px;
}
#bu4 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_39.gif);
	width: 96px;
}
#bu5 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_40.gif);
	width: 91px;
}
#bu6 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_41.gif);
	width: 86px;
}
#bu7 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_42.gif);
	width: 84px;
}
#bu8 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_43.gif);
	width: 71px;
}
#bu9 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_44.gif);
	width: 70px;
}
#yellowtop {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 228px;
	width: 266px;
}
#anda {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	width: 100%;
}
#an1 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_45.gif);
	width: 97px;
}
#an2 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_46.gif);
	width: 91px;
}
#an3 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_47.gif);
	width: 87px;
}
#an4 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_48.gif);
	width: 96px;
}
#an5 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_49.gif);
	width: 91px;
}
#an6 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_50.gif);
	width: 86px;
}
#an7 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	width: 84px;
	background-image: url(images/ilmu_51.gif);
}
#an8 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_52.gif);
	width: 71px;
}
#an9 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 79px;
	background-image: url(images/ilmu_53.gif);
	width: 70px;
}
#yang {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	width: 100%;
}
#ng1 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_54.gif);
	width: 97px;
}

#ng2 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_55.gif);
	width: 91px;
}
#ng3 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_56.gif);
	width: 87px;
}
#ng4 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_57.gif);
	width: 96px;
}
#ng5 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_58.gif);
	width: 91px;
}
#ng6 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_59.gif);
	width: 86px;
}
#ng7 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_60.gif);
	width: 84px;
}
#ng8 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_61.gif);
	width: 71px;
}
#ng9 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	background-image: url(images/ilmu_62.gif);
	width: 70px;
}
#john {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	width: 100%;
}
#jnh1 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-image: url(images/ilmu_63.gif);
	width: 97px;
}
#jnh2 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-image: url(images/ilmu_64.gif);
	width: 91px;
}
#jnh3 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-image: url(images/ilmu_65.gif);
	width: 87px;
}
#jnh4 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-image: url(images/ilmu_66.gif);
	width: 96px;
}
#jnh5 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-image: url(images/ilmu_67.gif);
	width: 91px;
}
#jnh6 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-color: #FFFFFF;
	width: 86px;
	background-image: url(images/ilmu_68.gif);
}
#jnh7 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-color: #FFFFFF;
	width: 84px;
	background-image: url(images/ilmu_69.gif);
}
#jnh8 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-color: #FFFFFF;
	width: 71px;
	background-image: url(images/ilmu_70.gif);
}
#jnh9 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	background-color: #FFFFFF;
	width: 70px;
	background-image: url(images/ilmu_71.gif);
}
#meng {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	width: 100%;
}
#meng1 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-image: url(images/ilmu_72.gif);
	width: 97px;
}
#meng2 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-image: url(images/ilmu_73.gif);
	width: 91px;
}
#meng3 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-image: url(images/ilmu_74.gif);
	width: 87px;
}
#meng4 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-image: url(images/ilmu_75.gif);
	width: 96px;
}
#meng5 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-color: #FFFFFF;
	width: 91px;
	background-image: url(images/ilmu_76.gif);
}
#meng6 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-color: #FFFFFF;
	width: 86px;
	background-image: url(images/ilmu_77.gif);
}
#meng7 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-color: #FFFFFF;
	width: 84px;
	background-image: url(images/ilmu_78.gif);
}
#meng8 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-color: #FFFFFF;
	width: 71px;
	background-image: url(images/ilmu_79.gif);
}
#meng9 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 71px;
	background-color: #FFFFFF;
	width: 70px;
	background-image: url(images/ilmu_80.gif);
}
#content {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	background-color: #FFFFFF;
}
#footer {
	background-image: url(images/ilmu_83.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 200px;
	width: 100%;
}
#voulezvous {
	margin: 0px;
	float: left;
	height: auto;
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	padding-top: 5%;
	padding-right: 0%;
	padding-bottom: 2%;
	padding-left: 5%;
}
#voulezvous p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ft1 {
	margin: 0px;
	padding: 1%;
	float: left;
	height: auto;
	width: 48%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
#ft1 a {
	color: #FFFFFF;
}
#ft1 a:hover {
	color: #CCCCCC;
}
#ft2 {
	margin: 0px;
	padding: 1%;
	float: left;
	height: auto;
	width: 47%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
.style1 {
	color: #CCFF99;
	font-weight: bold;
	font-size: 18px;
}
.display {
	display: none;
}