html{
 width: 100%;
}
body{
	font-family:'Arial', Arial;
	margin: 0;

/*	background: url("../img/bg.jpg") repeat-x;*/

}

.clearfix{
	overflow: auto;
}
a, img {
    border:none;
    outline:none
}
p{
	font-size: 14px;
	font-family: 'Arial';
	color: #454545;
    line-height: 20px;
}

#boxshowslide p {
padding: 7px;
padding-left: 11px;
padding-right: 15px;


}


/** Declarations of link color& fonts color ##################### **/

.header_top a{
	color:white;
	font-weight: 400;
	text-decoration: none;
	padding: 10px;
}
.header_top a:hover{
	color:#fdff38;
	text-decoration: none;
}
.header_top a:active{
	color:#fdff38;
	text-decoration: none;
}

span.text_mainbox {
	/*make text middle and center in box*/
  display: table-cell;
  padding-left: 14px;

}


a.email_contact {
	color: black;
	text-decoration: none;
}
a.email_contact:hover{
	color: black;
	text-decoration: underline;
}

/** Declarations of BgColor& Contents ##################### **/


.unwrap_green{
	background-color: #045527;
	height: 58px;
	width: 1250px;
	margin: 0 auto;
}
.unwrap_grey{
	background-color: #fff;
	width:1250px;/*when browser resizing, width not shorter*/
	margin: 0 auto;
	height: 320px;
}
.unwrap_yellow_footer{
	background-color: #ffe42e;
	width: 1250px;
	/*min-height: 200px;*/
	margin: 0 auto;
	margin-top: 25px;
}
.header_up{
	background-color:#045527;
	height: 47px;
	font-size: 9pt;
	width: 1250px;/*when browser resizing, width not shorter*/
	margin: 0 auto;

}

.unwrap_white_middle{
	width: 1250px;/*when browser resizing, width not shorter*/
    margin: auto;
}


.unwrap_banner_programme{
		min-width: 1000px;/*when browser resizing, width not shorter*/
}
/** declaration of text link subcontent ####################### **/


h1, .content_title{
	font-size: 30px;
	font-weight: 700;
/*	margin-bottom: 32px;*/
}
h2, .content_sub_title{

font-family: 'Arial';
font-size: 19px;
font-weight: 700;
color: #017036;
}

h3 {
font-family: 'Arial';
font-size: 17px;
}

.content_sub_title_reg{
font-family: 'Arial';
font-size: 17px;
font-weight: 700;
color: #017036;
}

.content_sub_title_reg_blue{
font-family: 'Arial';
font-size: 17px;
font-weight: 700;
color: #017036;
}


.text_aboutus{
	color:#1a1a1a;

}
.text_contactus{
	color:#1a1a1a;

}

.text_programmes{
	color:#1a1a1a;
}
.text_academic{
	color:#1a1a1a;
}
.text_mediacenter{
	color:#1a1a1a;
}

.text_student{
	color:#1a1a1a;
}

.text_news{
	color:#1a1a1a;
}


.text_studenthighlight{
	color:#1a1a1a;
}

.reg_linkPDF {
	background: url("../img/icon_pdfsmall.png") no-repeat left top;
	padding-left: 20px;
	line-height: 18px;
	text-indent: 14px;
	background-position-x: 3%;
}


/** Header ####################################### **/
header{
	height:100px;
	z-index: 999;/* to make z -index display the banner behind*/
	position: relative;
}
.logo{
	background-image: url("../img/logo.png");
	width: 118px;
	height: 102px;
	float: left;
	background-color: white;
}
.wrap_header{
	width: 1250px;
	margin: 0 auto;
	clear: both;
	position: relative;
}



.header_top_login,.header_top_login_right,.header_top_etc,.header_top_search{
	display: inline;

}
.inline{
	display: inline-block;

}
.header_top_login{
	display: inline-block;
	padding:15px 15px;

}
.header_top_login_right{
	float:right;

}
.header_top_etc{
	display: inline-block;
	padding: 15px 15px;
	background-image: url("../img/separate.png");
	background-repeat: no-repeat;
	background-position: right;
	background-position-y: 12px;
	background-position: calc(310px) 9px;;
	height: 17px;

}
.header_top_search{
	display: inline-block;
	padding: 4px 15px;
	float: right;
	width: 125px;


}
.header_bottom{
	background-color: white;
	height: 57px;
	margin-top: -12px;
	margin-left: 15px;
}
.banner{
	width: 1250px;
	height: 515px;
	background-color: red;
/*	background-color: #00bf5b;
	background: url("../img/bannertemp.jpg");*/
	margin: 0 auto;
	clear: both;
/*	position: relative; to show menu hover*/

}


.banner_sitemap {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../../../system/assets/316/About%20Us%20Banner.jpg") no-repeat center ;
/*	background-color: #BDBDBD;*/

}

.banner_default {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_default.jpg") no-repeat center ;
/*	background-color: #74D497;*/

}

.banner_contactus{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_contact_us.jpg") no-repeat center ;
/*	background-color: #BDBDBD;*/

}
.banner_aboutus {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_about_us.jpg") no-repeat center ;
/*	background-color: #74D497;*/

}
.banner_programme {
    position: relative;
    height: 300px;
    width: 100%;
    min-width: 1000px;
    z-index: 1;

    background:url("../img/sub_programme.jpg") no-repeat center;
/*    background-color: #6AA1E1;*/
}
.banner_academic {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_academic_initiatives.jpg") no-repeat center;
/*	background-color: #8BD6DB;*/
}

.banner_media {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_media_center.jpg") no-repeat center;
/*	background-color: #8BCDED;*/
}
.banner_student {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_student_support.jpg") no-repeat center;
/*	background-color: #97E381;*/
}
.banner_news {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_news_and_events.jpg") no-repeat center;
/*	background-color: #F3B1F1;*/
}

.banner_studenthighlight {
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1000px;
	z-index: 1;

	background:url("../img/sub_student_highlight.jpg") no-repeat center;
/*	background-color: #FBB379;*/
}

.middle_content{
margin-top: 72px;
}

/**  Homepage #######################################**/



.middle_wrapcontent{
	padding: 0; /*30px 0;*/
	width: 1250px;
	margin: 0 auto;
	clear: both;
	position: relative;
	padding-bottom: 344px;

}

.main_box1a{
	width: 404px;
	height:46px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding:0;/*5px 14px 9px 15px;*/
	background-color: #045527;
	color: #fff;
	font-size: 14pt;


}

.main_box1{
	width: 925px;
	height:46px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding:0;/*5px 14px 9px 15px;*/
	background-color: #045527;
	color: #fff;
	font-size: 14pt;

}

.main_3box{
/*	margin-top: 13px;*/
/*to make the div justify with span class of stretch*/
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}


#boxshow {
    height: 100%;
    width: 100%;
    background: #ffe42e;
    position: absolute;
}
#boxshowslide {
    position: absolute;
    bottom: -100%;
    height : 100%;
    width : 100%;
    background: white;
    opacity:1; /*default 0, remove opacity*/
    height:0;
    display: inline-block;
    transition: all 1.00s ease;
}
.slidebox {
    position: relative;
    width:300px;
    height:218px;
    overflow:hidden;
    background: red;
    display: inline-block;
    box-shadow: 1px 1px 3px #ccc;
    margin-top: 10px;
}
.slidebox:hover #boxshowslide {
    bottom: 0;
    -webkit-transition: all 1s, -webkit-transform 1s;
    transition: all 1s, transform 1s;
    width:100%;
    height:100%;
    opacity:1;
}


div#boxshowslide p{
	font-size: 14px;
	padding-top: 0;
	margin-top: 3px;
}

