@charset "utf-8";
/* CSS Document */

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro');
</style>





body {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: medium;

}


.myactive {
	color:#F60;
}


.gray {
	background-color: #F5F5F5;

	
}


.gray2 {
	background-color: #D8D8D8;
}


.white {
	background-color: #062F58;
	width: 100%;
}


.white2 {
	background-color: #FFF;
	width: 100%;
}

.white3 {
	background-color: #FFF;
	width: 100%;
}


.white4 {
		background-color: #E8E8E8;
	width: 100%;
}



.mymenu {
	padding-bottom:0px;
	margin:auto;
}



.table-fk {
	font-size: 16px;
	color: #333;
	font-family: 'Source Sans Pro', serif;
}

.new-container-top {
	max-width:1355px;
	text-align:justify;	
	margin:auto;
	font-family: 'Source Sans Pro', sans-serif;
	}
	

.new-container-middle {
	text-align: justify;
	max-width: 1355px;
	margin: auto;
	font-family: 'Source Sans Pro', sans-serif;
	}
	

.new-container-middle2 {
		text-align:justify;	
		max-width:1100px;	
		margin:auto;
		font-size:16px;
		font-family: 'Source Sans Pro', sans-serif;
	}


.bg-img {}


.spacer {
	visibility:hidden;	
}

.course-info {
	padding: 30px;
	font-size: 16px;
	color:#4f4f4f;
	background-color:#FFF;
	max-width:1100px;
		font-family: 'Source Sans Pro', sans-serif;
		line-height:2em;
}


.side-info {
	padding: 20px;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #062F58;
	max-width: 1100px;
	font-family: 'Roboto', sans-serif;
	line-height: 2.2em;
	text-align: justify;
}



.side-info2 {
	padding: 20px;
	font-size: 14px;
	color:#4f4f4f;
	max-width:1200px;
	font-family: 'Roboto', sans-serif;
	line-height:2em;
	margin:auto;
	text-align:justify;
}


.side-info3 {
	padding: 20px;
	font-size: 14px;
	color:#4f4f4f;
	max-width:1300px;
	font-family: 'Roboto', sans-serif;
	line-height:2em;
	margin:auto;
	text-align:justify;
}



.side-info4 {
	padding: 20px;
	font-size: 14px;
	color: #333;
	background-color: #E8E8E8;
	max-width: 1000px;
	font-family: 'Roboto', sans-serif;
	line-height: 2em;
	text-align: justify;
}




.pastel-grey-abt1{
	background-color:;
	padding:10px;
		border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 1px;
	border-left-width: 0.1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EFEFEF;
	border-right-color: #EFEFEF;
	border-bottom-color: #DDD;
	border-left-color: #EFEFEF;
}


.pastel-grey-abt2{
	background-color:;
	padding:10px;
}


.pastel-grey-abt3{
	background-color:;
	padding:10px;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.9px;
	border-left-width: 0.1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EFEFEF;
	border-right-color: #EFEFEF;
	border-bottom-color: #EFEFEF;
	border-left-color: #EFEFEF;
}



.pastel-grey-abt4{
	background-color:;
	padding: 10px;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 0.9px;
	border-left-width: 0.1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EFEFEF;
	border-right-color: #EFEFEF;
	border-bottom-color: #EEE;
	border-left-color: #EFEFEF;
}



.pastel-grey-abt5{
	padding: 10px;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 1px;
	border-left-width: 0.1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EFEFEF;
	border-right-color: #EFEFEF;
	border-bottom-color: #DDD;
	border-left-color: #EFEFEF;
	background-color: #F7F7F7;
}


.pastel-grey-abt6{
	padding: 10px;
	border-top-width: 0.1px;
	border-right-width: 0.1px;
	border-bottom-width: 1px;
	border-left-width: 0.1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #D3D3D3;
	border-right-color: #EFEFEF;
	border-bottom-color: #D3D3D3;
	border-left-color: #EFEFEF;
	background-color: #FFFFFF;
}







