@charset "utf-8";
/* CSS Document */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
html, html a {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
audio, canvas, video {
	display: inline-block;
}
ol, ul, li {
	list-style: none;
}
a:focus, input:focus, button:focus {
	outline: 0;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
.strong {
	font-weight: bold;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}
button, input {
	line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color: #444647;
}
a:hover {
	text-decoration: none;
}
* {
	outline: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clear {
	clear: both;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, progress {
	display: block;
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
	padding-top:42px;
}
@font-face {
	font-family: 'clear_sansregular';
	src: url('fonts/clearsans-regular-webfont.eot');
	src: url('fonts/clearsans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clearsans-regular-webfont.woff') format('woff'), url('fonts/clearsans-regular-webfont.ttf') format('truetype'), url('fonts/clearsans-regular-webfont.svg#clear_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'clear_sansbold';
	src: url('fonts/clearsans-bold-webfont.eot');
	src: url('fonts/clearsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clearsans-bold-webfont.woff') format('woff'), url('fonts/clearsans-bold-webfont.ttf') format('truetype'), url('fonts/clearsans-bold-webfont.svg#clear_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-----------------header section css start-----------------*/ 
.top-header {
	width: 100%;
	height: 35px;
	background: #dcddde;
	position:fixed;
	top:41px;
	z-index:1000;
}
ul.top-nav {
	width: auto;
	float: left;
}
ul.top-nav li {
	width: auto;
	float: left;
	display: inline;
	border-right: 1px #8bc0d7 solid;
}
ul.top-nav li a {
	display: block;
	font-family: 'clear_sansbold';
	font-size: 12px;
	height:26px;
	margin-right: 10px;
	padding-left:27px;
	padding-right:12px;
	padding-top:8px;
	color: #669ec6;
	text-transform: uppercase;
	background: url(../../img/frontend/lightblue-arrow.png) no-repeat center right;
}
ul.top-nav li a.first {
	padding-left: 10px;
}
ul.top-nav li a:hover {
	color: #9480af;
	text-transform: uppercase;
	background: url(../../img/frontend/violet-arrow.png) no-repeat center right;
}
ul.top-social {
	width: auto;
	float: right;
}
ul.top-social li {
	width: auto;
	float: left;
	display: inline;
	border-right: 1px #8bc0d7 solid;
}
ul.top-social li a {
	display: block;
	padding: 10px 12px 3px 12px;
	
}

ul.top-social li.search {
	width: 270px;
	border: none;
	display: inline;
	margin-top: 6px;
	margin-left: 20px;
}

ul.top-social li.search input[type="text"] {
	/*width: 199px;*/
	height: 19px;
	float: left;
	clear: left;
	border: none;
	outline: none;
    padding-left: 5px;
    padding-right: 5px;
    width: 189px;
}

.top-search-bt { background:url(../../img/frontend/home-search-bt.jpg) no-repeat; width:55px; height:19px; border:none; outline:none; cursor:pointer;}
.top-search-bt:hover { background: url(../../img/frontend/home-search-bt-hover.jpg) no-repeat; width:55px; height:19px;}

.mobile-icon-wrap { width:119px; float:right; display:none;}
.mobile-icon-wrap .mob-search a { width:auto; float:left; clear:left; padding:5px 15px 3px 0; border-right:1px solid #669ec6;}
.mobile-icon-wrap .menu-icon { width:auto; float:left; font-size:12px; color:#669ec6; font-family: 'clear_sansbold'; padding-top:10px; margin-left:10px; text-transform:uppercase; letter-spacing:1px;} 
.mobile-icon-wrap .menu-icon a { display:inline; float:right; padding-top:1px; padding-left:10px;}
.header-content {
	box-sizing: border-box;
	height: inherit;
	-moz-box-sizing: border-box;
	position: relative;
	top: 0;
	z-index:200;
	position: fixed;
    top: 76px;
    width:100%;
}
#front {
	width:100%;
    position:relative;
    top:0;
	background: url(../../img/frontend/header-bg.jpg) no-repeat top center #460469;
	padding-top: 30px;
	height: 100px;
	overflow:hidden;
	transition: font-size 0.5s, padding-top 0.5s;
    -webkit-transition: font-size 0.5s, padding-top 0.5s;
    -moz-transition: font-size 0.5s, padding-top 0.5s;
	
}

#front.small {
    font-size: 15px;
	padding-top:5px;
	
}


nav {
	width: 100%;
	background: #fff;
	height: 34px;
	border-bottom: 1px #8ed7e8 solid;
}
ul.menu {
	width: auto;
	float: left;
	clear: left;
}
ul.menu li {
	width: auto;
	float: left;
	display: inline;
	margin-left: 45px;
}
ul.menu li:first-child {
	margin-left: 0px;
}
ul.menu li a {
	width: auto;
	display: block;
	font-family: 'clear_sansbold';
	font-size: 16px;
	text-transform: uppercase;
	color: #460469;
	padding: 6px 8px 6px 8px;
}
ul.menu li a:hover {
	background: #8ed7e8;
}
ul.menu li ul {
	position:absolute;
	display: none;
	width: 990px;
	background: #8ed7e8;
    
}



ul.menu li.news ul { margin-left:-112px;}
ul.menu li.news-1 ul { margin-left:-324px;}
ul.menu li.news-2 ul { margin-left:-438px;}
ul.menu li.news-3 ul { margin-left:-570px;}
ul.menu li.events ul { margin-left:-778px;}
ul.menu li.gallery ul { margin-left:-897px;}

ul.menu li ul li {
	height: auto;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #ffffff;
	margin-top: 6px;
	margin-bottom: 6px;
}
ul.menu li ul li:first-child {
	border: none;
}
ul.menu li ul li a {
	font-family: 'clear_sansregular';
	font-size: 12px;
	color: #460469;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-transform: none;
}

ul.mobile-menu { width:460px; height:auto; position:absolute; z-index:2000; background:#8ed7e8; top:35px; margin-left:-30px; display:none; margin-left:-338px; }
ul.mobile-menu li { clear:left; float:left; border-bottom:1px #75b7c6 dashed; width:100%;}
ul.mobile-menu li a { display:block; padding-top:10px; padding-bottom:10px; color:#450a68; padding-left:5px; font-size:13px; -webkit-transition: all 1s ease-in-out ;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background:#679ec7; text-transform:uppercase; font-weight:bold; font-family: 'clear_sansbold';}
ul.mobile-menu li a:hover { background:#48808d; color:#fff;}

.center-container {
	width: 990px;
	margin: 0 auto;
}
.australia-txt {
	width: 447px;
	height: 42px;
	float: left;
	clear: left;
	margin-top:30px;
}
.logos-area {
	width: 368px;
	float: right;
	display: inline;
}
.logos-area .education-logo {
	width: 200px;
	height: 90px;
	float: left;
}
.logos-area .ministry-logo {
	width: 128px;
	height: 87px;
	float: left;
	margin-left: 26px;
}
.banner-wrap {
	width: 990px;
	overflow: hidden;
	margin-top:-7px;
}
.banner-area {
	width: 670px;
	float: left;
	overflow:hidden;
}



#gallery{
width:670px;
overflow:hidden;
float:left;
	
}

#slides{
	/* This is the slide area */
	height:338px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:670px;
	overflow:hidden;
}

.slide{
	float:left;
	overflow:hidden;
}

.slide img { width:670px; height:338px;} 
.slide .arrow{ position:relative; z-index:1; width:100%; height:65px; margin-top:-68px; background:url(../../img/frontend/banner-caption-bg.png);}
.slide .arrow span { font-size:20px; color:#ffffff; font-family: 'clear_sansregular'; width:575px; float:left; padding-left:25px; padding-top:5px; overflow:hidden; font-weight:bold;}
.slide .arrow  a { float:left; display:block; width:68px; height:65px; background:url(../../img/frontend/banner-arrow.png) no-repeat;
}
#menu{
	/* This is the container for the thumbnails */
	height:69px;
}

#banner-slide-area { width:320px; float:right;}







.most-popular-wrap {
	width: 320px;
}
.most-popular-wrap ul li {
	width: 100%;
	float: left;
	clear: left;
	margin-bottom:8px;
}


.most-popular-wrap ul li a {
	display: block;
	height:52px;
	float:left;
	width:320px;
	
	
	
}

.most-popular-wrap ul li a .contentwrap { width:302px; height:52px; margin-left:16px; border-bottom: 1px solid #8bc0d7;}




.most-popular-wrap ul li a figure {
	width: 50px;
	height: 40px;
	float: left;
	clear: left;
	margin-top:12px;
}
.most-popular-wrap ul li a .txtcontent {	
width: 235px;
	float: left;
	color: #414042;
	font-size: 13px;
	font-family: 'clear_sansbold';
	line-height: 18px;
	margin-left: 14px;
	margin-top:11px;
}


ul.banner-slide li.inact a { color:#FFF;}
.most-popular-wrap ul li.act a{
	cursor:default;
	display:block;
	width:320px;
	color:#FFF;
	

}

.most-popular-wrap ul li.inact:hover a{
	/* The inactive state, highlighted on mouse over */
	background:#daf7fe;
	color:#17488e !important;
	
}

.most-popular-wrap ul li.act a, li.act:hover a{
	/* The active state of the thumb */
	color:#414042;
	background:#daf7fe;
	
	
}





.pop-lt-space h2 { margin-left:16px;
}
.highlight-sec {
	width: auto;
	float: left;
}
.highlight-sec h2 {
	width: 100%;
	font-size: 20px;
	font-family: 'clear_sansbold';
	color: #414042;
	margin-top:5px;
	margin-bottom: 11px;
	text-transform: uppercase;
}
.highlight-sec h2 span {
	width: 100%;
	margin-left: 8px;
}
.home-body-wrap {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom:30px;
}
.body-lt-side {
	width: 670px;
	float: left;
	clear: left;
}
.latest-area {  width:328px; float:left;}
.latest-area ul li { width:328px; float:left; border-top:1px solid #cccccc; padding-top:10px; margin-top:12px; }
.latest-area ul li:first-child { border:none; padding-top:0px;}
.latest-area ul li .image-area { width:80px; float:left;}
.latest-area ul li .content-sec { width:213px; float:left; margin-left:15px; padding-right:20px;}
.latest-area ul li .content-sec p { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; color:#c93641; font-size:12px; margin-bottom:2px; }
.latest-area ul li .content-sec a { width:100%; font-size:14px; color:#414042; font-family:Arial, Helvetica, sans-serif; line-height:20px; margin-top:0px; }
.latest-area ul li .content-sec a:hover { text-decoration:underline;}
.event-area { width:328px; float:right;}
.event-sec { width:314px; float:left; clear:left; border:7px solid #8ed7e8; margin-top:5px;}
.event-sec ul { width:100%; float:left; clear:left; }
.event-sec ul li { width:100%; float:left;}
.event-sec ul li .serial-no { width:14px; float:left; clear:left; margin-left:7px; margin-top:9px; margin-right:2px; color:#c51828; font-size:16px; font-family: 'clear_sansregular';}
.event-sec ul li .content-section a{ width:282px; float:left; /*border-top:1px solid #cccccc;*/ padding-top:11px; padding-bottom:11px;}
.event-sec ul li .content-section a.first { border:none;}
.event-sec ul li .content-section a h3 { width:auto; font-family:Arial, Helvetica, sans-serif; color:#414042; font-size:14px; font-weight:bold; line-height:20px;}
.event-sec ul li .content-section a p {  font-family:Arial, Helvetica, sans-serif; color:#c51828; font-size:12px; font-weight:normal; margin-top:8px; }

.event-sec ul li .content-section a:hover h3 { color:#c51828}

.event-area .btn a { width:auto; display:block; float:right; background:#8ed7e8; padding:4px 8px 4px; text-transform:uppercase; font-size:12px; color:#ffffff; font-family: 'clear_sansbold';}
.event-area .btn a:hover { color:#6e5194;}
.body-rt-side {
	width: 305px;
	float: right;
	margin-left: 15px;
}
.follow-us-wrap {
	width: auto;
} 
ul.follow-sec {
	width: 100%;
	float: left;
	clear: left;
	background: #dcddde;
	padding: 15px 38px 15px 38px;
	margin-top:5px;
}
ul.follow-sec li {
	float: left;
	display: inline;
	margin-left: 25px;
}
ul.follow-sec li:first-child {
	margin-left: 0px;
}
ul.follow-sec li a {
	width: 57px;
	height: 58px;
	display: block;
	background: url(../../img/frontend/follow-us-link.png) no-repeat;
	border:2px #FFFFFF solid;
}
ul.follow-sec li a:hover { border:2px #fff solid;
-moz-box-shadow: 0 0 2px 2px #ff;
-webkit-box-shadow: 0 0 2px 2px#ff;
box-shadow: 0 0 2px 2px #fff;}

/* Reciprocal Study Credits section code added by mayank kumar*/
.study-credit-banner {
	width: 100%;
	box-sizing: content-box;
	background: #8ed7e8;
	overflow: hidden;
	margin-top: 23px;
	padding: 5px 5px 3px 5px;
}
.study-credit-banner .content-area {
	width: 95%;
	display: inline-block;
	border: 2px solid #fff;
}
.study-credit-banner .content-area figure {
	width: 28%;
	margin-left: 12px;
	float: left;
	margin-top: 8px;
}
.study-credit-banner .content-area h2 {
	width: 61%;
	margin-left: 10px;
	margin-top: 15px;
	float: left;
	color: #414042;
	font-size: 20px;
	font-family: 'clear_sansbold';
	text-transform: uppercase;
	font-weight:normal;
}
.study-credit-banner .content-area h2 span {
	display: block;
	margin: 0px;
	padding: 0px;
}
.study-credit-banner .content-area h2 span i {
	float: right;
	margin-left:3px;
}
/* Reciprocal Study Credits section code added by mayank kumar*/

.video-wrap {
	width: 305px;
	float: left;
	margin-top: 10px;
}
.video-sec {
	width: auto;
	float: left;
	margin-top: 1px;
	position:relative;
}

.video-sec span { width:100%; height:100%; position:absolute;}
.video-sec span a { display:block; width:100%; height:100%; background:url(../../img/frontend/home-video-icon.png) no-repeat center center;}
.video-sec span a:hover { background:url(../../img/frontend/home-video-icon-hover.png) no-repeat center center;}

.image-gallery-wrap {
	width: auto;
	float: left;
	margin-top: 5px;
}
.tab-image-gallery-wrap {
	width: 305px;
	float: left;
	display: none;
}
.tab-gallery {
	width: 305px;
	float: left;
	border-bottom: 7px solid #9480af;
	border-top: 7px solid #9480af;
	margin-bottom:6px;
}
ul.gallery-area {
	width: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.gallery-area li {
	width: auto;
	float: left;
	display: inline;
	margin-left: 8px;
}

.hm-about-wrap { width:670px; float:left; clear:left;}
.hm-about-wrap .image-area { width:200px; float:left; clear:left; margin-top:-10px;}
.hm-about-wrap .content-area  { width:440px; float:left; margin-left:27px; margin-top:-20px; }
.hm-about-wrap .content-area p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:5px; line-height:20px; color:#333132; margin-bottom:8px;}
.view-btn a { width:82px; height:19px; display:block; float:right; background:#9480af; color:#fff; font-family: 'clear_sansbold'; font-size:12px; text-align:center; padding-top:2px; text-transform:uppercase;}
.view-btn a:hover { color:#fff; background:#8ed7e8;}
.hm-abt-view-btn a{ margin-top:35px;}
footer { width:100%;}
.footer-top { width:100%; height:214px; background:url(../../img/frontend/footer-bg.jpg) no-repeat top center #460469; overflow:hidden;} 
.footer-top-lt { width:670px; float:left;}
.foot-connect { width:285px; float:right; margin-top:39px; padding-left:43px;}
.foot-connect h3 { width:auto; float:left; font-size:14px; text-transform:uppercase; color:#9a78ad; font-family: 'clear_sansbold';}
ul.connect-us { width:100%; float:left; clear:left; margin-top:8px; margin-bottom:35px;}
ul.connect-us li { width:auto; float:left; margin-left:10px; display:inline; overflow:hidden; }
ul.connect-us li:first-child { margin-left:0px;}
ul.connect-us li a { width:37px; height:31px; display:block; background:url(../../img/frontend/connect-us.png) no-repeat; line-height:80px;}
ul.connect-us li a.foot-fb { background-position:0px 0px;}
ul.connect-us li a.foot-tweet { background-position:-48px 0px;}
ul.connect-us li a.foot-linkin { background-position:-96px 0px;}
ul.connect-us li a.foot-fb:hover { background-position:0px -35px;}
ul.connect-us li a.foot-tweet:hover { background-position:-48px -35px;}
ul.connect-us li a.foot-linkin:hover { background-position:-96px -35px;}



.foot-search { width:auto; float:left;}
.foot-search input[type="text"] {padding-left: 5px; padding-right: 5px; width: 165px; /*width:175px;*/ height:20px; float:left; background:#fff; border:none; outline:none; margin-right:10px;}
.foot-search fieldset a { width:auto; float:left; font-size:12px; text-transform:uppercase;  font-family: 'clear_sansbold'; margin-top:2px; color:#9a78ad;}
.foot-nav { width:328px; float:left; clear:left;}
.foot-nav ul.foot-navigation { width:164px; float:left; margin-top:39px;}
.foot-nav ul.foot-navigation li a { display:block; font-size:14px; color:#9a78ad; line-height:25px;  font-family: 'clear_sansbold'; text-transform:uppercase;}
.foot-nav ul.foot-navigation li a:hover { color:#fff;}
.foot-nav ul.foot-navigation.left-margin { margin-left:20px; width:144px;}
.footer-top-lt p{ width:100%; float:left; clear:left; color:#9a78ad; font-size:13px; font-family:'clear_sansregular';
 margin-top:20px;}


.footer-top-rt { width:320px; float:right; }
.footer-top-rt h3 { width:100%; float:left; font-family: 'oswaldbold'; font-size:27px; color:#fff; margin-top:30px; text-align:right;  }
.footer-bottom { width:100%; background:#dcddde; text-align:center;}
.footer-bottom p { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#9480af; padding-top:14px; padding-bottom:10px;}
.footer-bottom p a { color:#9480af;}
.footer-bottom p a:hover { color:#fcbe29;}



/*Inner css start*/
.inner-body-sec { width:100%; padding-top:5px; padding-bottom:23px;}
.breadcrumbs-sec a{ font-size:12px; color:#808285; clear:left; float:left; }
.breadcrumbs-sec span { float:left;}
.breadcrumbs-sec span.divider  { display:inline-block;  padding-left:6px; padding-right:6px; float:left; margin-top:-2px;}
.breadcrumbs-sec span.active { color:#414042; margin-bottom: 30px;}
.inner-body-content { clear:left; float:left;  background:url(../../img/frontend/inner-body-bg.jpg) repeat-y left; width:100%; margin-top:200px;}

.inner-left-sec { width:217px; float:left;}
.inner-left-sec .page-head { width:100%; font-size:20px; text-transform:uppercase; color:#414042; margin-top:-10px;
margin-bottom:43px;}
.inner-left-sec .page-head  h2 { font-size:18px; text-transform:uppercase; color:#414042; font-family:'clear_sansbold';}
.inner-left-sec .page-head  h2 img { display:inline-block; width:9px; background:9px; background:url(../../img/frontend/themebox.jpg) no-repeat; margin-left:3px; margin-top:5px;}
.inner-left-sec .page-head  h3 { display:none; width:100%;}
.inner-left-sec .page-head  h3 a { display:block; height:31px; border-bottom:1px #8ed7e8 solid;}
.inner-left-sec .page-head  h3 a  span { float:left;  font-size:15px; text-transform:uppercase; color:#414042; font-family:'clear_sansbold'; margin-top:4px;}
.inner-left-sec .page-head  h3 a img { float:right;}

.left-hide-sec { width:100%; height:auto; clear:left; float:left;} 
.left-link-sec { width:100%;}
.left-link-sec  .head { font-size:13px; font-weight:bold; color:#c51828; margin-bottom:11px;}
.left-link-sec ul { width:100%;}
.left-link-sec ul li a { display:block; width:100%; font-size:13px; font-weight:bold;  border-top:1px #dfe1e1 solid; padding-top:9px; padding-bottom:9px;}
.left-link-sec ul li a:hover { color:#593385;}
.left-link-sec ul li  ul { width:200px; padding-top:7px;}
.left-link-sec ul li  ul li  { background:url(../../img/frontend/lightblue-arrow.png) no-repeat 0px 3px; 
border:none; padding-left:12px; margin-top:1px; overflow:hidden;  font-size:13px; } 

.left-link-sec ul li ul li a { border:none; padding-top:0px; font-weight:normal;  padding-botoom:0px; width:auto;}

.inner-most-popular-sec { width:100%; height:auto; clear:left; float:left; border-bottom:7px #9480af solid; 
border-top:7px #9480af solid; padding-top:10px; padding-bottom:10px; margin-top:40px;}

.sec-head { clear:left; float:left; font-size:20px; text-transform:uppercase; color:#414042; font-family:'clear_sansbold';
}
.sec-head img { display:inline-block; width:9px; background:9px; background:url(../../img/frontend/themebox.jpg) no-repeat; margin-left:3px; margin-top:5px;}

ul.most-popular-sec { width:100%;  clear:left; float:left;} 
ul.most-popular-sec  li { width:100%; height:auto;clear:left; float:left; }
ul.most-popular-sec  li a  { overflow:hidden; display:block;  border-bottom:1px #8bc0d7 solid;   padding-top:12px; background:url(../../img/frontend/most-bg.jpg) no-repeat bottom right; padding-bottom:18px;}
ul.most-popular-sec  li a img {  width:50px; height:40px; float:left;}
ul.most-popular-sec  li a div.text { width:152px; padding-left:12px; float:right;  font-size:13px; font-weight:normal; color:#414042;  font-family:'clear_sansbold'; float:right;}
ul.most-popular-sec  li a:hover div.text { color:#593385;}

.inner-body-rt { width:724px; float:right; }
.inner-body-rt .head-sec { width:100%; min-height:50px; clear:left; float:left; margin-top:-10px; }
.inner-body-rt .head-sec h2 { float:left; font-size:18px; font-weight:bold; color:#c51828; font-family:'clear_sansbold'; text-transform:uppercase;}
.inner-body-rt .head-sec h3 { width:600px; float:left; font-size:18px; font-weight:bold; color:#c51828; font-family:'clear_sansbold'; text-transform:uppercase; }




.inner-body-rt .head-sec .rt-side { float:right;}
ul.page-follow { width:auto; height:auto; float:right;}
ul.page-follow li { width:23px; height:23px; float:left; margin-left:4px;}
ul.next-pri-album { float:right;  margin-top:5px; margin-right:23px;}
ul.next-pri-album li { float:right; display:inline;} 
ul.next-pri-album li.divider { margin-left:10px; margin-right:10px; }


.news-list { width:716px; float:left; clear:left; float:left;}
.news-list ul li { width:100%; clear:left; float:left; padding-top:18px; padding-bottom:18px; border-top:1px #dfe1e1 solid;}
.news-list ul li:first-child { border:none;}
.news-list ul li .img-sec { width:200px; height:160px; float:left;}
.news-list ul li .img-sec img { width:100%; height:100%;}
.news-list ul li .text-sec { width:484px; height:auto; float:right;}
.news-list ul li .text-sec h2 { font-size:18px; font-weight:bold; color:#333132; margin-bottom:10px; }
.news-list ul li .text-sec h2 span { display:block; font-size:12px; color:#c93641; margin-top:5px; font-weight:normal;}
.news-list ul li .text-sec p { font-size:14px; overflow:hidden; color:#333132; line-height:18px;
 padding-right:15px;  margin-bottom:15px;}
 .news-list ul li .text-sec .view-btn { float:left; margin-top:0px;}
 
 
 
.news-detail { width:100%; height:auto; clear:left; float:left; margin-bottom:20px;}
.news-detail h2 { font-size:24px;   color:#414042;} 
.news-detail h2  span { display:block; font-size:12px; font-weight:normal; margin-top:11px; color:#c93641;}
.news-detail .img-sec { width:400px; height:320px; overflow:hidden; margin-top:20px; }
.news-detail  p { font-size:14px; color:#333132; line-height:19px; margin-top:25px;}
.news-detail  p  a { color:#7f38a3; text-decoration: underline}
.news-detail  h3 { font-size:18px; margin:0px; padding:0px; text-transform:none; color:#333132; margin-bottom:14px; margin-top:20px;}
/*Inner css end*/


/*Gallery css start*/
.gallery-left-link { padding-top:18px; width:100%; clear:left; float:left; border-top:1px #dfe1e1 solid; margin-bottom:18px; }
.gallery-left-link h3 { font-size:13px; font-weight:bold; color:#666566;}
.gallery-left-link ul li { clear:left; float:left; margin-top:8px;}
.gallery-left-link ul li a{ width:205px; display:block; background:url(../../img/frontend/lightblue-arrow.png) no-repeat 0px 3px; font-size:13px; padding-left:16px;}
.photo { border:none; padding-top:0px;}
.gallery-left-link ul li a:hover, .gallery-left-link ul li a.active { color:#c51828; background:url(../../img/frontend/red-arrow.png) no-repeat 0px 3px; }


.gallery-wrap { width:100%; height:auto; clear:left; float:left; margin-top:10px;}
.gallery-wrap h3 { font-size:20px; color:#c51828; font-family:'clear_sansbold'; text-transform:uppercase; margin-bottom:32px;}
.gallery-wrap h4 { font-size:13px; font-weight:bold; color:#c51828; margin-bottom:15px;}

.gallery-wrap section { width:100%; clear:left; float:left; border-bottom:1px #dfe1e1 solid; padding-bottom:5px; margin-bottom:17px;}

.gallery-wrap section:last-child { border:none;}

.gallery-wrap section ul li { float:left; display:inline; width:167px; margin-left:18px; }
.gallery-wrap section ul li:first-child { margin-left:0px;}
.gallery-wrap section ul li .img-area { width:167px; height:134px; overflow:hidden; margin-bottom:16px; background:#d6f1f7; }
.gallery-wrap section ul li .img-area span { width:75px; height:74px; position:absolute; background:url(../../img/frontend/album-icon.png) no-repeat;  }
.gallery-wrap section ul li .img-area img { width:100%; height:100%;}
.gallery-wrap section ul li  .text-sec { width:100%; height:70px; font-size:14px; font-weight:bold; color:#333132;}
.gallery-wrap section ul li  .text-sec  p { min-height:30px; overflow:hidden;}
.gallery-wrap section ul li  .text-sec span { display:block; font-size:12px; font-weight:normal; color:#c93641; margin-top:8px;}

.gallery-wrap section ul li .video-area { width:165px; height:132px; overflow:hidden; margin-bottom:16px; background:#d6f1f7;
 }
 
 .gallery-wrap section ul li .text-sec a { color:#333132;}

 
.gallery-wrap section ul li .video-area img { width:100%; height:100%;} 
.gallery-wrap section ul li .video-area a span  { width:165px; height:132px; background:url(../../img/frontend/video-icon.png) no-repeat center; -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out; position:absolute;}
 .gallery-wrap section ul li .video-area a:hover span { background:url(../../img/frontend/video-icon-hover.png) no-repeat center;} 
 
 
.gallery-head { width:100%; font-size:18px; font-weight:bold; color:#c51828; margin-bottom:10px; margin-top:10px;}	
.gallery-head  span { display:inline-block; width:67px; color:#414042; background:url(../../img/frontend/arrow.png) no-repeat 50px 7px; }
.gallery-wrap section ul li .img-caption { width:100%; height:40px; font-size:13px; font-weight:normal;}
.gallery-wrap section ul li .img-caption a {  color:#333132;}
.gallery-wrap section ul li:hover .text-sec, .gallery-wrap section ul li:hover .img-caption a { color:#c51828;} 
/*Gallery css end*/

/*About us page css start*/

.about-sec { margin-top:15px; width:100%; clear:left; float:left;}
.inner-banner { width:724px; height:233px; margin-bottom:28px; }
.inner-banner  img { width:100%; height:100%;}
.content-text { width:100%; clear:left; float:left;} 
.content-text h2 { font-size:18px; margin:0px; padding:0px; text-transform:none; color:#333132; margin-bottom:14px;}
.content-text  p { font-size:14px; color:#333233; line-height:19px; margin-bottom:19px;}
.content-text  p  a { color:#7f38a3; text-decoration:underline;}


ul.bullet-point { overflow:hidden; margin-bottom:15px;}
ul.bullet-point li { overflow:hidden;  background:url(../../img/frontend/bullet.jpg) no-repeat 0px 7px; font-size:14px; color:#333233;
padding-left:16px; line-height:19px; margin-bottom:6px;}
ul.bullet-point li a { color:#7f38a3; text-decoration:underline;}

.search-page { padding-top:0px; clear:left; float:left; margin-top:-34px;}
.search-area { width:100%; height:73px; background: url(../../img/frontend/search-bg.jpg) no-repeat 20px 20px #e6e6e6; clear:left; float:left; margin-bottom:27px; }


.search-area input[type="text"] { width:537px; height:32px; background:#fff; float:left; margin-left:242px; outline:none; border:none; margin-top:18px; font-size:18px; color:#669ec6; font-family:Arial, Helvetica, sans-serif; padding-left:20px;
padding-right:20px;}
.search-area .button { float:left; margin-top:18px;}


.search-result { width:100%; clear:left; float:left;}
.search-result  section { clear:left; float:left; border-top:1px #dfe1e1 solid; background:#fff; width:100%; padding-top:20px;}
.search-result  section:first-child  { border:none;}
.search-result  section h2 { font-size:18px; color:#c51828;  font-family:'clear_sansbold'; margin-bottom:20px; 
text-transform:uppercase;}
.search-result  section ul { width:100%;}
.search-result  section ul li { clear:left; float:left; border-top:1px #dfe1e1 solid; width:100%; padding-top:18px; 
margin-bottom:22px;}
 .search-result  section ul li h3  { font-size:18px; font-weight:bold; color:#333132; margin-bottom:10px; }
 .search-result  section ul li h3  span { display:block; font-size:12px; color:#c93641; margin-top:5px; font-weight:normal;}
 .search-result  section ul li p { font-size:14px; overflow:hidden; color:#333132; line-height:19px;
 padding-right:15px;  margin-bottom:15px;}
 .search-result  section ul li .view-btn { float:left; margin-top:0px;}
 .search-result  section ul li:first-child { border:none;}
 
 .bottom-pagination-sec {  clear:left; float:left; padding-top:20px; height:auto;}
ul.pagination { float:left;}
ul.pagination li { float:left; display:inline; margin-right:4px;}
ul.pagination li a { font-size:13px; font-family:'clear_sansbold'; color:#302e2f; }
ul.pagination li a:hover { text-decoration:underline; color:#c61726;}
ul.pagination li.second_last { background:url(../../img/frontend/second-last-pagination-bg.png) no-repeat right bottom; 
 margin-rigth:0px; width:15px;}
ul.pagination li.arrrow { margin-right:5px; width:8px; height:7px;}

/* Active Links */
ul.top-nav li a.top_active {
	color: #9480af;
	text-transform: uppercase;
	background: url(../../img/frontend/violet-arrow.png) no-repeat center right;
}
ul.menu li a.active_link {
	background: #8ed7e8;
}
.left-link-sec ul li a.sidebar_active_link { 
    color: #c51828;
    font-size: 13px;
    font-weight: bold;
}

ul.post-sec li  { clear:left; float:left; margin-bottom:12px; font-size:14px; color:#333233; line-height:19px;}
ul.post-sec li span { display:block; font-size:12px; font-style:italic; color:#db3b56;}



.table-sec { width:507px;}
.table-head { width:100%; height:45px; background:#460469; text-align:center; font-size:18px; color:#ffffff;
padding-top:25px;}

table.responsive { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
table.responsive tr:nth-of-type(odd) { 
		background: #e8d2f3; 
	}
table.responsive th { 
		background: #fff; 
		font-weight: bold;
		color:#414042;
		padding-top:12px;
		padding-bottom:14px;
		font-size:14px;
	}
table.responsive td, th { 
		padding: 6px; 
		text-align: left;
		padding-left:30px;
		
	}
	
	table.responsive  th  { padding-left:30px;}


	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.responsive,  table.responsive thead, table.responsive tbody,  table.responsive th, table.responsive td, table.responsive tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.responsive thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.responsive tr { border: 1px solid #ccc; }
		
		table.responsive td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.responsive td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.responsive td:nth-of-type(1):before { content: "Type"; }
		table.responsive td:nth-of-type(2):before { content: "Number Of Experiences"; }
		
	}

	
	
	.total  { width:100%; border:none;}
	.total   td { height:28px; background:#e8d2f3; color:#414042; font-weight:bold;}
	.total  tr td.text { width:237px; padding-left:30px;}
	.total  tr td.value { width:184px;}
	.table-caption { padding-left:30px; font-size:12px; color:#414042; padding-top:15px; padding-bottom:15px;}
	
	
	
	
	
	.mobility-fund { width:662px; clear:left; float:left; }
	
	table.responsive2 { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
table.responsive2 tr:nth-of-type(odd) { 
		background: #e8d2f3; 
	}
table.responsive2 th { 
		background: #fff; 
		font-weight: bold;
		color:#414042;
		padding-top:12px;
		padding-bottom:14px;
		font-size:14px;
	}
table.responsive2 td, th { 
		padding: 6px; 
		text-align: left;
	}
	


	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.responsive2,  table.responsive2 thead, table.responsive2 tbody,  table.responsive2 th, table.responsive2 td, table.responsive2 tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.responsive2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.responsive2 tr { border: 1px solid #ccc; }
		
		table.responsive2 td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.responsive2 td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		table.responsive2 td:nth-of-type(1):before { content: ""; }
		table.responsive2 td:nth-of-type(2):before { content: "University Funding"; }
		table.responsive2 td:nth-of-type(3):before { content: "Government Funding"; }
		table.responsive2 td:nth-of-type(4):before { content: "OS HELP Program"; }
		table.responsive2 td:nth-of-type(5):before { content: "Total"; }
		
	}

.rt-img { float:right; margin-left:10px; }
.lt-img { float:left; margin-right:10px; }

/*Sitemap css start*/

.sitemap-wrap { width:100%; clear:left; float:left;}
.sitemap-wrap .lt-sec { width:323px; float:left; }
.sitemap-wrap .rt-sec { float:left; width:323px; float:right;}

ul.sitemap-links { width:100%;}
ul.sitemap-links li { clear:left; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
text-transform:uppercase; color:#333132; border-bottom:1px #8bc0d7 solid; width:100%; font-size:18px; padding-bottom:16px;
margin-bottom:16px;}
ul.sitemap-links li a { color:#333132;}
ul.sitemap-links li a:hover { color:#669ec6;}
ul.sitemap-links li span { displa; background:url(../../img/frontend/siitemap-squre.jpg) no-repeat right top;
padding-right:19px; width:auto; }
ul.sitemap-links li ul li { margin:0px; padding:0px; font-size:14px; text-transform:none; border:none; margin-top:15px; }
ul.sitemap-links li ul li li { margin:0px; padding:0px; font-weight:normal; font-size:14px; margin-top:15px;} 

ul.sitemap-links li ul li li a { display:block;  background:url(../../img/frontend/sitemap-arrow.png) no-repeat left top; padding-left:15px; }


/*Contact form section start*/
.contact-from-wrap { width:100%; clear:left; float:left;} 
.contact-from-wrap .banner-sec { width:100%; height:auto; margin-bottom:22px;}
.contact-from-wrap .banner-sec img { width:100%; height:auto;}
.contact-from-wrap h3 { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:700; margin-bottom:5px;}
.contact-from-wrap .contact-form { width:415px;}
.contact-from-wrap .contact-form  ul li { clear:left; float:left; font-size:14px; color:#3d3b3c; width:100%; margin-top:8px;}
.contact-from-wrap .contact-form  ul li  span { display:block; margin-bottom:7px;}
.contact-from-wrap .contact-form  ul li input[type="text"], input[type="email"], .contact-from-wrap .contact-form  ul li select, 
.contact-from-wrap .contact-form  ul li textarea  {
	width:100%; height:26px; background:#f1f2f2; border:none; outline:none; -moz-box-sizing:border-box;
	-ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;
	padding-left:10px; padding-right:10px; font-size:12px; font-style:italic; color:#333;  }
	
.contact-from-wrap .contact-form  ul li textarea { height:80px;}	
.contact-from-wrap .contact-form  ul li input[type="button"], input[type="submit"]  { float:left; margin-right:27px; width:66px; height:25px; border:none; outline:none; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif;  background:#9480af;}
.contact-from-wrap .contact-form  ul li input[type="button"]:hover{
	background: #460469;
}
.contact-from-wrap .contact-form  ul li input[type="submit"]:hover{
	background: #460469;
}

/*Contact form section end*/
/*Form page css start*/
.form-page-header { width:100%; height:130px; background:url(../../img/frontend/header-bg.jpg) no-repeat center top;}
.form-page-logo { margin-top:35px; clear:left; float:left;}
.form-body { padding-top:53px;}

.form-body-text { width:100%; clear:left; float:left;}
.form-body-text  h1 { font-size:24px; color:#c51828; font-family: 'clear_sansregular'; font-weight:400; text-transform:uppercase; margin-bottom:20px;} 
.form-body-text  h1  span { display:block; font-weight:bold;}
.form-body-text  h2 { font-size:24px; color:#333132; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
.form-body-text .bullet-sec { width:100%; clear:left; float:left;}
.form-body-text .bullet-sec aside { width:466px; float:left; margin-left:45px;}
.form-body-text .bullet-sec aside:first-child { margin-left:0px;}
.form-body-text .bullet-sec aside  ul li { margin-bottom:18px; line-height:19px;}
.form-body-text  p { font-size:14px; color:#333233; font-family:Arial, Helvetica, sans-serif;}
.form-section { width:100%; clear:left; float:left; padding-top:15px;} 
.form-section ul li { clear:left; float:left; margin-bottom:15px;}
.form-section ul li span { display:block; font-size:14px; color:#333232; margin-bottom:8px; line-height:19px;}
.form-section ul li input[type="text"] { width:512px; height:24px; padding-left:5px; padding-right:5px; background:#f1f2f2; outline:none; border:none; }
.form-section ul li textarea  { width:512px; height:74px; padding-left:5px; padding-right:5px; background:#f1f2f2; outline:none; border:none; }
.form-section ul li.provide-sec { margin-top:40px;}
.form-section ul li h2 { font-size:14px; color:#333132; font-family:Arial, Helvetica, sans-serif; }
.form-section ul li.button { margin-top:17px;}

.form-footer { height:119px; width:100%; margin-top:32px; background:url(../../img/frontend/form-footer-bg.jpg) no-repeat top right #460469; }

/*Form  page css end*/

.message-area.error {
   color: #f6123d !important;
}

.homebannerSection {
padding-top:220px; 
}
}