div#boxshowslide a {
color: #34ac2e;
text-decoration: none;
font-weight: 400;
 padding: 12px;
 font-size: 14px;
}

div#boxshowslide a:hover {
color: #045527;
text-decoration: none;
font-weight: 400;
 padding: 12px;
}

.imageblue1{
	background:url("../img/imgblue1.png") no-repeat;
	width: 300px;
	height: 176px;
}
.text_imageblue1{
	background: url("../img/arrowgreenup.png") no-repeat right;
	background-position-x: 96%;
	background-position: calc(263px) 8px;/*For firefox*/
	background-color: #ffe42e;
	width: 276px;
	color: #000;
	font-size: 13.5pt;
	font-weight: 300;
	padding: 12px 12px;
}

.text_imageblue1top
{
	background: url("../img/arrowgreendown.png") no-repeat right;
	background-position-x: 96%;
	background-position: calc(263px) 8px;/*For firefox*/
	background-color: #ffe42e;
	width: 276px;
	color: #000;
	font-size: 13.5pt;
	font-weight: 300;
	padding: 10px 12px;
	margin-bottom: 10px;
}


.imageblue2{
	background:url("../img/imgblue2.png") no-repeat;
	width: 300px;
	height: 176px;
}
.text_imageblue2{
	background: url("../img/arrowgreenup.png") no-repeat right;
	background-position-x: 96%;
	background-position: calc(263px) 8px;/*For firefox*/
	background-color: #ffe42e;
	width: 276px;
	color: #000;
	font-size: 13.5pt;
	font-weight: 300;
	padding: 12px 12px;
}

.text_imageblue2top
{
	background: url("../img/arrowgreendown.png") no-repeat right;
	background-position-x: 96%;
	background-position: calc(263px) 8px;/*For firefox*/
	background-color: #ffe42e;
	width: 276px;
	color: #000;
	font-size: 13.5pt;
	font-weight: 300;
	padding: 10px 12px;
	margin-bottom: 10px;
}


.imageblue3{
	background:url("../img/imgblue3.png") no-repeat;
	width: 300px;
	height: 176px;
}
.text_imageblue3{
	background: url("../img/arrowgreeneup.html") no-repeat right;
	background-position-x: 96%;
	background-position: calc(263px) 8px;/*For firefox*/
	background-color: #ffe42e;
	width: 276px;
	color: #000;
	font-size: 13.5pt;
	font-weight: 300;
	padding: 7px 12px;
}

.text_imageblue3top
{
	background: url("../img/arrowgreendown.png") no-repeat right;
	background-position-x: 96%;
	background-position: calc(263px) 8px;/*For firefox*/
	background-color: #ffe42e;
	width: 276px;
	color: #000;
	font-size: 13.5pt;
	font-weight: 300;
	padding: 10px 12px;
	margin-bottom: 10px;
}


#dateblueround_home{
	position: absolute;
	font-weight: 300;
	text-align: center;
    padding-top: 8px;
    padding-left: 8px;
    color:#ffe42e;
}

#dateblueround{
	position: absolute;
	padding: 29px 32px;
	font-weight: 300;
	text-align: center;
}
.main_2box {
/*	height: 360px;*//*370px*/;

}

.main_2box1{
/*	display: inline-block;
	float: left;
	width: 45%;
	height:25px;
	border: 4px solid #55c9ed;
	border-top-left-radius: 15px;
	padding: 8px 10px 9px 15px;
	color: #55c9ed;
	font-size: 17pt;
	margin-bottom: 14px;*/
	width: 606px;
	float: left;
	height: 46px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 14pt;

}
.main_2box2{
/*	display: inline-block;
	float: right;
	width: 45%;
	height:25px;
	border: 4px solid #77da50;
	border-top-left-radius: 15px;
	padding: 8px 10px 9px 15px;
	color: #77da50;
	font-size: 17pt;
	margin-bottom: 14px;*/

/*	width: 606px;
	float: right;
	height: 46px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 14pt;*/
	
	width: 400px;
/*	float: right;*/
	height: 46px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 14pt;

}

.arrowgreen{
	display: inline-block;
	width: 10px;
	height: 71px;
	background: url("../img/main_2box2_box-side.png") no-repeat left;
	margin-left:-3px;
	position: absolute;
	margin-top: 0;
}

.arrowblue{
	display: inline-block;
	width: 10px;
	height: 90px;
	background: url("../img/main_2box1_box-side.png") no-repeat left;
	margin-left: -3px;
}


#news_title{
	font-size:14px;
	font-weight: 300;
}

.main_2box1_box{
/*	display: inline-block;
	float: left;
	width: 300px;
	height:214px;
	background-color: #60b32f;
	padding: 5px 10px 12px 15px;
	color: #000;
    margin-top: 10px;*/
	
	display: inline-block;
	float: left;
	width: 404px;
	height:287px;
	background-color: #60b32f;
/*	padding: 5px 10px 12px 15px;*/
	color: #000;
    margin-top: 10px;	
}
.main_2box1_box_a{
	height: 71px;
	border-bottom: 1px solid #fff;

}
.main_2box1_box_a1_home{
	display: inline-block;
/*	background: url("../img/roundblue.png") no-repeat left;
	background-position-x: 30%;
	background-position: calc(14px) 14px; /*for Firefox since back x not working*/
	background-color: #017036;
	width: 83px;
	height: 71px;

}

.main_2box1_box_a1{
/*	display: inline-block;
	background: url("../img/roundblue.png") no-repeat left;
	background-position-x: 30%;
	background-position: calc(14px) 14px; /*for Firefox since back x not working*/
/*	background-color: #61d4f8;
	width: 98px;
	height: 92px;*/
display: inline-block;
background-color: #017036;
width: 83px;
height: 71px;


}
.main_2box1_box_a2{
	display: inline-block;
	width:  450px;
    height: 38px;
	/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/*	background-color: pink;*/
	margin-left: 11px;
	position: absolute;
	padding: 12px;

/*	display: inline-block;
	width: 325px;
	height: 90px;
	background: url("../img/main_2box1_box-side.png") no-repeat left;
	background-color: #55c9ed;
	margin-left: -3px; /*make the side arrow close to first box*/

}

.main_2box1_box_b{
    height: 71px;
	border-bottom: 1px solid #fff;
}
.main_2box1_box_b1 {
    display: inline-block;
/*  background: url("../img/roundblue.png") no-repeat left;
    background-position-x: 30%;
    background-position: calc(14px) 14px; /*for Firefox since back x not working*/
    background-color: #017036;
    width: 83px;
    height: 71px;
}
.main_2box1_box_b2{
	display: inline-block;
	width: 177px;
	height: 38px;
	/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/*	background-color: pink;*/
	margin-left: 11px;
	position: absolute;
	padding-left: 10px;
    padding-top: 5px;
}
.main_2box1_box_c{
    height: 71px;
	border-bottom: 1px solid #fff;

}
.main_2box1_box_c1 {
    display: inline-block;
/*  background: url("../img/roundblue.png") no-repeat left;
    background-position-x: 30%;
    background-position: calc(14px) 14px; /*for Firefox since back x not working*/
    background-color: #017036;
    width: 83px;
    height: 70px;
}
.main_2box1_box_c2{
	display: inline-block;
	width: 177px;
	height: 38px;
	/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/*	background-color: pink;*/
	margin-left: 11px;
	position: absolute;
    padding-left: 10px;
    padding-top: 5px;
}
.main_2box2_box{
/*	display: inline-block;
	float: right;
	width: 604px;
	height:285px;
	background-color: #60b32f;
	padding:5px 10px 12px 15px;
	color: #fff;
	margin-top: 10px;*/

	display: inline-block;
	float: right;
	width: 400px;
	height:287px;
	background-color: #60b32f;
/*	padding:5px 10px 12px 15px;*/
	color: #fff;
	margin-top: 10px;

}
.main_2box2_box_a{
	height: 71px;
	border-bottom: 1px solid #fff;
}
.main_2box2_box_a1{
	display: inline-block;
	background-color: #017036;
	width: 166px;
	height: 71px;
	color: #ffe42e;
}
.main_2box2_box_a2{
	display: inline-block;
	width: 417px;
	/* height: 90px; */
	/* background-color: pink; */
	margin-left: 14px;
	position: relative;
	padding-top: 12px !important;
}