.mytitle-text3 {
	text-shadow: 0px -1px 2px #B2B2B2;
	opacity: 0.8;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40px;
	color: #FFF;
	background-color: #BAD3F3;
	padding: 10px;
	border-radius: 10px;
	}


.mytitle-text4 {
	text-shadow: 0px -1px 2px #B2B2B2;
	opacity: 0.9;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40px;
	color: #FFF;
	background-color: #BAD3F3;
	padding: 10px;
	border-radius: 10px;
	}
	
	

.w3-dark-purple {
	background-color: #733E72;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;	
	color:#FFF;
	font-size:14px;
}


.w3-dark-blue {
	background-color: #069;
	color:#FFF;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;	
	font-size:14px;
}

.w3-lightg {
	background-color: #F8F8F8;
	color: #666;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;	
	font-size:14px;
	
}


.w3-lightg2 {
	background-color: #BBBBBB;
	color: #FFF;
	font-weight: bold;		
}

.w3-lightg3 {
	background-color: #C7C8C9;
	color: #FFF;
	font-weight: bold;
}



.w3-darkg {
	background-color:#595A5C;
	font-family: 'Roboto', sans-serif;	
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}


.purple {
	background-color: #733E72;
}

.light-grey {
	background-color: #F9F9F9;}

.padding20 {
	padding:20px;
}

.padding40{
	padding: 40px;
}






.center-text {
	text-align: center;
	font-size: 1.5em;
	color: #062F58;
	margin: auto;
	padding: 10px;
	padding-top: 10px;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}




.misai {
	width: 80px;
	display: block;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #E4C476;
	border-left-color: #666;
	}





.center-text2 {
	text-align: justify;
	font-size: 1.0em;
	color: #472739;
	margin: auto;
	padding:;
	padding-top: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}



.mycell-gray2 {
	color: #494949;
	font-weight:;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	max-width: 1100px;
	margin: auto;
}
	
	

.blue-bg {
	background-color: #FFFAC6;
	color: #FFF;
	margin: auto;
}

	


.pastel-white {
	background-color: #FFF;
	font-size: 11px;
	text-align: center;
	line-height: 19px;
	padding: 30px;
}





.pastel-grey1 {
	background-color: #D8D8D8;
	font-size: 11px;
	text-align: center;
	line-height: 19px;
	padding: 30px;
}

.pastel-grey2 {
	background-color:#F0F0F0;
	font-size: 11px;
	text-align: center;
	color: #4F5150;
	line-height: 19px;
	padding: 30px;
}



.pastel-grey3 {
	background-color:#E8E8E8;
	font-size: 11px;
	text-align: center;
	color: #4F5150;
	line-height: 19px;
	padding: 30px;
}





	
.t-bold {
	color: #990000;
	font-size: 14px;
	font-weight: bold;	
}


.home1 {
	 background-image:url(../images/home-middle.jpg);
	background-size:cover;
	background-position:top;
	height:500px;	
}



.about1 {
	background-image:url(../images/aboutus2.jpg);	
	background-size:cover;
	background-position:top;
	background-position:center;
	height:370px;
}


.perdana {
	background-image:url(../images/perdana.jpg);	
	background-size:cover;
	background-position:top;
	background-position:center;
	height:370px;
}


.events {
	background-image:url(../images/events.jpg);	
	background-size:cover;
	background-position:top;
	background-position:center;
	height:500px;
}



.news {
	background-image:url(../images/news.jpg);	
	background-size:cover;
	background-position:top;
	background-position:center;
	height:500px;
}





#iframe {
	width:100%;
	height: 400px;
}



.bg-img {
	margin-top:0px;
}


.bg-img1 {
	margin-top:0px;
}
.image-frame1 {
	border: 1px solid #CFCFCF;
}



.topmenu {
	width:100%;
	padding-bottom:10px;
	padding-top:5px;
}


.lightmargin {
margin-top:90px;
}