@charset "UTF-8";
/*CSS Documents*/

/*BACKGROUND SECTION*/

.page {background-color:#d9d9d9 ;
	width:80%; margin:auto;
	padding:10px;}

body {
 
    background: url(images/background.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 2000px 900px;
}


/*HEADER SECTION*/

.head-section {background-color:#d9d9d9;
}


img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.post-photo-full {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 250px 
}

.post-photo-full2 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  height: 300px 
}

.post-photo-full3 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 250px 
}

.post-photo-full4 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}

.post-photo-full5 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}
.post-photo-full6 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}
.post-photo-full7 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}
.post-photo-full8 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}
.post-photo-full9 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}
.post-photo-full10 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}
.post-photo-full11 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 400px 
}

.post-photo-full12 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 200px 
}

.post-photo-full13 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  height: 100px 
}

.post-photo-full14 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  height: 100px 
}

.post-photo-full15 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  height: 100px 
}

.p4 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  height: 200px 
}

.nav-main {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ff8c1a ;
}

.nav-main {
  border-bottom: 1px solid #d9d9d9;
  border-top: 5px solid  #d9d9d9;
  margin-bottom: 0;
  padding: .45em 0 .5em;
}


.nav-main li {
  border-left: 1px solid #d9d9d9;
  display: inline-block;
  text-align: left;
}


.nav-main li:first-child {
  border-left: none;
}


.nav-main li:last-child a {
  padding-right: 0;
}


.nav-main a {
  color: #ffffff;
  display: inline-block;
  font-size: 1.125em; /* 18px/16px */
  padding: .5em 1.15em .5em 1.4em;
}


.nav-main a:hover {
  color:#000000;
  text-decoration: none;
}


/*MAIN SECTION*/

main {background-color:#ff9999;
background: url(images/test4.gif);
	padding:10px;
	width:70%;
	float:left;}
.clear {
	clear: both;
}


.a1 {
    font-size: 150%;
	position: center;
	color: 	#44516C;
}


h1{
  text-align: center;}


.h1_1c 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}

.h1_1d 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}

.h1_1e 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}

.h1_1f 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}

.h1_1g 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}

.h1_1h 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}
.h1_1i 
{
	margin: 0;
	font-size: 20px;
	color:Black;
	padding: 10px;
	background-color:#ffbc1a;
}

.h1_1d_pengurusan {
	margin: 0px auto 5px auto;
	font-size: 14px;
	color: #FFF;
	padding: 5px;
	background-color: #000;
}


h2{
  text-align: center;
}


p{
   text-align: center;
}


.pengurusan_box_wrapper {
	height: auto;
	margin-top: 5px;
	/* [disabled]background-color: #333; */
	padding: 5px;
	border: 1px solid #666;
	/* [disabled]margin-left: 5px; */
}

.pengurusan_box_left {
	height: auto;
	/* [disabled]margin-top: 5px; */
	background-color: #000;
	width: 100px;
	float: left;
	margin-left: 1px;
}

.pengurusan_box_left_insidetext {
	height: auto;
	background-color: #FFF;
	width: 92px;
	margin: 2px auto;
	padding: 2px;
	font-size: 11px;
	color: #000;
	text-align: center;
}

div{
text-align:justify;
  text-justify: inter-word;
}

/*SIDEBAR SECTION*/

.image2:hover{
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -transform: scale(1.2);
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}


.sidebar {
	background-color:#737373;
	padding:10px;
	width:20%;
	float:right;
}


h2{
  text-align: center;
}


p{
text-align:justify;
  text-justify: inter-word;
}


.links {
  margin: 1.5em 0 4.125em;
  padding-left: 0;
  width: 200px;
}


.links li {
  margin-bottom: 1.5em;
}


.links a {
  font-size: 1.125em;
  line-height: 1.195em;
}

ul {
 list-style-type:none;
}

.contri {
position:relative;
bottom:-60px;
}

.calendar {
position:relative;
right:-40px;
}

.love {
position:relative;
bottom:-5px;
}



/*FOOTER SECTION*/

.footer-real {
 background: url(images/footer3.gif);
	      background-color:#ff8c1a;
	      padding:10px;
	      clear:both; }