.main_2box2_box_b{
	height: 71px;
	border-bottom: 1px solid #fff;
}
.main_2box2_box_b1 {
	display: inline-block;
	background-color: #017036;
	width: 166px;
	height: 71px;
	color: #ffe42e;
}
.main_2box2_box_b2{
	display: inline-block;
	width: 334px;
	/* height: 90px; */
	/* background-color: pink; */
	margin-left: 14px;
	position: relative;
	padding-top: 12px !important;
}

.main_2box2_box_c{
	height: 71px;
	border-bottom: 1px solid #fff;

}
.main_2box2_box_c1 {
	display: inline-block;
	background-color: #017036;
	width: 83px;
	height: 70px;
	color: #ffe42e;
}
.main_2box2_box_c2{
	display: inline-block;
	width: 300px;
	/* height: 90px; */
	/* background-color: pink; */
	margin-left: 14px;
	position: relative;
	padding-top: 12px !important;
}



/**  SUBPAGE   #######################################**/

.content_sub{
	width: 950px;
	margin: 0 auto;

}
.content_main{
	width: 665px;
	float: left;
	background-color: white;
	margin-top: -70px;
	text-align: justify;

}

.content_side{
	width: 245px;
	float: right;
	background-color: white;
	margin-top: 10px;
}

p.content_main{
	color: #454545;
	font-size: 17px;
	font-family: 'Arial';
	font-weight: 400;


}

.box_studentsupport{
	border: 3px solid #77da50;
	padding: 20px 25px;
	height:85px;
	font-size: 14px;
	clear: both;
}


.aboutus_greybox{
	width: 620px;
	height: 233px;
	background-color:#f8f8f8;
	padding: 30px 20px;

}


/**  Button Declarations  #############################**/


.button_right{
	float: right;

}

.button_box_darkyellow_leavemessage {
    background-color: #F2EF48;
    border: 2px solid #FFE42E;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-family: arial;
    font-size: 16px;
    text-decoration: none;
    margin-right: 13px;
    margin-top: 7px;
    height: 27px;
    width: 139px;
}


.button_box_darkyellow {
	background-color: #f2ef48;
	border: 2px solid #ffe42e;
	display: inline-block;
	cursor: pointer;
	color: #000;
	font-family: arial;
	font-size: 14px;
	/* padding: 6px; */
	text-decoration: none;
	margin-right: 13px;
	margin-top: 7px;
	height: 27px;
	width: 90px;
}
.button_box_darkyellow:hover ,.button_box_darkyellow_leavemessage:hover {
	background-color:#ffe42e;
}
.button_box_darkyellow:active ,.button_box_darkyellow_leavemessage:active {
	position:relative;
	top:1px;
}

.button_yellow_text{
	color: #000;
	font-family: arial;
	font-size: 14px;
	padding-left: 14px;
	padding-top: 5px;
}
.button_box_lighblue {
	background-color: #55c9ed;
	border: 2px solid #4eb6d7;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: arial;
	font-size: 16px;
	padding: 4px 8px;
	text-decoration: none;
	margin-top: -2px;
	margin-right: 7px;
}
.button_box_lighblue:hover {
	background-color:#4eb6d7;
}
.button_box_lighblue:active {
	position:relative;
	top:1px;
}

button.button_studentsupport,  button.button_studentsupport:hover, button.button_studentsupport:active {
    background-color: #ffdd00;
    border: 2px solid #e6c700;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 16px;
    padding: 4px 8px;
    text-decoration: none;
	float: right;


}


/* FOOTER #######################################*/

footer{
	color: #878787;
	clear: both;
}

.wrap_green, .wrap_grey{
	width: 1250px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
.wrap_green{
	text-align: right;
	color:#fff;
	padding-top: 21px;
	font-size: 10pt;
	float: right;
	width: 1250px;



}
.wrap_grey{
	/*height: 120px;*/
}

.footer_address{
	font-size: 10pt;
	/*margin-top:-9px;*/
}
.footer_bottom_left{
	/*float:left;*/
	/*width: 685px;*/
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.footeradd_left{
	float: left;
	width: 190px;
    margin-top: 45px;
}
.footeradd_left2{
    /*float: left;*/
    /*width: 236px;*/
    width: auto;
    margin-top: 15px;
}
.footeradd_right{
	float: right;
	width: 222px;
}
.footer_bottom_right{
	float: right;
	width: 520px;
	font-size: 10pt;
	text-align: right;
	margin-top:-9px;
    padding-right: 22px;
}

/*.footer_img_ntu {
	width: 119px;
	height: 49px;
	display:inline-block;
 	background:transparent url("../img/NTU.png") center top no-repeat;
}

.footer_img_ntu:hover {
   background-image: url("../img/NTU_active.png");
}

.footer_img_rs {
	width: 64px;
	height: 49px;
	display:inline-block;
 	background:transparent url("../img/rsb.jpg") center top no-repeat;
}

.footer_img_rs:hover {
   background-image: url("../img/rsb_active.png");
}
.footer_img_oum {
	width: 172px;
	height: 49px;
	display:inline-block;
 	background:transparent url("../img/oum.png") center top no-repeat;
}

.footer_img_oum:hover {
   background-image: url("../img/oum_active.png");
}

.footer_img_taylor {
	width: 113px;
	height: 49px;
	display:inline-block;
 	background:transparent url("../img/taylor.png") center top no-repeat;
}

.footer_img_taylor:hover {
   background-image: url("../img/taylor_active.png");
}

.footer_img_jpk {
	width: 35px;
	height: 49px;
	display:inline-block;
 	background:transparent url("../img/JPK.png") center top no-repeat;
}

.footer_img_jpk:hover {
   background-image: url("../img/JPK_active.png");
}*/



/* MISC #######################################*/

/*.iconlogo{ CSS3 to grayscale, disable as IE not support
 -webkit-filter: grayscale(1);
  filter: grayscale(1);

}
.iconlogo:hover{
 -webkit-filter: grayscale(0);
  filter: grayscale(0);
}


.icon_studentlogin{
	background-image: url("../img/fbicon.png");
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	display: inline-block;
}

*/


img.flip:hover {
opacity: 0.8; /* good browsers */
    filter: alpha(opacity=80); /* ye 'old IE */
}

.simple-tooltip{

}



/*-------------
Search
-------------*/


.searchForm fieldset { width: 60%; display:block; }
div.input { width:100px; padding: 5px 8px; border-radius: 20px; /*border: 1px solid #007fc7;*/ box-shadow: inset 0 2px 2px rgba(0,0,0,0.2); float: right; background: #fff; position:absolute; right: 0; top: 10px; z-index: 2;margin-right:5px;}
div.input.focus { border: 1px solid #9ecbe2; box-shadow: 0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); }
input.searchkey { width: 250px; border: 0; border-radius: 20px; background: transparent; height: 16px; color:green; text-shadow:0 1px 1px #fff; }
input.searchkey:focus { outline:none; }
input#searchSubmit { width: 25px; height: 14px; text-indent: -9999px; overflow:hidden; background: url(../img/searchIcon.png) no-repeat right center; border: 0; position:absolute; top: 17px; right:0; z-index:5; cursor:pointer; }


/*-------------
menu-dropdown
-------------*/


/* Navigation Bar */

#menu {
    list-style:none;
    padding:0;
    height:43px;
    /*width: 960px;*/
}

#menu li {
    float:left;
    text-align:center;
    position:relative;
/*    padding: 4px 10px 4px 10px;
    margin-right:30px; */
    margin-top:-2px;
    border:none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 19px;
    clear: right;
}


#menu li a.programmes,#menu li a.aboutus,#menu li a.academic,#menu li a.mediacentre,#menu li a.studentsupport,#menu li a.newsevents,#menu li a.studenthighlight{
	font-family:inherit;
    display:block;
    outline:0;
    text-decoration:none;
    font-size: 14px;
    color: #000;/*#6b6b6b;*/
    font-weight: 600;
}

a.arrowlearn {
	color: white;
}

.dropdown_programmes a {
    font-family:inherit;
    display:block;
    outline:0;
    text-decoration:none;
    font-size:14px;
    color: #34ac2e;
    font-weight: 600;

}

.dropdown_academic a {
    font-family:inherit;
    display:block;
    outline:0;
    text-decoration:none;
    font-size: 14px;
    color: #34ac2e;
    font-weight: 400;

}


.dropdown_student a {
    font-family:inherit;
    display:block;
    outline:0;
    text-decoration:none;
    font-size: 14px;
    color: #34ac2e;
    font-weight: 400;
}

.dropdown_news a {
    font-family:inherit;
    display:block;
    outline:0;
    text-decoration:none;
    font-size: 14px;
    color: #34ac2e;
    font-weight: 400;
}

.dropdown_studenthighlight a {
    font-family:inherit;
    display:block;
    outline:0;
    text-decoration:none;
    font-size: 14px;
    color: #34ac2e;
    font-weight: 400;
}

.dropdown_programmes a:hover,.dropdown_academic a:hover,.dropdown_student a:hover,
.dropdown_news a:hover,.dropdown_studenthighlight a:hover {
    color: #045527;
}


.dropdown_programmes_title{
	color: #005f90;
    font-size: 14.4px;
    font-weight: 400;
}


#menu li:hover .whitemenu { /*IMPORTANT TO REMOVE MAIN MENUBELOW BORDER */
	position: relative;
	z-index: 9999 !important;
	/*background-color: white;*/
	height: 36px;
}

/*#menu li:hover {
    border: 1px solid #008cd4;
    padding: 0 0px 5px 0px;/*required to hover!
}
*/

/*individual coloring menu */



#menu li.aboutus:hover {
    /*border: 1px solid #008cd4;*/
    /*padding: 0;*/
    /*required to hover! */
    background-color: #60b32f;
    position: relative;
    z-index: 9999 !important;
    /* background-color: white; */
    height: 38px;
}

#menu li:hover.aboutus a.aboutus {
	color:#fff;

}
#menu a.aboutus:hover{
	color: #0fa053;
	font-weight: 400;
	border:none;
}



#menu li.programmes:hover {
    /*border: 1px solid #008cd4;*/
    /*padding: 0;*/
    /*required to hover! */
    background-color: #60b32f;
    height: 38px;
}
#menu li.programmes:hover a.programmes {
	color:#fff;
	font-weight: 400;
}



#menu li.academic:hover {
    /*border: 1px solid #12b6ac;*/
    /*adding: 0;*/
    /*required to hover! */
    background-color: #60b32f;
/*    position: relative;
    z-index: 9999 !important;*/
    /* background-color: white; */
    height: 38px;
}
#menu li.academic:hover a.academic {
	color:#fff;
	font-weight: 400;
}


#menu li.mediacentre:hover {
    /*border: 1px solid #12b6ac;*/
    /*adding: 0;*/
    /*required to hover! */
    background-color: #60b32f;
/*    position: relative;
    z-index: 9999 !important;*/
    /* background-color: white; */
    height: 38px;
}

#menu li.mediacentre:hover a.mediacentre {
	color:#fff;
	font-weight: 400;
}
#menu  a.mediacentre:hover{
	color: #4ecaee;
	font-weight: 400;
	border:none;
}


#menu li.studentsupport:hover {
    background-color: #60b32f;
/*    position: relative;
    z-index: 9999 !important;*/
    /* background-color: white; */
    height: 38px;
}
#menu li.studentsupport:hover a.studentsupport {
	color:#fff;
	font-weight: 400;
}



#menu li.newsevents:hover {
/*    border: 1px solid #eb58a6;*/
    background-color: #60b32f;
/*    position: relative;
    z-index: 9999 !important;*/
    /* background-color: white; */
    height: 38px;
}
#menu li.newsevents:hover a.newsevents {
	color:#fff;
	font-weight: 400;
}


#menu li.studenthighlight:hover {
/*    border: 1px solid #f2b131;*/
    background-color: #60b32f;
/*    position: relative;
    z-index: 9999 !important;*/
    /* background-color: white; */
    height: 38px;
}
#menu li.studenthighlight:hover a.studenthighlight {
	color:#fff;
	font-weight: 400;
}

#menu li .drop {
    padding:0 13px;

}
#menu li:hover .drop {
/*	margin-bottom: 15px;*/
}

/* Drop Down */

.dropdown_news,
.dropdown_about,
.dropdown_studenthighlight,
.dropdown_academic,
.dropdown_media,
.dropdown_student,
.dropdown_programmes {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
/*    padding:10px 5px 10px 5px;  */
	z-index: 50;
}
.dropdown_academic{
	width:360px; margin:10px 0 16px 0;}

  /*individual coloring box*/

.dropdown_programmes {
 /*   border:1px solid #008cd4;*/
  	background-color: #ebf3e2;
}
.dropdown_academic {
/*    border:1px solid #1aaea0;*/
    background-color: #ebf3e2;
}

.dropdown_student {
/*    border:1px solid #74da46;*/
    background-color: #ebf3e2;
}

.dropdown_news {
/*    border:1px solid #eb58a6;*/
    background-color: #ebf3e2;
}

.dropdown_studenthighlight{
/*	border:1px solid #f1ac31;*/
    background-color: #ebf3e2;
}


.dropdown_news {
    width: 160px;
    padding: 14px;
    padding-right: 0;
    padding-left: 17px;
    height: 30px;
}
.dropdown_about {width: 950px;}
.dropdown_studenthighlight {width: 193px;height: 27px;padding: 15px 0;}
.dropdown_academic{width: 361px;height: 28px;padding: 15px 0;}
.dropdown_media{width: 375px;height: 28px;padding: 15px 0;}
.dropdown_student{
	width: 622px;
    padding: 13px;
    padding-right: 0;
    padding-left: 17px;
    height: 31px;
}

.dropdown_programmes {
	width: 730px;
    height: 155px;
}



#menu li:hover .dropdown_news
{
	left: -4px;
	top: 53px;
	z-index: 99;
}
#menu li:hover .dropdown_about /*About*/
{
    left:-119px;
    top: 51px;
    z-index: 99;
}
#menu li:hover .dropdown_studenthighlight
{
    left: auto;
    right: 0;
    top: 53px;
	z-index: 99;
	padding-right: 0;
	padding-left: 17px;
}
#menu li:hover .dropdown_academic /*Academic Initiatives*/
{
	left: -1px;
	top: 47px;
	z-index: 99;
	padding-right: 0;
	padding-left: 17px;
}
#menu li:hover .dropdown_media /*media*/
{
    left: -447px;
    top: 51px;
    z-index: 99;
}

#menu li:hover .dropdown_student /*student*/
{
    right: 0;
    left: auto;
    top: 53px;
    z-index: 99;
}
#menu li:hover .dropdown_programmes   /*Programmes*/
{
  	left:-242px;
    top: 53px;
    z-index: 99;
}

/* Columns */

.col_1,.col_prog_1,.col_prog_2,.col_prog_3,.col_prog_4{
    display:inline;
    float: left;
    position: relative;
/*    margin-left: 5px;
    margin-right: 5px; */
}
.col_prog_1 {width:190px; background-color:transparent;padding:18px 0 0 155px;} /* 25px 0 0 25px*/
.col_prog_2 {width:140px;background-color:transparent; padding:18px 0 0 40px;}
.col_prog_3 {width:280px;background-color:transparent; padding:18px 0 0 40px;}
.col_prog_4 {width:302px;height: 156px;/*156px;*/color:#fff;float: right;}
.col_prog_4blue{background-color:#37372f;}
.col_prog_blue{padding:35px 0 0 21px;}
 #menu_title{
/* 	font-size: 15px;
 	font-family: "Arial";
 	font-weight: 700;
*/
font-size: 14px;
font-family: "Arial";
font-weight: 600;
color: #000;
 }
#menu_title_prog {
font-size: 15px;
font-family: "Arial";
font-weight: 700;
}


 #menu_how{
 	font-size: 30px;
 	font-family: "Arial";
 	font-weight: 500;
 	color: #fff;
 }

  #menu_learn{
 	font-size: 16px;
 	font-family: "Arial";
 	font-weight: 400;
 	color: ##fff;
 }

#arrowlearn{
	font-size: 39px;
	font-weight: 100;
	line-height: 11px;
	margin-top: 5px;
	float: right;
	margin-right: 70px;
}

/* Drop Down Content Stylings */

.col_academic{
	width: 198px;
	height: 155px;
 	background:transparent url("../img/academic_initiatives.jpg") no-repeat;
    display:inline;
    float: left;
    position: relative;
}

/*.col_media{
	width: 198px;
	height: 155px;
 	background:transparent url("../img/media_center.jpg") no-repeat;
    display:inline;
    float: left;
    position: relative;
}
*/
.col_student{
	width: 198px;
	height: 155px;
 	background:transparent url("../img/student_support.jpg") no-repeat;
    display:inline;
    float: left;
    position: relative;
}

.col_news{
	width: 198px;
	height: 155px;
 	background:transparent url("../img/news_and_events.jpg") no-repeat;
    display:inline;
    float: left;
    position: relative;
}

.col_studenthighlight{
	width: 198px;
	height: 155px;
 	background:transparent url("../img/student_highlight.jpg") no-repeat;
    display:inline;
    float: left;
    position: relative;
}


#menu li ul {
    list-style:none;
    padding:0;
    margin:7px 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:16px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    padding-top: 3px;
    /*width:130px; */
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
    padding-top: 3px;
}




.li_header-small{
	float: left !important;
    padding: 0 32px 0px 15px !important;

}

/*##########################################
			BANNER
##########################################*/


.flexslider, .flexslider-controls {
  width: 1250px;/*950px default*/
  height:465px;
}

.slide_text {
	display: none;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
  bottom: 0;
  color: #fff;
  /*display: block; open if want to show*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6–IE9 */
  left: 0;
  padding: 1em;
  position: absolute;
  width: 100%;
  zoom: 1;
}

.slide_title {
  font-size: 13px;
  text-transform: uppercase;
}

.slide_byline {
  font-size: 0.8em;
  display: block;
}

.flex-control-nav li {
  background: #fff;
  border-right: solid #fff 1px;
  color: #000;
  cursor: pointer;
  float: left;
  height: 50px;
  margin: 0 0 0 0; /*iipx top */
  padding: 18px 1.5em;
  vertical-align: middle;
  width: 25%;
  font-size: 13px;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex-control-nav li:last-child {
   border: none;
}


.flex-control-nav .flex-active {
  background: #ffe42e;
  color: #000;
/*  	background-image: url("system/stylesheets/img/arrowbanner.png");
	background-repeat: no-repeat;
	background-position: center;*/
}
/* Minified FlexSlider CSS with Chrome fix */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
    outline:0;
}

.slides,.flex-control-nav,.flex-direction-nav {
    margin:0;
    padding:0;
    list-style:none;
}

.flexslider {
    margin:0;
    padding:0;
}

.flexslider .slides>li {
    display:none;
/*-webkit-backface-visibility:hidden;*/
    position:relative;
}

.flexslider .slides img {
    width:100%;
    display:block;
}

.flex-pauseplay span {
    text-transform:capitalize;
}

.slides:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

html[xmlns] .slides {
    display:block;
}

* html .slides {
    height:1%;
}

.no-js .slides>li:first-child {
    display:block;
}

.flexslider {
    background:#fff;
    position:relative;
    zoom:1;
    width: 1250px;
	margin-left: 0;/*-40px;*/
}

.flex-viewport {
    max-height:465px;
    width: 1250px;/*def 950pxsize width banner*/
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
}

.loading .flex-viewport {
    max-height:300px;
}

.flexslider .slides {
    zoom:1;
}

.carousel li {
    margin-right:5px;
}

.flex-direction-nav {
    *height:0;
}

.flex-direction-nav a {
    width:30px;
    height:30px;
    margin:-20px 0 0;
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    text-indent:-9999px;
    opacity:0;
    -webkit-transition:all .3s ease;
}


.flex-direction-nav .flex-next {
    background-position:100% 0;
 	width:24px;
    height:52px;
	background: url("../img/banner_next.png") no-repeat;
    right:-36px;
}

.flex-direction-nav .flex-prev {
    background-position:100% 0;
 	width:24px;
    height:52px;
	background: url("../img/banner_prev.png") no-repeat;
    right:-36px;
    left:-36px;

}

.flexslider:hover .flex-next {
    opacity:.8;
    right:5px;

}

.flexslider:hover .flex-prev {
    opacity:.8;
    left:5px;
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
    opacity:1;
}

.flex-direction-nav .flex-disabled {
    opacity:.3!important;
    filter:alpha(opacity=30);
    cursor:default;
}

.flex-control-nav {
    width:100%;
    text-align:center;
}

.flex-control-nav li {
    zoom:1;
    *display:inline;
}

.flex-control-paging li a {
    width:11px;
    height:11px;
    display:block;
    background:#666;
    background:rgba(0,0,0,0.5);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
    box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
    background:#333;
    background:rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
    background:#000;
    background:rgba(0,0,0,0.9);
    cursor:default
}

.flex-control-thumbs {
    margin:5px 0 0;
    position:static;
    overflow:hidden;
}

.flex-control-thumbs li {
    width:25%;
    float:left;
    margin:0;
}

.flex-control-thumbs img {
    width:100%;
    display:block;
    opacity:.7;
    cursor:pointer;
}

.flex-control-thumbs img:hover {
    opacity:1;
}

.flex-control-thumbs .flex-active {
    opacity:1;
    cursor:default;
}






/* ###############################
         SIDEBAR
 #############################*/

/*.side_register{
	width:243px;
	height:95px;
	background: url("../img/side_register.jpg") no-repeat;
}

.side_talk_to_us{
	width:243px;
	height:95px;
	background: url("../img/side_talk_to_us.jpg") no-repeat;

}*/



/*.side_scholarship{
	width:240px;
	height:76px;
	background: url("../img/side_scholarship.png") no-repeat;
}

.side_newsroom{
	width:240px;
	height:76px;
	background: url("../img/side_news.png") no-repeat;
}

.side_industryplacement{
	width:240px;
	height:76px;
	background: url("../img/side_industry_placement.png") no-repeat;
}
.side_eventcalendar{
	width:240px;
	height:76px;
	background: url("../img/side_event_calender.png") no-repeat;
}


.side_facilities{
	width:240px;
	height:76px;
	background: url("../img/side_student_facilities.png") no-repeat;
}


.side_std_prod{
	width:240px;
	height:76px;
	background: url("../img/side_student_highlight_PD.png") no-repeat;
}

.side_std_skild{
	width:240px;
	height:76px;
	background: url("../img/side_student_highlight_SD.png") no-repeat;
}

.side_std_ojt{
	width:240px;
	height:76px;
	background: url("../img/side_student_highlight_OJT.png") no-repeat;
}
.side_pi_workshop{
	width:240px;
	height:76px;
	background: url("../img/side_workshop.png") no-repeat;
}
.side_pi_pcs{
	width:240px;
	height:76px;
	background: url("../img/side_seminar.png") no-repeat;
}*/

.side_box_title  {
	width: 240px;
	height: 43px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';
}

.side_box_blue_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';
}

.side_box_green_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';
}
.side_box_orange_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';
}


.side_box_pink_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';
}

.side_box_purple_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';

}

.side_box_turq_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';
}



.side_box_uglygreen_title  {
	width: 240px;
	height: 47px;
	border-top-left-radius: 15px;
	padding: 0;
	background-color: #045527;
	color: #fff;
	font-size: 13pt;
	font-family: 'Arial';

}



.side_master a, .side_css a, .side_ojt a, .side_skilldev a,.side_prodev a,.side_diploma a, .side_certificate a, .side_quicklinks a{color: white;text-decoration:none;}

.side_certificate ul> li ,.side_css ul> li ,.side_ojt ul> li ,.side_skilldev ul> li ,.side_prodev ul> li ,.side_diploma ul> li ,.side_master ul> li , .side_quicklinks ul> li{
	list-style-type: none;
	list-style: none;
	line-height: 18px;
	text-indent: -8px;
	margin-left: -8px;
	padding: 4px;
	padding-top: 5px;
}



/*.side_ojt{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:240px;
	background: url("../img/side_OJT.png") no-repeat bottom;
	background-color: #60b32f;

}

.side_css{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:240px;
	background: url("../img/side_corporate_sustainability_series.png") no-repeat bottom;
	background-color: #60b32f;

}

.side_certificate{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:240px;
	background: url("../img/side_certificate.png") no-repeat bottom;
	background-color: #60b32f;

}


.side_master{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:158px;
	background: url("../img/side_master.png") no-repeat bottom;
	background-color: #60b32f;

}
.side_skilldev{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:180px;
	background: url("../img/side_SD.png") no-repeat bottom;
	background-color: #60b32f;

}

.side_prodev{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:200px;
	background: url("../img/side_diploma.png") no-repeat bottom;
	background-color: #60b32f;

}


.side_diploma{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height: 190px;
	background: url("../img/side_diploma.png") no-repeat bottom;
	background-color: #60b32f;

}
*/

.side_quicklinks ul, .side_certificate ul, .side_css ul, .side_ojt ul, .side_skilldev ul, 
.side_prodev ul, .side_diploma ul, .side_master ul  {
margin: 0;
padding-top: 5px;
}

/*.side_quicklinks{
	color: white;
	font-size: 14px;
	font-family: 'Arial';
	text-decoration: none;
	width: 240px;
	height:180px;
	background: url("../img/side_quicklinks.png") no-repeat bottom;
}*/
.side_quicklinks_blue{
	background-color: #60b32f;
	height: 215px;
}

.side_quicklinks_purple{
	background-color: #60b32f;
	height: 180px
}
.side_quicklinks_turq{
	background-color: #60b32f;
	height: 215px;
}


/* ============================================================
  Student support slide image
============================================================ */
.img1{
	width: 200px;
	height: 200px;
	/* display: inline-block; */
	font-size: 14px;
	font-family: 'Arial';
	/* padding: 7px 0px; */
/*	background-color: pink;*/
	display: inline-table;
	text-align: left;

}


.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  overflow: hidden;


}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: 5px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(120, 217, 83, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #78d953;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 80px;
  height: 80px;
  /*border: solid 5px #fff;*/
  text-align: center;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;
}


/* ============================================================
 slide programme table
============================================================ */

.hexabox{
	display: inline-block;
	background: url("../img/hexabox.png") no-repeat left;
	background-position-x: 30%;
	color: #045527;
	width: 170px;/*139*/
	height: 58px;
}

.hexaboxsmall{
	display: inline-block;
	background: url("../img/hexabox_small.png") no-repeat left;
	background-position-x: 30%;
	color: #045527;
	width: 103px;
	height: 51px;
}

.hexaboxsmall_green{
	display: inline-block;
	background: url("../img/hexabox_small_green.html") no-repeat left;
	background-position-x: 30%;
	color: #77da50;
	width: 103px;
	height: 51px;
}


.hexaboxgrey{
	background-color: whitesmoke;

}

.hexatext {
	padding-top: 13px;
	padding-left: 15px;
	padding-right: 25px;
	font-weight: 700;
	font-size: 13px;
}

.hexatext_small {
	padding-top: 10px;
	padding-left: 23px;
	font-weight: 700;
	font-size: 13px;
}
.hexatextsingle{
	margin-top: 7px;
}


.programme_table {
	list-style-type: disc;
	font-size: 14px;
	font-family: 'Arial';
	margin-left: -23px;

}

.st-content ul li{
    /*height: 100px;*/
    border:none;
    overflow: visible;

}

.st-content table td{
	padding: 10px;
	font-size: 14px;
	font-family: 'Arial';
    vertical-align: top;
    padding-left: 0;
}

.download_yellow {
	background-color: #ffcc00;
	width: 140px;
	height: 49px;
	color: black;
	font-size: 17px;
	font-family: 'Arial';
	font-weight: 700;
	padding-top: 9px;
	padding-left: 44px;
	margin-left: -65px;
}
td {
	text-align: left;
}

table.table_calendar td
, table.table_calendar tr,
table.table_calendar th,
table.table_calendar {
	border-collapse: collapse;
	border: 1px solid #e7e7e7;
}

table.table_calendar th.tdx {
border-color: white;
}

.table_calendar{
	 font-size: 13px;
	 color:#545454;
	 font-family: 'Arial';
	 font-weight: 700;
	 text-align: center;
	 padding: 5px;
	 width: 650px;

}
.table_calendar td, th{
	padding: 5px;
}

.table_tr_calendar{
	text-align: center;
    background-color: #017036;
    color: #fff;
    font-size: 12px;
    height: 40px;
    padding: 10px;
    text-transform: uppercase;

}
.table_month_calendar{
	background-color: #ffe42e;
	color:#000;
	text-align: center;
}
.table_no_programme{
	background-color: #045527;
	color:#fff;
	text-align: center;
	width: 14px;

}
.eventcalendaryear_color{
	color:#017036;
	font-weight: 900;
	font-size: 17px;
}
.eventcalendarword_color{
	color:#017036;
	font-weight: 900;
	font-size: 17px;

}

.table_month_publicconference{
	background-color: #ffe42e;
	color:#000;
	text-align: center;

}
.table_month_studenthighlight{
	background-color: #ffe42e;
	color:#000;
	text-align: center;

}
.table_td_studentservice{
	background-color: #ffe42e;
	color:#000;
	text-align: center;

}



/* ============================================================
 media page
============================================================ */

#tabs ul li
{
    list-style: none;
float: left;
position: relative;
top: 0;
margin: 0 .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;

}


a.ui-tabs-anchor {
color: grey;
font-weight: 400;
font-size: 17px;
text-decoration: none;
padding-left: 2px;
padding-right: 1px;

}
a.ui-tabs-anchor:hover {
color: grey;
/*font-weight: 400;
font-size: 17px;*/
text-decoration: underline;
}



li.ui-state-active a,li.ui-state-active a:hover{
color: #000;
font-weight: 700;
font-size: 17px;
text-decoration: none;
}


.main_media_box{
display: inline-block;
float: left;
width: 650px;
/*height: 214px;*/
background-color: #60b32f;
/* padding: 5px 10px 12px 15px; */
color: #000;
/*margin-top: 10px;*/

}
.main_media_box_a{
	/*height: 33%;*/
	border: 1px solid #55c9ed;
	height:92px;
	border-bottom: none;

}
.main_media_box_a1{
	display: inline-block;
	background: url("../img/roundblue.png") no-repeat left;
	background-position-x: 30%;
	background-position: calc(7px) 11px; /*for Firefox since back x not working*/
	background-color: #61d4f8;
	width: 98px;
	height: 90px;

}
.main_media_box_a2{
	display: inline-block;
	width: 390px;
	height: 61px;
	/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/*	background-color: pink;*/
	margin-left: 15px;
	position: absolute;
	padding: 12px;

/*	display: inline-block;
	width: 325px;
	height: 90px;
	background: url("../img/main_2box1_box-side.png") no-repeat left;
	background-color: #55c9ed;
	margin-left: -3px; /*make the side arrow close to first box*/

}

.main_media_box_a3{
	display: inline-block;
	border-left: 1px solid #fff;
	width: 56px;
	height: 71px;
	float: right;

}



.main_media_box_b{
	/*height: 33%;*/
	display: inline;
	border-left: 1px solid #fff;
	width: 61px;
	height: 92px;
	float: right;
	/* width: 76px; */
	height: 71px;
}
.main_media_box_b1 {
	display: inline-block;
	background: url("../img/roundblue.png") no-repeat left;
	background-position-x: 30%;
	background-position: calc(14px) 14px; /*for Firefox since back x not working*/
	background-color: #61d4f8;
	width: 98px;
	height: 92px;
}
.main_media_box_b2{
	display: inline-block;
	width: 390px;
	height: 61px;
	/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/*	background-color: pink;*/
	margin-left: 15px;
	position: absolute;
	padding: 12px;
}
.main_media_box_c{
	/*height: 33%;*/
	height: 71px;
	border-bottom: 1px solid #fff;

}
.main_media_box_c1 {
	display: inline-block;
	background: url("../img/roundblue.png") no-repeat left;
	background-position-x: 30%;
	background-position: calc(14px) 14px; /*for Firefox since back x not working*/
	background-color: #61d4f8;
	width: 98px;
	height: 92px;
}
.main_media_box_c2{
	display: inline-block;
	width: 390px;
	height: 61px;
	/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/*	background-color: pink;*/
	margin-left: 15px;
	position: absolute;
	padding: 12px;
}

#news_title_media{
	color: black;
}

span#media_pdf {
	position: absolute;
	/* padding: 27px; */
	padding-left: 13px;
	padding-top: 14px;
}

.mediacalendaryear_color{
	color:#017036;
	font-weight: 900;
	font-size: 17px;
	float: left;
}
.mediacalendarword_color{
	color:#000;
	font-weight: 900;
	font-size: 17px;

}


/* ============================================================
 admission page
============================================================ */


.reg_table{
	font-family: 'Arial';
	font-size: 18px;
	font-weight: 700;
	padding: 10px;
}
table.reg_table td{
	padding: 9px 8px;
}

table.reg_table td { color: black; }
table.reg_table td:nth-child(1) { width:175px; }

.red_ast{
	color: red;
}
span.grey_admission {
color: #717171;
font-style: italic;
}

.admission_greybox{
	width: 600px;
	height: auto;
	background-color:#f8f8f8;
	padding: 30px 20px;
	font-family: 'Arial';
	font-size: 14px;
	line-height: 20px;

}


button.button_admissionsubmit,  button.button_admissionsubmit:hover, button.button_admissionsubmit:active {
    background-color: #ffdd00;
    border: 2px solid #e6c700;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-family: arial;
    font-size: 16px;
    padding: 4px 8px;
    text-decoration: none;



}

input.inputbox {
    /*border: 5px solid white; */
/*    -webkit-box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    box-shadow:
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); */
/*    padding: 3px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
    width: 250px;*/
}

.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on {
	color:#c09853;
	background-color:#fcf8e3;
	border-color:#c09853
}
.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline {
	color:#b94a48
}
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
	color:#b94a48
}
.control-group.error input,.control-group.error select,.control-group.error textarea {
	border-color:#b94a48;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
	border-color:#953b39;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392
}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {
	color:#b94a48;
	background-color:#f2dede;
	border-color:#b94a48
}
.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline {
	color:#468847
}
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
	color:#468847
}
.control-group.success input,.control-group.success select,.control-group.success textarea {
	border-color:#468847;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
	border-color:#356635;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b
}
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {
	color:#468847;
	background-color:#dff0d8;
	border-color: #468847
}



.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}
.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#b94a48}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}





.accordion{display:none;}
.accordion:target{display:block;}




/* ============================================================
/* END LATEST ACCORDIAN
============================================================ */




/* Flexible Slide-to-top Accordion Style*/
.wrapper{
    width:90%;
    max-width:800px;
    margin:30px auto;
}
.st-accordion{
    width: 708px;
	min-width: 270px;
	margin: 0 -74px;
    /*width:100%;
    min-width:270px;
    margin: 0 auto;*/
}
.st-accordion ul li.st-li-none{
    /*height: 100px;*/
    border-bottom: 1px solid #fff;
    border-top:1px solid #fff;
/*    overflow: hidden; */
}
.st-accordion ul li:first-child{
    border-top:none;
}

.st-accordion ul li.st-li-none{
    border-top:none;
    list-style: none;

}



.st-accordion ul li > a{
    font-family: 'Arial',Georgia, serif;
    /*text-shadow: 1px 1px 1px #fff;*/
    font-size: 17px;
    display: block;
    position: relative;
    line-height: 50px;/*100px;*/
    outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
    -moz-transition:  color 0.2s ease-in-out;
    -o-transition:  color 0.2s ease-in-out;
    -ms-transition:  color 0.2s ease-in-out;
    transition:  color 0.2s ease-in-out;
    background-color: #60B32F;
    color:#324527;
    text-decoration: none;
    padding-left: 10px;
}
.st-accordion ul li > a span{
    background: transparent url(../img/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -7px;
    opacity:0;
    -webkit-transition:  all 0.2s ease-in-out;
    -moz-transition:  all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    -ms-transition:  all 0.2s ease-in-out;
    transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #FFFFFF;
}
.st-accordion ul li > a:hover span{
    opacity:1;
    right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    right:10px;
    opacity:1;
}
.st-content{
   padding:5px 15px 0px 0px;; /* padding: 5px 0px 30px 0px;*/
/*    background-color: #f4f4f4;*/
}
.st-content p{

    padding: 0px 4px 0px 4px;
    line-height: 16px;
}

.data-table td
{
padding: 6px;
}

.admission_greybox input[type=text],
.admission_greybox input[type=email],
.admission_greybox input[type=tel],
.admission_greybox textarea{
	padding: 5px;
	width: 280px;
/*	background: #a3a3a3;
	background: rgba(242, 243, 243, 0.6);*/
/*	border-radius: 5px;*/
}

.admission_greybox input[type=text]:focus,
.admission_greybox input[type=email]:focus,
.admission_greybox input[type=tel]:focus,
.admission_greybox textarea:focus,
.admission_greybox select:focus{
border: 2px solid #4ec4ff;
}


.admission_greybox select{
	padding: 5px;
	width: 100px;
/*	background: #a3a3a3;
	background: rgba(242, 243, 243, 0.6);*/
/*	border-radius: 5px;*/
}

#news_title a {
color: #000;
text-decoration: none;
}

#news_title a:hover {
color: white;
}

/*###################### SITEMAP ######################*/

.sitemap { margin: 0; padding: 0; list-style: none; font-size: 13px;}
.sitemap ul { margin: 0; padding: 0; list-style: none; }
.sitemap li { margin: 15px 20px; float: left; }
.sitemap a { color:black; text-decoration: none; }
.sitemap a:hover { color:grey; text-decoration: underline; }
.sitemap li li a { text-transform: none; }
.sitemap li  { margin: 5px 0; clear: left; background: url("../img/greenbullet.png") no-repeat left 0px; padding-left: 12px;background-size: 6px; }
.sitemap li li  { margin: 5px 0; clear: left; background: url("../img/greenbullet.png") no-repeat left 0px; padding-left: 12px; margin-left: 12px;background-size: 6px; }
.sitemap li li li { margin: 5px 0; clear: left; background: url("../img/greenbullet.png") no-repeat left 0px; padding-left: 12px; margin-left: 12px;background-size: 6px;}


/* V2. ==========*/

img.flip.inline.inline.simple-tooltip {
padding: 0 7px;
}

.text_imageblue1a, .text_imageblue1a a{
/*    background: url("../img/arrowblueup.png") no-repeat right;
    background-position-x: 96%;*/
    background-position: calc(263px) 8px;/*For firefox*/
    background-color: #ffe42e;
    width: 276px;
    color: #000;
    font-size: 13.5pt;
    font-weight: 300;
    padding: 7px 12px;
    text-decoration: none;
}

.imageblue1a{
    background:url("../img/imgblue1a.png") no-repeat;
    width: 300px;
    height: 176px;
}

li.activelink{
    background-color: #60b32f;
    position: relative;
    z-index: 9999 !important;
    /* background-color: white; */
    height: 38px;
}

#menu li.activelink a.aboutus,#menu li.activelink a.programmes,
#menu li.activelink a.industrialplacement, #menu li.activelink a.facilities,
#menu li.activelink a.academic, #menu li.activelink a.mediacentre,
#menu li.activelink a.studentsupport, #menu li.activelink a.newsevents,
#menu li.activelink a.studenthighlight  {
color: #fff;
font-weight: 400;
}


.main_2box1_box_a2_home {
display: inline-block;
line-height: 40px;
width: 280px;
height: 38px;
/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/* background-color: pink; */
margin-left: 11px;
position: absolute;
padding: 16px;
}

.main_2box1_box_a3_home {
display: inline-block;
width: 280px;
height: 38px;
/* background: url("../img/main_2box1_box-side.png") no-repeat left; */
/* background-color: pink; */
margin-left: 11px;
position: absolute;
padding: 16px;
}

.news_ddmm{
	font-size: 11pt;
} 

.flex-control-nav li:hover {
background-color: #ffe42e;
}


.st-accordion ul li > a:hover{
    text-shadow: none;
}


ol {
	margin-bottom: 30px;
	font-size: 14px;
	font-family: "Arial";
	color: #454545;
}


.fs_days{
	font-size: 14px;
	color: #045527;
	text-transform: uppercase;
}
.fs_no{
	font-size: 26px;
	color: #045527;
}
.table_fs{
	width: 109%;
	margin-left: 15px;
	line-height: 3px;
}

table.table_fs td:nth-child(1) { width: 572px; }


.td_prog_half{
	width: 50%;
}
     /* Reset basic margins and paddings */
    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    /* Style the main navigation bar container */
    .navbar {
	  width: 100%;
      background-color: white;
      overflow: visible;
    }

    /* Target all lists inside the navbar */
    .navbar ul {
	  
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    /* Float the top-level list items horizontally */
    .navbar > ul > li {
	  width: 170px;
      float: left;
      position: relative; /* Acts as an anchor for the dropdown position */
    }

    /* Style all navigation link elements */
    .navbar a {
      display: block;
      color: black;
      text-align: center;
      padding: 18px 30px;
      text-decoration: none;
	font-size: 14px;
	font-family: 'Arial';
	font-weight: 700;
    }

    /* Apply a background color when hovering over menu items */
    .navbar li:hover > a {
      background-color: #60b32f;
    }

    /* Hide the dropdown content container by default */
    .dropdown-menu, .nested-menu {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 190px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 10;
	  
    }

    /* Make dropdown items stack vertically and change text color */
    .dropdown-menu li {
      float: none;
    }

    .dropdown-menu a {
      color: #333;
      padding: 12px 16px;
      text-align: left;
    }

    /* Darken background of dropdown items on hover */
    .dropdown-menu a:hover {
      background-color: #ddd;
    }

    /* CRITICAL: Reveal the dropdown menu when hovering over the parent list item */
    .navbar i.has-dropdown:hover .dropdown-menu,
    .navbar > ul > li:hover .dropdown-menu {
      display: block;
    }

    /* Clearfix hack to reset the floated layouts */
    .navbar::after {
      content: "";
      clear: both;
      display: table;
    }
	.nested-menu {
    top: 0;
    left: 100%;
	
    }
    .nested-dropdown:hover > .nested-menu { display: block; }
	
	.dropdown-menu li:not(:last-child) {
       border-bottom: 2px solid gray; /* Choose your line color here */
    }
	
/*V2 menu bar*/	

/* Style for the original thumbnail image */
        .thumbnail {
            width: 410px;
            cursor: pointer;
            transition: transform 0.2s;

        }

        .thumbnail:hover {
            transform: scale(1.02);
        }

        /* Style for the external popup box (Modal background) */
        .modal {
            display: none; 
            position: fixed; 
            z-index: 1000; 
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8); /* Dark transparent background */
            justify-content: center;
            align-items: center;
        }

        /* Style for the image inside the popup box */
        .modal-content {
            max-width: 80%;
            max-height: 80%;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
            border-radius: 4px;
        }

        /* Style for the close button */
        .close-btn {
            position: absolute;
            top: 20px;
            right: 35px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
        }

        .close-btn:hover {
            color: #ccc;
        }



.container {
  display: flex;
  /* Centers horizontally */
          /* Gives the container height to see vertical centering */
}



    /* Float the top-level list items horizontally */
    .navbar > ul > li {
	  width: 185px;
      float: left;
      position: relative; /* Acts as an anchor for the dropdown position */
    }

    /* Style all navigation link elements */
    .navbar a {
      display: block;
      color: black;
      text-align: center;
      padding: 18px 30px;
      text-decoration: none;
	font-size: 13px;
	font-family: 'Arial';
	font-weight: 700;

    }

    /* Apply a background color when hovering over menu items */
    .navbar li:hover > a {
      background-color: #60b32f;
    }

    /* Hide the dropdown content container by default */
    .dropdown-menu, .nested-menu {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 190px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 10;
    }

    /* Make dropdown items stack vertically and change text color */
    .dropdown-menu li {
      float: none;
    }

    .dropdown-menu a {
      color: #333;
      padding: 12px 16px;
      text-align: left;
    }

    /* Darken background of dropdown items on hover */
    .dropdown-menu a:hover {
      background-color: #ddd;
    }

    /* CRITICAL: Reveal the dropdown menu when hovering over the parent list item */
    .navbar i.has-dropdown:hover .dropdown-menu,
    .navbar > ul > li:hover .dropdown-menu {
      display: block;

    }

    /* Clearfix hack to reset the floated layouts */
    .navbar::after {
      content: "";
      clear: both;
      display: table;
    }
	
	.nested-menu {
    top: 0;
    left: 100%;
    }
	
    .nested-dropdown:hover > .nested-menu { display: block;}
	
	.dropdown-menu li:not(:last-child) {
       border-bottom: 2px solid gray; /* Choose your line color here */
    }
	
/*V2 menu bar*/