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

@keyframes intro_slider {
	/**/
	0%{
		left: 0;
	}
	20%{
		left: 0;
	}
	25%{
		left: -100%;
	}
	45%{
		left: -100%
	}
	50%{
		left: -200%;
	}
	70%{
		left: -200%;
	}
	75%{
		left: -300%;
	}
	95%{
		left: -300%;
	}
	100%{
		left: -400%;
	}
	
	
	/*
	0%{
		left: 0;
	}
	15%{
		left: 0;
	}
	20%{
		left: -100%;
	}
	32%{
		left: -100%
	}
	40%{
		left: -200%;
	}
	52%{
		left: -200%;
	}
	58%{
		left: -300%;
	}
	70%{
		left: -300%;
	}
	80%{
		left: -400%;
	}	
	93%{
		left: -400%
	}
	100%{
		left: -500%;
	}*/
}

	
@keyframes portrait_slider {
	0%{
		left: 0;
	}
	14%{
		left: 0;
	}
	18%{
		left: -100%;
	}
	38%{
		left: -100%
	}
	43%{
		left: -200%;
	}
	63%{
		left: -200%;
	}
	67%{
		left: -300%;
	}
	84%{
		left: -300%;
	}
	90%{
		left: -400%;
	}	
	97%{
		left: -400%;
	}
	100%{
		left: -500%;
	}	
}
@keyframes landscape_slider {
	0%{
		left: 0;
	}
	14%{
		left: 0;
	}
	18%{
		left: -100%;
	}
	38%{
		left: -100%
	}
	43%{
		left: -200%;
	}
	63%{
		left: -200%;
	}
	67%{
		left: -300%;
	}
	84%{
		left: -300%;
	}
	90%{
		left: -400%;
	}	
	97%{
		left: -400%;
	}
	100%{
		left: -500%;
	}	
}
/*any viewport less than 768*/
.wrapper{
    overflow:hidden;
	

}
/**/
section{
    padding:30px 30px 30px 80px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;

}

.sidebar_slide {
	z-index: 4500;
    position:fixed;
    top:0;
    left:0;
    width:250px;
    height:642px;
    margin:0 0 0 -350px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}

.sidebar_slide ul{
    width:350px;
    height:100%;
    padding:0;
    margin:0;
    list-style:none;
    background:#352AC8;
    overflow:hidden;
}
.sidebar_slide li{
    margin:0;
}
.sidebar_slide a{
    color:#fff;
    font-size:3em;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
    text-decoration:none;
    display:block;
    padding:12px 15px;
    font-weight:300;
    letter-spacing:2px;
    border-bottom:1px solid #333;
}
.sidebar_slide a:hover{
    background:#111;
}

label{
	opacity: .8;
    display:block;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-weight: 700;
    background:transparent;
	width: 126px;
	height: 114px;
    color:#0604B5;
    text-align:center;
	font-size: 3em;
    line-height:1.1em;
    position:fixed;
    top:10px;
    left:10px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:5500;
}

input[type="checkbox"]{
    display: none;
}

input[type="checkbox"]:checked ~ .sidebar_slide{
    margin:0;
}
input[type="checkbox"]:checked ~ label{
    left:360px;
}

input[type="checkbox"]:checked ~ section{
    -webkit-transform:translate3d(360px, 0, 0);
    -moz-transform:translate3d(360px, 0, 0);
    -o-transform:translate3d(360px, 0, 0);
    transform:translate3d(360px, 0, 0);
}


/* page header */
	.location_header {
		width: 100%;
		height: 0.5em;
		background-color: none;				
	}
	.curriculum_header, .admission_header  {
		width: 100%;
		height: 4.5em;
		background-color: none;		
}		
.small_logo_index {
	opacity: 0%;
	margin-top: 0em;
	float: left;
	height: 0px;
	width: 0px;		
}
.small_logo_index_img {
	opacity: 0%;
	margin-top: 0;
	float: left;
	height: 75px;
	width: 150px;
}
.small_logo {
	opacity: 100%;
	margin-top: -14em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;	
	
}
.small_logo_curr {
	opacity: 100%;
	margin-top: -10em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;		
}
.small_logo_img {
	opacity: 100%;
	margin-top: 10em;
	float: right;
	height: 75px;
	width: 150px;
}
.small_logo_location {
	opacity: 100%;
	margin-top: -10em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;	
}
.small_logo_location img {
	opacity: 100%;
	margin-top: 10em;
	float: right;
	height: 60px;
	width: 120px;	
}


.school_logo {
	float: center;
	margin-top: 0em;
	margin-left: 10em;
}
.school_logo img {
	width: 450px;
	height: 270px;	
}
.logo_address {
	float: center;
	margin-top: -3em;
	margin-left: 14em;
		
}
.logo_address p {
	float: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2.8em;
	font-style: normal;

}

.cambridge_logo {
	margin-left: 1em;
	margin-top: 1.5em;
}

.cambridge_logo_img {
	opacity: 1;
	height: 64px;
	width: 211px;
}

.online_application_index {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2.2em;
	font-style: bold;	
	color: #FF0004;
	margin-top: -1em;
	margin-left: 10em;;
}



/* page header end */


/* location page navigation */
.campus_nav_sec {
	
}
.campus_navigation {
	float: left;
	z-index: 400;
	top: 0;
	left: 0;
	width: 0%;
	padding: 0;
	opacity: 0;
	position: fixed;
	background: #EC585B;
	display: block !important;	
	margin-top: 0em;
}
.campus_navigation ul{
	list-style-type: none;	
	margin-left: 0em;
}

.caption_campus_1{
    background-color: rgba(240,141,31,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
    text-align: center;
}
.caption_campus_2{
    background-color: rgba(243,57,236,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
    text-align: center;
}
.caption_campus_3{
    background-color: rgba(248,204,95,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
    text-align: center;
}
.caption_campus_4{
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
    text-align: center;
}


/* index page horizontal navigation*/

.horizontal_wrapper nav {    
	display: block;
	text-align: right;
	margin-right: 2em;
}
.horizontal_wrapper nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.horizontal_nav_ul a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 0px;	
	display:block; 
	background: #fff; 
	color: #111; 
	text-decoration: none;
	padding: 0.8em 1.8em;
	text-transform: uppercase;
	text-transform: bold;
	letter-spacing: .15em;
	position: relative;
}
/* index navigation*/

/* end index navigation*/

	.scrapbook_index {
		position: absolute;
		margin-left: 0em;
		top: 0em;		
	}
	.scrapbook_click {
	height: 0px;
	width: 0px;
		
	}
	.scrapbook_click img {
	height: 0px;
	width: 0px;
	}
	.caption_scrapbook {
		background-color: rgba(0,28,199,1.00);
		color: #fff;
		font: italic smaller sans-serif;
		font-size: 0em;
		margin-left: 0.2em;
		padding: 2px;
		text-align: center;	
	}
.intro {
	position: absolute;
	margin-top: 1em;
	width: 100%;
	height: 20em;		
}
/*
.intro_pic_left {
	position: absolute;
	float: left;
	margin-top: -2em;
	margin-left: -5.4em;

}
.intro_pic_left img {
	height: 382px;
	width: 768px;
}
.intro_pic_left2 img {
	height: 0px;
	width: 0px;
}

.intro_pic_right {
	position: relative;
	float: right;
	margin-top: -29em;
	margin-left: 54em;

}

.intro_pic_right img {
	height: 0px;
	width: 0px;
}
*/

.welcome {
	position: absolute;
	width: 100%;
	height: 24em;
	z-index: 1000;	
	margin-top: 24.8em;
	
		
}

.welcome_left {
	width: 0%;
	height: 0em;
	position: absolute;
	float: left;
	background: none;
}

.welcome_right {
	width: 0%;
	height: 0em;
	position: absolute;
	margin-left: 0em;
	margin-top: 0em;
	float: left;
    background: none;		
}
.welcome_right_pic img {
	height: 0px;
	width: 0px;
}
	.welcome_note_trans {
		position: absolute;
		width: 100%;
		height: 32.0em;
		margin-top: -1.1em;
		margin-left: -5.5em;
		z-index: 5;
		background: #0604B5;
		opacity: .3;		
	}
.welcome_note {
	position: absolute;
	float: left;
	width: 17em;
	margin-top: 0.0em;
	margin-left: -1.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 2.2em;
	z-index: 15;
	color: rgba(255,255,255,1.00);
	
}
	
	.intro_slider_div {
		position: absolute;
		width: 650px;
		height: 400px;
		margin-top: 30.9em;
		margin-left: -5.5em;
		background: none;
		
	}
	
	
	.intro_slider {
		overflow: hidden;
	}
	.intro_slider figure {
		position: relative;
		width: 3250px;
		margin: 0px;
		left: 0px;
		animation: 20s intro_slider infinite;
		-webkit-animation: 20s intro_slider infinite;
		-moz-animation: 20s intro_slider infinite;
		-o-animation: 20s intro_slider infinite;
	}
	.intro_slider figure img {
		width: 650px;
		height: 400px;
		float: left;
	}


.section_general_info {
	position: absolute;
	width: 100%;
	height: 68em;
	z-index: 500;	
	margin-top: 52.4em;
	background: none;
}

.section_general_left {
	width: 100%;
	height: 30em;
	margin-top: 5.7em;
	position: absolute;
	float: left;	
	
}
	.section_general_left_bg{
		width: 100%;
		height: 82.0em;
		background-color: rgba(0,0,0,1.00);
		opacity: .25;
		margin-top: -4.1em;
		margin-left: -10.5em;
	}	
	.section_general_pics_up {
		width: 0%;
		height: 150em;
		position: absolute;
		float: right;
		margin-left: 0em;
		margin-top: 0em;
		background-color: none;
	}
	/*
	.section_general_pics_down {
		width: 0%;
		height: 0em;
		position: absolute;
		float: right;
		margin-left: 25em;
		margin-top: 14.5em;
		background-color: none;
	}	*/

.general_school_info {
	position: absolute;
	float: left;
	width: 17.5em;
	height: 21em;
	margin-top: -2em;
	margin-left: -3.7em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 2.2em;	
	color: #FFFFFF;
	z-index: 15;
}


.general_prothom_alo {
	position: absolute;
	float: left;
	margin-top: 49.0em;
	margin-left: -10.5em;
	width: 300px;
	z-index: 15;

}
.general_prothom_alo img {
	height: 375px;
	width: 286px;
}
.caption_prothom_alo {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.8em;
	margin-left: 1.5em;
    padding: 2px;
    text-align: center;	
}
.welcome_prospectus {
	position: absolute;
	float: left;
	margin-top: 49.0em;
	margin-left: 9em;
	width: 245px;
	z-index: 15;
}
.welcome_prospectus img {
	height: 375px;
	width: 277px;
}

.caption_prospectus {
    background-color: rgba(238,177,102,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.8em;
	margin-left: 1.5em;
    padding: 2px;
    text-align: center;	
}
/*
	.general_pic1 {
		z-index: 5;
		position: absolute;
		margin-left: 26%;
		margin-top: -1.9em;
	}
	.general_pic1 img {
		height: 0px;
		width:  0px;
	}
	.general_pic2 {
		z-index: 4;
		position: absolute;
		margin-left: -17em;
		margin-top: -1.9em;
	}
	.general_pic2 img {
		height: 0px;
		width: 0px;
	}*/
	.general_pic3 {
		position: absolute;
		margin-left: -5em;
		margin-top: -1.9em;
	}
	.general_pic3 img {
		height: 0px;
		width: 0px;
	}
/*
	.general_pic4 img {
		height: 0px;
		width: 0px;
	}
	.general_pic5 img {
		height: 0px;
		width: 0px;
	}
*/
.school_motto_frame {
	width: 0%;
	float: left;
	position: absolute;
	background: none;
	margin-top: 7.5em;
}
.school_motto {
	position: absolute;
	width: 0%;
	padding: 0em;	
	background: rgba(255,253,253,1.00);
	
}
.school_motto h1{
	position: relative;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	font-size: 0em;
	
}
.school_motto p {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: right;	
	font-size: 0em;
	padding-right: 0em; 
	
}
.general_wireframe_apple {
	position: relative;
	float: right;
	margin-top: 15em;
	margin-left: 47em;
}
.apple_wireframe_img {
	height: 0px;
	width: 0px;
}


.index_footer {
	float: left;
	position: absolute;
	top: 171.1em;
	width: 80.0em;
	height: 62em;
	left: 0.0em;
	background: #63AB02;
}
	.index_footer_campus_info {
		
	float: left;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 15em;
	opacity: 1;
	margin-left: -16em;
	margin-top: 2em;
	background: transparent;			
	}
.index_footer_campus {
	float: left;
	position: absolute;
	z-index: 400;
	opacity: 1;
	margin-left: -2em;
	margin-top: 4.4em;
	background:transparent;	
	
}
	.index_footer_address {
	float: left;
	position: absolute;
	z-index: 400;
	width: 100%;
	opacity: 1;
	margin-left: -4em;
	margin-top: 3.8em;
	background:transparent;			
	}
.index_footer_campus h1 {
	position: absolute;
	margin-left: 6.6em;
	margin-top: -2.0em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2.8em;	
	z-index: 45;
	color: rgba(255,255,255,1.00)
}


.index_footer_campus p {
	position: relative;
	display: inline-block;
	margin-top: 0.0em;
	margin-left: 1.4em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2.0em;	
	color: rgba(255,255,255,1.00)
}	
	.index_footer_address p {
	position: relative;
	width: 30em;
	display: inline-block;
	margin-top: 0.8em;
	margin-left: 14.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;	
	color: rgba(255,255,255,1.00);		
	}
.index_footer_mail {
	z-index: 400;
	position: absolute;
	margin-left: 2.6em;
	width: 9em;
	margin-top: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;	
	color: rgba(255,255,255,1.00);
}
	.index_footer_links {
	position: absolute;
	width: 16em;
	margin-left: 15em;
	margin-top: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;			
	color: rgba(255,255,255,1.00);
	}
.index_footer_social {
	position: absolute;
	width: 16em;
	margin-left: 2.6em;
	margin-top: 30.2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;			
	color: rgba(255,255,255,1.00);
}
	.index_footer_info {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0.8em;	
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 68em;
		margin-left: 4em;
	}	
	.index_footer_guardians {
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 1.4em;	
		position: absolute;
		width: 25em;
		color: rgba(255,255,255,1.00);
		margin-top: 35.5em;
		margin-left: 2em;		
	}


.curriculum_section {
	position: absolute;
	float: left;
	top: 5.4em;
	left: 0;
	width: 100%;
	height: 116em;
	background: rgba(162,204,248,1.00);
}
.curriculum_pic {
	position: absolute;
	float: left;
	margin-top: 14em;
	margin-left: -3.6em;
	width: 570px;
	height: 370px;
}
.curriculum_pic img {
	width: 570px;
	height: 350px;
}
.caption_curriculum_pic {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.4em;
    padding: 4px;
	margin-left: 2.5em;
    text-align: right;	
}
.curriculum_text_a {
	position: absolute;
	float: center;
	width: 29em;
	margin-top: -1em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_b {
	position: absolute;
	float: right;
	width: 29em;
	margin-top: 39em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_c {
	position: absolute;
	float: right;
	width: 29em;
	margin-top: 56.2em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
	color: rgba(0,0,0,1.00);

}

.curriculum_top {
	position: absolute;
	margin-top: 95.5em;
	margin-left: 14em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px;	
}

.admission_footer {
	width: 100%;
	height: 12em;
	background: rgba(173,104,5,1.00);
}

.small_logo_admission {
	opacity: 100%;
	margin-top: -10em;
	margin-left: 72%;
	float: left;	
}
.small_logo_scrapbook {
	opacity: 0%;
	margin-top: -9.5em;
	margin-left: 1.0em;
	float: left;	
}
.admission_intro {
	width: 100%;
	height: 95em;
	z-index: 1000;
	background: rgba(241,226,120,1.00);
	top: 0.0em;
	left: 0;
}
.admission_general {
	position: absolute;
	width: 90%;
	margin-top: -1em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}
.admission_office {
	width: 45%;		
	position: absolute;
	margin-top: 6em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.admission_mail {
	position: absolute;
	margin-left: -2em;
	margin-top: 67.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;			
}
/**
.admission_office_hours {
	width: 25%;
	position: absolute;
	margin-top: 60em;
	margin-left: -2.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}*/
.admission_alevel{
	width: 45%;
	position: absolute;
	margin-top: 6em;
	margin-left: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}

.admission_docs {
	width: 85%;
	position: absolute;
	margin-top: 0em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}
.online_application_instructions {
	color: #FF0004;
	width: 60%;
	position: absolute;
	margin-top: 46em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}
.alevel_online_application_instructions {
	color: #FF0004;
	width: 16em;
	position: absolute;
	margin-top: 46em;
	margin-left: 16em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}	
.admission_pic1 {
	position: absolute;
	float: left;
	margin-top: 26em;
	width: 320px;
	height: 407px;
}
.admission_pic1 img {
	width: 300px;
	height: 407px;
}
	.admission_pic1 figcaption {
    background-color: rgba(14,170,240,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}
	.admission_pic2 {
	position: absolute;
	float: left;
	margin-top: 21em;
	margin-left: 22.5em;
	width: 0px;
	height: 0px;		
	}
	.admission_pic2 img {
		width: 0px;
		height: 0px;
	}
	.admission_pic2 figcaption {
    background-color: none;
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
	margin-left: 0.0em;
    text-align: left;			
	}
	.admission_pic3 {
	position: absolute;
	float: left;
	margin-top: 4em;
	margin-left: 22.5em;
	width: 0px;
	height: 0px;			
	}
	.admission_pic3 img {
		width: 0px;
		height: 0px;
	}
	.admission_pic3 figcaption {
    background-color: none;
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
	margin-left: 0.0em;
    text-align: left;			
	}

.admission_criteria_section {
	width: 100%;
	height: 30em;
	z-index: 1000;
	margin-top: -1em;
	background: rgba(186,243,111,1.00);
}
.admission_criteria_header {
	width: 100%;
	position: absolute;
	align: center;
	float: center;
	margin-top: -2em;
	margin-left: -2em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
}
.admission_table {

	position: absolute;
	float: center;
	margin-top: 2em;
	margin-left: 2em;
}
.admission_age{
	width: 100%;
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_age td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_age thead, .admission_age tbody tr th, .admission_age thead tr th{
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_table_secondary {
	position: absolute;
	float: center;
	margin-top: 2em;
	margin-left: 12em;
}
.admission_age_secondary{
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_age_secondary td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_age_secondary thead, .admission_age_secondary tbody tr th, .admission_age_secondary thead tr th{
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}

.admission_fee_section {
	width: 100%;
	height: 48em;
	margin-top: -1em;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_fees_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: -1em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.tuition_table_admission {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: -1em;
}

.admission_fee {
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_fee thead, .admission_fee tbody tr th, .admission_fee thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.admission_fee td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.tuition_table_monthly {
	position: absolute;
	float: center;
	margin-top: 13em;
	margin-left: -1em;	
}
.tuition_monthly {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_monthly thead, .tuition_monthly tbody tr th, .tuition_monthly thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_monthly td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.tuition_total_info {
	width: 85%;
	position: absolute;
	float: left;
	margin-top: 21em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.tuition_table_total {
	position: absolute;
	float: center;
	margin-top: 34em;
	margin-left: 0em;		
}

.tuition_total {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_total thead, .tuition_total tbody tr th, .tuition_total thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_total td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.admission_top {	
	margin-top: -2em;
	margin-left: 18em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6px;
}

.google_map {
	margin-top: 1.6em;
	margin-left: -2em;
	width: 100%;
	height: 23em;
	background: rgba(225,225,225,1.00);
}

.google {
	float: center;
	margin-top: 0em;
	margin-left: -2em;
}
.google iframe {
	width: 90%;
	height: 24em;
}
.section_campus_1 {
	width: 100%;
	height: 67em;
	background: rgba(244,177,91,1.00);		
}
.campus_1_txt {
	margin-top: 22em;
	margin-left: -2em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
}
.fig_campus_1_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 8%;
	width: 300px;
	height: 400px;

}
.fig_campus_1_building img {
	width: 276px;
	height: 400px;
}
.fig_campus_1_pic1 {
	position: absolute;
	float: left;
	margin-top: 44em;
	margin-left: -4em;
	
}
.fig_campus_1_pic1 img {
	width: 350px;
	height: 266px;
}


.fig_campus_1_pic2 {
	position: absolute;
	float: right;
	margin-top: 44em;
	margin-left: 23%;
	width: 0px;
	height: 0px;
	
}
.fig_campus_1_pic2 img {
	width: 0px;
	height: 0px;
}
.back_top_1 {
	position: absolute;
	margin-top: 20.5em;
	margin-left: 13em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}
.section_campus_2 div{
	margin-top: 22em;
	margin-left: -2em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;		
}
.fig_campus_2_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 8%;;
	width: 300px;
	height: 400px;	
}
.fig_campus_2_building img {
	width: 261px;
	height: 400px;	
}
.fig_campus_2_pic1 {
	z-index: 10;
	position: absolute;
	float: left;
	margin-top: 42em;
	margin-left: -4em;
	width: 350px;
	height: 266px;	
}
.fig_campus_2_pic1 img {
	width: 350px;
	height: 266px;	
}
.fig_campus_2_pic2 {
	position: absolute;
	float: right;
	margin-top: 42em;
	margin-left: 35%;
	width: 0px;
	height: 0px;
}
.fig_campus_2_pic2 img {
	width: 0px;
	height: 0px;	
}
.back_top_2 {
	position: absolute;
	margin-top: 20em;
	margin-left: 15em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 7em;
}
/*
.section_campus_3 div{
	margin-top: 22em;
	margin-left: -2em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;		
}

.fig_campus_3_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 8%;;
	width: 300px;
	height: 400px;	
}
.fig_campus_3_building img {
	width: 264px;
	height: 400px;	
}
.fig_campus_3_pic1 {
	
	position: absolute;
	float: center;
	margin-top: 48em;
	margin-left: -2em;
	width: 386px;
	height: 320px;		
}
.fig_campus_3_pic1 img {
	width: 386px;
	height: 300px;		
}
.fig_campus_3_pic2 {
	position: absolute;
	float: left;
	margin-top: 68em;
	margin-left: -2em;
	width: 410px;
	height: 277px;		
}
.fig_campus_3_pic2 img {
	width: 400px;
	height: 277px;		
}
.back_top_3 {
	position: absolute;
	margin-top: 31.5em;
	margin-left: 13em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}*/
.section_campus_4 div{
	padding-top: 22em;
	margin-left: -2em;
	width: 90%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;		
}

.fig_campus_4_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: -1.0%;
	width: 346px;
	height: 400px;	
}
.fig_campus_4_building img {
	width: 346px;
	height: 400px;	
}
.fig_campus_4_pic1 {

	position: absolute;
	float: left;
	margin-top: 44em;
	margin-left: 2%;
	width: 350px;
	height: 266px;		
}
.fig_campus_4_pic1 img {
	width: 350px;
	height: 266px;		
}
.fig_campus_4_pic2 {
	position: absolute;
	float: right;
	margin-top: 68em;
	margin-left: -2em;
	width: 0px;
	height: 0px;		
}
.fig_campus_4_pic2 img {
	width: 0px;
	height: 0px;		
}

.back_top_4 {
	position: absolute;
	margin-top: 22em;
	margin-left: 13em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}


.section_campus_2 {
	width: 100%;
	height: 67em;
	background: rgba(225,153,237,1.00);	
}
.section_campus_3 {
	width: 100%;
	height: 87em;
	background: rgba(241,201,151,1.00);	
}
.section_campus_4 {
	width: 100%;
	height: 72em;
	background: rgba(85,145,237,1.00);	
}

	/*scrapbook*/
	.scrapbook_header  {
			width: 100%;
			height: 5em;
			background-color: none;		
	}	
	/*scrapbook portrait*/
	.scrapbook_portrait {
		position: absolute;
		width: 100%;
		height: 52em;
		z-index: 0;	
		top: 5.5em;
		margin-left: -2em;
		background: none;	
	}
	.portrait_text {
		position: absolute;
		float: left;
		width: 27.5em;
		height: 21em;
		top: 2em;
		margin-left: 1.0em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.3em;	
		color: #000000;
		z-index: 10;		
	}
	.portrait_text_mask {
		width: 0em;
		height: 0em;
		background-color: none;
		opacity: 0;
		margin-top: 0em;
		margin-left: 0em;	
		z-index: 200;
	}
	.portrait_bg {
		position: absolute;
		top: 0em;
		margin-left: 0em;
		z-index: 0;
		
	}
	.portrait_bg img {
		width: 0px;
		height: 0px;
	}

	.portrait_slider_div {
		position: absolute;
		width: 600px;
		height: 800px;
		top: 40em;
		margin-left: 0.5em;
		background: none;
		
	}
	
	.portrait_slider {
		overflow: hidden;
	}
	.portrait_slider figure {
		position: relative;
		width: 3600px;
		margin: 0px;
		left: 0px;
		animation: 32s portrait_slider infinite;
		-webkit-animation: 32s portrait_slider infinite;
		-moz-animation: 32s portrait_slider infinite;
		-o-animation: 32s portrait_slider infinite;
	}
	.portrait_slider figure img {
		width: 600px;
		height: 800px;
		float: left;
	}	
	/*scrapbook landscape*/
	.scrapbook_landscape {
		position: absolute;
		width: 100%;
		height: 47em;
		z-index: 0;	
		top: 61.2em;
		margin-left: -2em;
		background: none;	
	}
	.landscape_text {
		position: absolute;
		float: left;
		width: 100%;
		height: 4em;
		margin-top: 25em;
		margin-left: -1.6em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.3em;	
		color: #000000;
		z-index: 15;		
	}
	

	.landscape_slider_div {
		position: absolute;
		width: 800px;
		height: 600px;
		margin-top: 36.6em;
		margin-left: -2.2em;
		background: none;
		
	}
	
	.landscape_slider {
		overflow: hidden;
	}
	.landscape_slider figure {
		position: relative;
		width: 4800px;
		margin: 0px;
		left: 0px;
		animation: 30s landscape_slider infinite;
		-webkit-animation: 30s landscape_slider infinite;
		-moz-animation: 30s landscape_slider infinite;
		-o-animation: 30s landscape_slider infinite;
	}
	.landscape_slider figure img {
		width: 800px;
		height: 600px;
		float: left;
	}	

@media (min-width : 768px ){

	
.wrapper{
    overflow:hidden;
	

}
/**/
section{
    padding:30px 30px 30px 80px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;

}

.sidebar_slide {
	z-index: 5000;
    position:fixed;
    top:0;
    left:0;
    width:350px;
    height:642px;
    margin:0 0 0 -350px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}

.sidebar_slide ul{
    width:350px;
    height:100%;
    padding:0;
    margin:0;
    list-style:none;
    background:#352AC8;
    overflow:hidden;
}
.sidebar_slide li{
    margin:0;
}
.sidebar_slide a{
    color:#fff;
    font-size:3em;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
    text-decoration:none;
    display:block;
    padding:12px 15px;
    font-weight:300;
    letter-spacing:2px;
    border-bottom:1px solid #333;
}
.sidebar_slide a:hover{
    background:#111;
}

label{
	opacity: .8;
    display:block;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-weight: 700;
    background: transparent;
	width: 126px;
	height: 114px;
    color:#0604B5;
    text-align:center;
	font-size: 3em;
    line-height:1.1em;
    position:fixed;
    top:10px;
    left:10px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:5500;
}

input[type="checkbox"]{
    display: none;
}

input[type="checkbox"]:checked ~ .sidebar_slide{
    margin:0;
}
input[type="checkbox"]:checked ~ label{
    left:360px;
}

input[type="checkbox"]:checked ~ section{
    -webkit-transform:translate3d(360px, 0, 0);
    -moz-transform:translate3d(360px, 0, 0);
    -o-transform:translate3d(360px, 0, 0);
    transform:translate3d(360px, 0, 0);
}




/* page header */
	.location_header {
		width: 100%;
		height: 0.5em;
		background-color: none;				
	}
	.curriculum_header, .admission_header  {
		width: 100%;
		height: 4.5em;
		background-color: none;		
}	
.small_logo_index {
	opacity: 0%;
	margin-top: 0em;
	float: left;
	height: 0px;
	width: 0px;		
}
.small_logo_index_img {
	opacity: 0%;
	margin-top: 0;
	float: left;
	height: 75px;
	width: 150px;
}
.small_logo {
	opacity: 100%;
	margin-top: -14em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;	
	
}
.small_logo_curr {
	opacity: 100%;
	margin-top: -10em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;		
}
.small_logo_img {
	opacity: 100%;
	margin-top: 10em;
	float: right;
	height: 75px;
	width: 150px;
}
.small_logo_location {
	opacity: 100%;
	margin-top: -10em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;	
}
.small_logo_location img {
	opacity: 100%;
	margin-top: 10em;
	float: right;
	height: 75px;
	width: 150px;	
}


.school_logo {
	float: center;
	z-index: 400;
	margin-top: 0em;
	margin-left: 18em;
}
.school_logo img {
	width: 450px;
	height: 270px;	
}
.logo_address {
	float: center;
	z-index: 400;
	margin-top: -3em;
	margin-left: 22.5em;
		
}
.logo_address p {
	float: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2.8em;
	font-style: normal;

}

.cambridge_logo {
	margin-left: 2em;
	margin-top: -7.2em;
}

.cambridge_logo_img {
	opacity: 1;
	height: 64px;
	width: 211px;
}

.online_application_index {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2.2em;
	font-style: bold;	
	color: #FF0004;
	margin-top: 1.0em;
	margin-left: 9.2em;;
}

/* page header end */


.caption_campus_1{
    background-color: rgba(240,141,31,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.1em;
    padding: 3px;
    text-align: center;
}
.caption_campus_2{
    background-color: rgba(243,57,236,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.1em;
    padding: 3px;
    text-align: center;
}
.caption_campus_3{
    background-color: rgba(248,204,95,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.1em;
    padding: 3px;
    text-align: center;
}
.caption_campus_4{
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.1em;
    padding: 3px;
    text-align: center;
}


/* index page horizontal navigation*/

.horizontal_wrapper nav {    
	display: block;
	text-align: right;
	margin-right: 2em;
}
.horizontal_wrapper nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.horizontal_nav_ul a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 0px;	
	display:block; 
	background: #fff; 
	color: #111; 
	text-decoration: none;
	padding: 0.8em 1.8em;
	text-transform: uppercase;
	text-transform: bold;
	letter-spacing: .15em;
	position: relative;
}
/* index navigation*/

/* end index navigation*/


	.scrapbook_index {
		position: absolute;
		margin-left: 0em;
		top: 0em;		
	}
	.scrapbook_click {
	height: 0px;
	width: 0px;
		
	}
	.scrapbook_click img {
	height: 0px;
	width: 0px;
	}
	.caption_scrapbook {
		background-color: rgba(0,28,199,1.00);
		color: #fff;
		font: italic smaller sans-serif;
		font-size: 0em;
		margin-left: 0.2em;
		padding: 2px;
		text-align: center;	
	}		
.intro {
	top: 27em;
	width: 100%;
	height: 20em;
}
	.intro_left {
		position: absolute;
		height: 23.8em;
		width: 100%;
		margin-top: -1.9em;
		margin-left: -5.5em;
		z-index: 0;		
	}	
/*	
.intro_pic_left {
	position: absolute;
	float: left;
	margin-top: -2em;
	margin-left: -5.4em;

}
.intro_pic_left img {
	height: 382px;
	width: 768px;
}
	.intro_pic_left2 img {
		height: 0px;
		width: 0px;
	}
	
.intro_pic_right {
	position: relative;
	float: right;
	margin-top: -29em;
	margin-left: 54em;

}

.intro_pic_right img {
	height: 0px;
	width: 0px;
}
*/

.welcome {
	position: absolute;
	width: 100%;
	height: 20em;
	z-index: 1000;	
	top: 2.0em;
	
		
}

.welcome_left {
	width: 0%;
	height: 0em;
	position: absolute;
	float: left;
	background: none;
}

.welcome_right {
    width: 0%;
    height: 0em;
	margin-top: 0em;
	margin-left: 0em;
    position: absolute;
    float: left;
    background: none;
}
.welcome_right_pic img {
	height: 0px;
	width: 0px;
}
	.welcome_note_trans {
		position: absolute;
		width: 100%;
		height: 29.0em;
		margin-top: -0.1em;
		margin-left: 0.0em;
		z-index: 5;
		background: #0604B5;
		opacity: .3;		
	}	
.welcome_note {
	position: absolute;
	float: right;
	width: 20em;;
	margin-top: 1.0em;
	margin-left: 1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 2.2em;
	color: rgba(255,255,255,1.00);
	z-index: 15;
	
}	
	
	.intro_slider_div {
		position: absolute;
		width: 650px;
		height: 400px;
		margin-top: 27em;
		margin-left: 0.5em;
		background: none;
		
	}
	
	
	.intro_slider {
		overflow: hidden;
	}
	.intro_slider figure {
		position: relative;
		width: 3250px;
		margin: 0px;
		left: 0px;
		animation: 20s intro_slider infinite;
		-webkit-animation: 20s intro_slider infinite;
		-moz-animation: 20s intro_slider infinite;
		-o-animation: 20s intro_slider infinite;
	}
	.intro_slider figure img {
		width: 650px;
		height: 400px;
		float: left;
	}		

.welcome_prospectus {
	position: absolute;
	float: left;
	margin-top: 41.8em;
	margin-left: 15em;
	width: 320px;
	z-index: 15;
}
.welcome_prospectus img {
	height: 375px;
	width: 277px;
}

.caption_prospectus {
    background-color: rgba(238,177,102,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 2.2em;
    padding: 2px;
    text-align: center;	
	margin-left: 1.5em;
}

.section_general_info {
	position: absolute;
	width: 100%;
	height: 62.5em;	
	top: 28.8em;
	background: none;
}

.section_general_left {
	width: 100%;
	height: 30em;
	position: absolute;
	float: left;	
	
}
	.section_general_left_bg{
		width: 100%;
		height: 75.4em;
		background-color: rgba(0,0,0,1.00);
		opacity: .25;
		margin-top: -4.1em;
		margin-left: -10.5em;
	}	
	.section_general_pics_up {
		width: 0%;
		height: 0em;
		position: absolute;
		float: right;
		margin-left: 0em;
		margin-top: 0em;
		background-color: none;
	}
	/*
	.section_general_pics_down {
		width: 0%;
		height: 0em;
		position: absolute;
		float: right;
		margin-left: 0em;
		margin-top: 0em;
		background-color: none;
	}		
*/
	
.general_school_info {
	position: absolute;
	float: left;
	width: 20em;;
	height: 18em;
	margin-top: -2em;
	margin-left: -3.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 2.2em;	
	color: #FFFFFF;
	z-index: 15;
}


.general_prothom_alo {
	position: absolute;
	float: left;
	margin-top: 41.8em;
	margin-left: -9.5em;
	width: 345px;
	z-index: 15;

}
.general_prothom_alo img {
	height: 375px;
	width: 286px;
}
.caption_prothom_alo {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 2.2em;
    padding: 2px;
	margin-left: 1.5em;
    text-align: center;	
}
	/*
		.general_pic1 {
		z-index: 5;
		position: absolute;
		margin-left: 0%;
		margin-top: 0em;
	}
	.general_pic1 img {
		height: 0px;
		width:  0px;
	}
	.general_pic2 {
		z-index: 4;
		position: absolute;
		margin-left: 0em;
		margin-top: 0em;
	}
	.general_pic2 img {
		height: 0px;
		width: 0px;
	}*/
	.general_pic3 {
		position: absolute;
		margin-left: 0em;
		margin-top: 0em;
	}
	.general_pic3 img {
		height: 0px;
		width: 0px;
	}
	/*
	.general_pic4 img {
		height: 0px;
		width: 0px;
	}
	.general_pic5 img {
		height: 0px;
		width: 0px;
	}	*/
.school_motto_frame {
	width: 0%;
	float: left;
	position: absolute;
	background: none;
	margin-top: 0em;
}
.school_motto {
	position: absolute;
	width: 0%;
	padding: 0em;	
	background: rgba(255,253,253,1.00);
	
}
.school_motto h1{
	position: relative;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	font-size: 0em;
	
}
.school_motto p {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: right;	
	font-size: 0em;
	padding-right: 0em; 
	
}
.general_wireframe_apple {
	position: relative;
	float: right;
	margin-top: 15em;
	margin-left: 47em;
}
.apple_wireframe_img {
	height: 0px;
	width: 0px;
}


.index_footer {
	float: left;
	position: absolute;
	width: 100%;
	height: 52em;
	top: 162.9em;
	left: 0.0em;
	background: #63AB02;
}
	.index_footer_campus_info {
		
	float: left;
	position: absolute;
	z-index: 4000;
	width: 100%;
	height: 15em;
	opacity: 1;
	margin-left: -0em;
	margin-top: 2em;
	background: transparent;			
	}
.index_footer_campus {
	float: left;
	position: absolute;
	z-index: 400;
	width: 100%;
	opacity: 1;
	margin-left: 0em;
	margin-top: 4.4em;
	background:transparent;	
	
}
	.index_footer_address {
	float: left;
	position: absolute;

	z-index: 400;
	width: 100%;
	opacity: 1;
	margin-left: 18em;
	margin-top: 3.6em;
	background:transparent;			
	}
.index_footer_campus h1 {
	position: absolute;
	margin-left: 8.6em;
	margin-top: -2.0em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2.8em;	
	z-index: 45;
	color: rgba(255,255,255,1.00)
}


.index_footer_campus p {
	position: relative;
	display: inline-block;
	margin-top: 0.0em;
	margin-left: 1.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2.0em;	
	color: rgba(255,255,255,1.00)
}	
	.index_footer_address p {
	position: relative;
	width: 24.0em;
	display: inline-block;
	margin-top: 1.1em;
	margin-left: 0.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;	
	color: rgba(255,255,255,1.00);		
	}
.index_footer_mail {
	z-index: 400;
	position: absolute;
	margin-left: 2.0em;
	width: 10em;
	margin-top: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;	
	color: rgba(255,255,255,1.00);
}
	.index_footer_links {
	position: absolute;
	width: 16em;
	margin-left: 25em;
	margin-top: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;			
	color: rgba(255,255,255,1.00);
	}
.index_footer_social {
	position: absolute;
	width: 16em;
	margin-left: 11.6em;
	margin-top: 20em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;			
	color: rgba(255,255,255,1.00);
}
	.index_footer_info {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0.8em;	
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 60em;
		margin-left: 4em;
	}	
	.index_footer_guardians {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.4em;	
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 29.5em;
		margin-left: 2em;		
	}

.curriculum_section {
	position: absolute;
	float: left;
	top: 5.4em;
	left: 0;
	width: 100%;
	height: 108em;
	background: rgba(162,204,248,1.00);
}
.curriculum_pic {
	position: absolute;
	float: center;
	margin-top: 12em;
	margin-left: -3.6em;
	width: 648px;
	height: 420px;
}
.curriculum_pic img {
	width: 648px;
	height: 400px;
}
.caption_curriculum_pic {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.4em;
    padding: 4px;
	margin-top: -2em;
	margin-left: 8.5em;
    text-align: right;	
}
.curriculum_text_a {
	position: absolute;
	float: center;
	width: 72%;
	margin-top: -1em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_b {
	position: absolute;
	float: right;
	width: 72%;
	margin-top: 36.5em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_c {
	position: absolute;
	float: right;
	width: 72%;
	margin-top: 50.2em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
	color: rgba(0,0,0,1.00);

}

.curriculum_top {
	position: absolute;
	margin-top: 88em;
	margin-left: 25em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px;	
}
.admission_footer {
	width: 100%;
	height: 12em;
	background: rgba(173,104,5,1.00);
}

.small_logo_admission {
	opacity: 100%;
	margin-top: -10em;
	margin-left: 72%;
	float: left;	
}
.small_logo_scrapbook {
	opacity: 0%;
	margin-top: -9.5em;
	margin-left: 1.0em;
	float: left;	
}	
.admission_intro {
	width: 100%;
	height: 95em;
	z-index: 1000;
	background: rgba(241,226,120,1.00);
	margin-top: 0.5em;
	left: 0;
}
.admission_general {
	position: absolute;
	width: 90%;
	margin-top: -1em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}
.admission_office {
	width: 35%;		
	position: absolute;
	margin-top: 6em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.admission_mail {
	position: absolute;
	margin-left: -2em;
	margin-top: 56em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;			
}
/**
.admission_office_hours {
	width: 25%;
	position: absolute;
	margin-top: 50em;
	margin-left: 16em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
	*/
.admission_alevel{
	width: 35%;
	position: absolute;
	margin-top: 6em;
	margin-left: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.admission_docs {
	width: 85%;
	position: absolute;
	margin-top: 9em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}
.online_application_instructions {
	color: #FF0004;
	width: 18em;
	position: absolute;
	margin-top: 49em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}
.alevel_online_application_instructions {
	color: #FF0004;
	width: 22em;
	position: absolute;
	margin-top: 49em;
	margin-left: 18em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
}		
.admission_pic1 {
	position: absolute;
	float: left;
	margin-top: 27em;
	width: 380px;
	height: 487px;
}
	
.admission_pic1 img {
	width: 360px;
	height: 487px;
}
	.admission_pic1 figcaption {
    background-color: rgba(14,170,240,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}	
	.admission_pic2 {
	position: absolute;
	float: left;
	margin-top: 21em;
	margin-left: 22.5em;
	width: 0px;
	height: 0px;		
	}
	.admission_pic2 img {
		width: 0px;
		height: 0px;
	}
	.admission_pic2 figcaption {
    background-color: none;
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
	margin-left: 0.0em;
    text-align: left;			
	}	
	.admission_pic3 {
	position: absolute;
	float: left;
	margin-top: 4em;
	margin-left: 22.5em;
	width: 0px;
	height: 0px;			
	}
	.admission_pic3 img {
		width: 0px;
		height: 0px;
	}	
	.admission_pic3 figcaption {
    background-color: none;
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 0em;
    padding: 0px;
	margin-left: 0.0em;
    text-align: left;			
	}
.admission_criteria_section {
	width: 100%;
	height: 32em;
	top: 11em;
	left: 0;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_criteria_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: 4em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
}
	.admission_table_secondary{
	position: absolute;
	float: center;
	margin-top: 4em;
	margin-left: 19em;		
	}
	.admission_age_secondary{
		border: 1px solid rgba(0,0,0,1.00);
	}	
	.admission_age_secondarytd td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}	
.admission_table {
	position: absolute;
	float: center;
	margin-top: 4em;
	margin-left: 9em;
}

.admission_age{
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_age td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_age thead, .admission_age tbody tr th, .admission_age thead tr th{
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_fee_section {
	width: 100%;
	height: 39em;
	margin-top: -1em;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_fees_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: 5em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.tuition_table_admission {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: -3em;
}

.admission_fee {
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_fee thead, .admission_fee tbody tr th, .admission_fee thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.admission_fee td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.tuition_table_monthly {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: 18em;	
}
.tuition_monthly {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_monthly thead, .tuition_monthly tbody tr th, .tuition_monthly thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_monthly td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.tuition_total_info {
	width: 95%;
	position: absolute;
	float: left;
	margin-top: 13em;
	margin-left: 4em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.tuition_table_total {
	position: absolute;
	float: center;
	margin-top: 24em;
	margin-left: 6em;		
}

.tuition_total {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_total thead, .tuition_total tbody tr th, .tuition_total thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_total td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.admission_top {	
	margin-top: 20em;
	margin-left: 25em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6px;
}


.google_map {
	top: 0.0em;
	left: 0;
	width: 100%;
	height: 23em;
	background: rgba(225,225,225,1.00);
}

.google {
	float: center;
	margin-top: 0em;
	margin-left: -2em;
}
.google iframe {
	width: 90%;
	height: 24em;
}

.campus_1_txt {
	margin-top: 22em;
	margin-left: -2em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;	
}
.fig_campus_1_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 18%;
	width: 300px;
	height: 400px;

}
.fig_campus_1_building img {
	width: 276px;
	height: 400px;
}
.fig_campus_1_pic1 {
	position: absolute;
	float: left;
	margin-top: 39em;
	margin-left: -4em;
	
}
.fig_campus_1_pic1 img {
	width: 350px;
	height: 266px;
}
.fig_campus_1_pic2 {
	position: absolute;
	float: right;
	margin-top: 39em;
	margin-left: 38%;;
	
}
.fig_campus_1_pic2 img {
	width: 350px;
	height: 266px;
}	
.section_campus_2 div{
	margin-top: 22em;
	margin-left: -2em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;		
}
.fig_campus_2_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 15%;;
	width: 300px;
	height: 400px;	
}
.fig_campus_2_building img {
	width: 261px;
	height: 400px;	
}
.fig_campus_2_pic1 {
	z-index: 10;
	position: absolute;
	float: left;
	margin-top: 39em;
	margin-left: -4em;
	width: 350px;
	height: 266px;		
}
.fig_campus_2_pic1 img {
	width: 350px;
	height: 266px;	
}
.fig_campus_2_pic2 {
	position: absolute;
	float: right;
	margin-top: 39em;
	margin-left: 38%;
	width: 350px;
	height: 266px;	
}
.fig_campus_2_pic2 img {
	width: 350px;
	height: 266px;		
}
/*
.section_campus_3 div{
	margin-top: 22em;
	margin-left: -2em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;		
}

.fig_campus_3_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 18%;;
	width: 300px;
	height: 400px;	
}
.fig_campus_3_building img {
	width: 264px;
	height: 400px;	
}
.fig_campus_3_pic1 {
	z-index: 5;
	position: absolute;
	float: center;
	margin-top: 44em;
	margin-left: -4em;
	width: 470px;
	height: 350px;		
}
.fig_campus_3_pic1 img {
	width: 450px;
	height: 350px;		
}
.fig_campus_3_pic2 {
	position: absolute;
	float: left;
	margin-top: 44em;
	margin-left: 26%;
	width: 500px;
	height: 332px;		
}
.fig_campus_3_pic2 img {
	width: 480px;
	height: 332px;		
}
*/
.section_campus_4 div{
	padding-top: 27em;
	margin-left: -2em;
	width: 90%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.2em;		
}

.fig_campus_4_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 6%;
	width: 428px;
	height: 500px;	
}
.fig_campus_4_building img {
	width: 428px;
	height: 500px;	
}
.fig_campus_4_pic1 {

	position: absolute;
	float: left;
	margin-top: 50em;
	margin-left: 12%;
	width: 350px;
	height: 266px;			
}
.fig_campus_4_pic1 img {
	width: 350px;
	height: 266px;			
}
.fig_campus_4_pic2 {
	position: absolute;
	float: right;
	margin-top: 68em;
	margin-left: -2em;
	width: 0px;
	height: 0px;		
}
.fig_campus_4_pic2 img {
	width: 0px;
	height: 0px;		
}
.back_top_1 {
	position: absolute;
	margin-top: 21.5em;
	margin-left: 25em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}
.back_top_2 {
	position: absolute;
	margin-top: 22.5em;
	margin-left: 25em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}
.back_top_3 {
	position: absolute;
	margin-top: 20em;
	margin-left: 25em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}
.back_top_4 {
	position: absolute;
	margin-top: 23em;
	margin-left: 25em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	padding: 4px; 	
	width: 6em;
}

.section_campus_1 {
	width: 100%;
	height: 65em;
	background: rgba(244,177,91,1.00);		
}
.section_campus_2 {
	width: 100%;
	height: 67em;
	background: rgba(225,153,237,1.00);	
	margin-top: -1em;
}
.section_campus_3 {
	width: 100%;
	height: 70em;
	background: rgba(241,201,151,1.00);	
}
.section_campus_4 {
	width: 100%;
	height: 68em;
	margin-top: -1em;
	background: rgba(85,145,237,1.00);	
}

	
	/*scrapbook*/
	.scrapbook_header  {
			width: 100%;
			height: 5em;
			background-color: none;		
	}	
	/*scrapbook portrait*/
	.scrapbook_portrait {
		position: absolute;
		width: 100%;
		height: 52em;
		z-index: 0;	
		top: 5.5em;
		margin-left: -2em;
		background: none;	
	}
	.portrait_text {
		position: absolute;
		float: left;
		width: 27.5em;
		height: 21em;
		top: 2em;
		margin-left: 1.0em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.3em;	
		color: #000000;
		z-index: 10;		
	}
	.portrait_text_mask {
		width: 0em;
		height: 0em;
		background-color: none;
		opacity: 0;
		margin-top: 0em;
		margin-left: 0em;	
		z-index: 200;
	}
	.portrait_bg {
		position: absolute;
		top: 0em;
		margin-left: 0em;
		z-index: 0;
		
	}
	.portrait_bg img {
		width: 0px;
		height: 0px;
	}

	.portrait_slider_div {
		position: absolute;
		width: 600px;
		height: 800px;
		top: 40em;
		margin-left: 0.5em;
		background: none;
		
	}
	
	.portrait_slider {
		overflow: hidden;
	}
	.portrait_slider figure {
		position: relative;
		width: 3600px;
		margin: 0px;
		left: 0px;
		animation: 32s portrait_slider infinite;
		-webkit-animation: 32s portrait_slider infinite;
		-moz-animation: 32s portrait_slider infinite;
		-o-animation: 32s portrait_slider infinite;
	}
	.portrait_slider figure img {
		width: 600px;
		height: 800px;
		float: left;
	}	
	/*scrapbook landscape*/
	.scrapbook_landscape {
		position: absolute;
		width: 100%;
		height: 47em;
		z-index: 0;	
		top: 61.2em;
		margin-left: -2em;
		background: none;	
	}
	.landscape_text {
		position: absolute;
		float: left;
		width: 100%;
		height: 4em;
		margin-top: 25em;
		margin-left: 1.6em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.3em;	
		color: #000000;
		z-index: 15;		
	}
	

	.landscape_slider_div {
		position: absolute;
		width: 800px;
		height: 600px;
		margin-top: 36.6em;
		margin-left: -2.2em;
		background: none;
		
	}
	
	.landscape_slider {
		overflow: hidden;
	}
	.landscape_slider figure {
		position: relative;
		width: 4800px;
		margin: 0px;
		left: 0px;
		animation: 30s landscape_slider infinite;
		-webkit-animation: 30s landscape_slider infinite;
		-moz-animation: 30s landscape_slider infinite;
		-o-animation: 30s landscape_slider infinite;
	}
	.landscape_slider figure img {
		width: 800px;
		height: 600px;
		float: left;
	}	

}

@media (min-width : 992px ){

	
section{
    padding:30px 30px 30px 80px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;

}

	

label{
    display:block;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-weight: 700;
    background:#1ea1b8;
	width: 0px;
	height: 0px;
    color:#1507CC;
    text-align:center;
	font-size: 0em;
    line-height:1.1em;
    position:fixed;
    top:10px;
    left:10px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:500;
}
	label img {
		height: 0px;
		width: 0px;
	}





/* page header */
	.index_header {
		width: 100%;
		height: 8em;
		background-color: none;
		
	}
	
	.index_header_trans {
		margin-top: 15px;
		margin-left: -0.5em;
		width: 26em;
		height: 15.55em;
		background: rgba(0,0,0,1.00);
		opacity: .05;
		z-index: 0;
		
		
	}	
	.curriculum_header, .admission_header, .location_header  {
		width: 100%;
		height: 7em;
		background-color: none;		
}
.small_logo_index {
	opacity: 0%;
	margin-top: 0em;
	margin-left: 1em;
	float: left;
	height: 75px;
	width: 150px;		
}
.small_logo_index_img {
	opacity: 100%;
	float: left;
	height: 75px;
	width: 150px;
}
.small_logo {
	opacity: 100%;
	margin-top: -14em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;	
	
}
.small_logo_curr {
	opacity: 100%;
	margin-top: -7.5em;
	margin-left: 1em;
	float: left;
	height: 75px;
	width: 150px;		
}
.small_logo_img {
	opacity: 100%;
	margin-top: 10em;
	float: right;
	height: 75px;
	width: 150px;
}
	
.small_logo_admission {
	opacity: 100%;
	margin-top: -7.5em;
	margin-left: 1em;
	float: left;	
}
.small_logo_scrapbook {
	opacity: 100%;
	margin-top: -9.5em;
	margin-left: 1.0em;
	float: left;	
}		
.small_logo_location {
	opacity: 100%;
	margin-top: -7.5em;
	margin-right: 1em;
	float: left;
	height: 75px;
	width: 150px;	
}
.small_logo_location img {
	opacity: 100%;
	margin-top: 10em;
	height: 75px;
	width: 150px;	
}

.school_logo {
	position: absolute;
	float: left;
	z-index: 50;
	margin-top: -14em;
	margin-left: 2em;
}
.school_logo img {
	width: 300px;
	height: 180px;	
}
.logo_address {
	float: left;
	position: absolute;
	margin-top: -5.0em;
	margin-left: 5em;
	z-index: 50;
		
}
.logo_address p {

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.8em;
	font-style: normal;

}

.cambridge_logo {
	position: absolute;
	float: left;
	background: none;
	margin-left: 28.5em;
	margin-top: -4.6em;
	z-index: 50;
}

.cambridge_logo_img {
	opacity: 100%;
	height: 58px;
	width: 190px;
}

.online_application_index {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
	font-style: bold;	
	color: #FF0004;
	float: left;
	position: absolute;
	margin-top: -1.9em;
	margin-left: 37em;
}

/* page header end */


/* location page navigation*/
.section_campus_nav {
	float: left;
	z-index: 10;
	width: 3em;
	height: 38em;

	opacity: 0.9;
	position: fixed;
	background: none;
	display: block;	
	margin-top: 0em;
	margin-left: -2.5em;
}
.campus_navigation {
	float: left;
	z-index: 400;
	width: 10em;
	height: 41em;

	opacity: 0.9;
	position: absolute;
	background: none;
	display: block;	
	margin-top: -1em;
	margin-left: 0.5em;
}
	
.campus_navigation ul{
	display: block;
	list-style-type: none;	
	margin-left: -2.5em;
	margin-top: -0em;

}

.caption_campus_1{
    background-color: rgba(240,141,31,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}
.caption_campus_2{
    background-color: rgba(243,57,236,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}
.caption_campus_3{
    background-color: rgba(248,204,95,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}
.caption_campus_4{
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}

/* index page horizontal navigation*/

	.navigation_bg {
		position: fixed;
		top: 0em;
		margin-left: -2em;
		width: 100%;
		height: 2.75em;
		background: #0604B5;
		z-index: 6500;
	}
.horizontal_wrapper nav {    
	display: block;
	text-align: left;
	top: 0em;
	margin-left: 30%;
	position: fixed;
	z-index: 6500;
}
.horizontal_wrapper nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.horizontal_nav_ul a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;	
	display:block; 
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.8em 1.8em;
	text-transform: uppercase;
	text-transform: bold;
	letter-spacing: .15em;
	position: relative;
}

.horizontal_nav_ul{  
	
  vertical-align: top; 
  display: inline-block;
  box-shadow: 
    1px -1px -1px 1px #000, 
    -1px 1px -1px 1px #fff, 
    0 0 6px 3px #fff;
  border-radius:6px;
}
.horizontal_nav_ul li {
  position: relative;
}
.horizontal_nav_ul > li { 
  	float: left; 
  	border-bottom: 4px #aaa solid; 
  	margin-right: 1px; 
} 
.horizontal_nav_ul > li > a { 
 	margin-bottom: 1px;
	background: #0604B5;

}
.horizontal_nav_ul > li:hover, 
.horizontal_nav_ul > li:hover > a { 
  	border-bottom-color: orange;
	background: #BED6FD;

}
.horizontal_nav_ul li:hover > a { 
  	color: #0604B5;
	
}
.horizontal_nav_ul > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.horizontal_nav_ul > li:first-child > a { 
  border-radius: 4px 0 0 0;

}
.horizontal_nav_ul > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
.horizontal_nav_ul > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
.horizontal_nav_ul li li a { 
  margin-top: 1px;
	background: #BED6FD;

}

.horizontal_nav_ul li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent; 
  top: 50% ;
  right:5px;  
 }
/**/
/* submenu positioning*/

.horizontal_nav_ul ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  orange;
  z-index: 1;
  left: -99999em;
}
.horizontal_nav_ul > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.horizontal_nav_ul > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/**/
/* arrow hover styling */

.horizontal_nav_ul > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #BED6FD; 
}
.horizontal_nav_ul > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}
.horizontal_nav_ul li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.horizontal_nav_ul li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}
/**/
/* end index navigation*/

/*
	.scrapbook_index {
		position: absolute;
		margin-left: 59.4em;
		top: -1.1em;		
	}
	.scrapbook_click {
	height: 188px;
	width: 220px;
		
	}
	.scrapbook_click img {
	height: 281px;
	width: 200px;
	}
	.caption_scrapbook {
		background-color: rgba(0,28,199,1.00);
		color: #fff;
		font: italic smaller sans-serif;
		font-size: 1.2em;
		margin-left: 0.2em;
		padding: 2px;
		text-align: center;	
	}	
	*/
.intro {
	position: absolute;
	top: 15.6em;
	width: 100%;
	height: 20.2em;
	z-index: 0;
	background-color: none;		
}
	.intro_left {
		position: absolute;
		height: 23.8em;
		width: 32.9em;
		margin-top: -1.9em;
		margin-left: -5.5em;
		z-index: 0;		
	}
	.intro_left_trans {
		position: absolute;
		width: 26.0em;
		height: 24.8em;
		margin-top: 0.0em;
		margin-left: 0.0em;
		z-index: 4;
		background: rgba(0,0,0,1.00);
		opacity: .05;
	}
	.welcome_note_trans {
		position: absolute;
		width: 26.0em;
		height: 25.0em;
		margin-top: -0.1em;
		margin-left: 0.0em;
		z-index: 5;
		background: #0604B5;
		opacity: .3;		
	}	
.welcome_note {
	position: absolute;
	float: right;
	width: 19em;
	margin-top: 4.0em;
	margin-left: 2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;
	z-index: 50;
	color: rgba(255,255,255,1.00);
	
}	
/*	
.intro_pic_left {
	z-index: 2;
	position: absolute;
	float: left;
	margin-top: -2em;
	margin-left: -5.4em;

}
.intro_pic_left img {
	height: 386px;
	width: 766px;
}
	.intro_pic_left2 {
		position: absolute;
		float: right;
		margin-top: -2em;
		margin-left: 45%;
		
	}
	.intro_pic_left2 img {
		height: 500px;
		width: 780px;
	}

.intro_pic_right {
	position: relative;
	float: right;
	margin-top: -29em;
	margin-left: 54em;

}

.intro_pic_right img {
	height: 0px;
	width: 0px;
}
*/

.welcome {
	position: absolute;
	width: 0;
	height: 0em;
	z-index: 0;	
	margin-top: 0em;
	background-color: none;
		
}

.welcome_left {
	width: 0%;
	height: 0em;
	position: absolute;
	float: left;
}

.welcome_right {
	z-index: 0;
    width: 0;
    height: 0em;
	margin-top: 0em;
	margin-left: 0em;
    position: absolute;
    float: left;
    background: none;
}
.welcome_right_pic img {
	height: 0px;
	width: 0px;
}

	.intro_slider_div {
		position: absolute;
		width: 650px;
		height: 400px;
		margin-top: -2em;
		margin-left: 20.5em;
		background: none;
		
	}
	
	
	.intro_slider {
		overflow: hidden;
	}
	.intro_slider figure {
		position: relative;
		width: 3250px;
		margin: 0px;
		left: 0px;
		animation: 20s intro_slider infinite;
		-webkit-animation: 20s intro_slider infinite;
		-moz-animation: 20s intro_slider infinite;
		-o-animation: 20s intro_slider infinite;
	}
	.intro_slider figure img {
		width: 650px;
		height: 400px;
		float: left;
	}	

/*	
.school_motto_frame {
	width: 120%;
	float: right;
	position: absolute;
	background: #FFFFFF;
	margin-top: 0.85em;
	margin-left: 33.5em;
}
.school_motto {
	position: absolute;
	width: 22em;
	height: 6em;
	padding: 0em;	
	background: rgba(255,253,253,1.00);
	
}
.school_motto h1{
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	font-size: 1.2em;
	padding: 0.2em;
	margin-left: 2em;
	
}
.school_motto p {
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: right;	
	font-size: 1em;
	padding: 0em; 
	margin-top: 3.2em;
	margin-left: 14.3em;
	
}
.general_wireframe_apple {
	position: absolute;
	float: right;
	margin-top: 5.0em;
	margin-left: 52em;
}
.apple_wireframe_img {
	height: 178px;
	width: 161px;
}	*/

	/* section general*/
.section_general_info {
	position: absolute;
	width: 100%;
	height: 31em;
	z-index: 0;	
	top: -1.6em;
	margin-left: -2em;
	background: none;
}

	.section_general_left_bg{
		width: 26.0em;
		height: 51.4em;
		background-color: rgba(0,0,0,1.00);
		opacity: .15;
		margin-top: -11.1em;
		margin-left: -5.5em;
	}
	
.section_general_left {
	z-index: 50;
	width: 21em;
	height: 31.5em;
	position: absolute;
	float: left;	
	margin-left: -3em;
	margin-top: -3em;
	background-color: transparent;
	
}
	.section_general_pics_up {
		width: 100%;
		height: 17.1em;
		position: absolute;
		float: right;
		margin-left: -3.5em;
		margin-top: -12em;
		background-color: none;
	}
	/*
	.section_general_pics_down {
		width: 100%;
		height: 15em;
		position: absolute;
		float: right;
		margin-left: -3.6em;
		margin-top: 14.5em;
		background-color: none;
	}	
*/
.general_school_info {
	z-index: 40;
	position: relative;
	float: left;
	width: 19em;
	height: 30em;
	margin-top: -2em;
	margin-left: -3em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color:rgba(255,255,255,1.00)
}


.general_prothom_alo {
	z-index: 5;
	position: absolute;
	float: left;
	margin-top: 23.8em;
	margin-left:-5.5em;
	width: 245px;

}
.general_prothom_alo img {
	height: 188px;
	width: 143px;
}
.caption_prothom_alo {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.0em;
    padding: 4px;
	margin-left: 1.5em;
    text-align: center;	
}
	
.welcome_prospectus {
	position: absolute;
	float: left;
	z-index: 5;
	margin-top: 23.8em;
	margin-left: 7.4em;
	width: 245px;
}
.welcome_prospectus img {
	height: 187px;
	width: 139px;
}

.caption_prospectus {
    background-color: rgba(238,177,102,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.0em;
    padding: 4px;
	margin-left: 1.5em;
    text-align: center;	
}	
/*
	.general_pic1 {
		z-index: 5;
		position: absolute;
		margin-left: 31.6%;
		margin-top: 1.5em;
	}
	.general_pic1 img {
		height: 300px;
		width:  349px;
	}
	.general_pic2 {
		z-index: 4;
		position: absolute;
		margin-left: -5em;
		margin-top: 1.5em;
	}
	.general_pic2 img {
		height: 400px;
		width: 547px;
	}*/
	.general_pic3 {
		position: absolute;
		margin-left: -5em;
		margin-top: 3em;
	}
	.general_pic3 img {
		height: 482px;
		width: 1524px;
	}
	/*
	.general_pic4 img {
		height: 0px;
		width: 0px;
	}
	.general_pic5 img {
		height: 0px;
		width: 0px;
	}*/

.index_footer {
	position: absolute;
	width: 100%;
	height: 38em;
	top: 92.9em;
	margin-left: -0.5em;
	background: #63AB02;
}
	.footer_left_bg{
		float: left;
		width: 26.0em;
		height: 39.0em;
		background-color: rgba(0,0,0,1.00);
		opacity: .15;
		margin-top: -1.0em;
		margin-left: .5em;
	}
	.index_footer_campus_info {
		
	float: left;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 15em;
	opacity: 1;
	margin-left: -3em;
	margin-top: 1em;
	background: transparent;			
	}
.index_footer_campus {
	float: left;
	position: absolute;
	z-index: 0;
	width: 100%;
	opacity: 1;
	margin-left: -5em;
	margin-top: 5.6em;
	background:transparent;	
	
}
	.index_footer_address {
	float: left;
	position: absolute;
	z-index: 0;
	width: 100%;
	opacity: 1;
	margin-left: -5em;
	margin-top: 5.6em;
	background:transparent;			
	}
.index_footer_campus h1 {
	position: absolute;
	margin-left: 17.6em;
	margin-top: -2.8em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2.0em;	
	z-index: 0;
	color: rgba(255,255,255,1.00)
}


.index_footer_campus p {
	position: relative;
	display: inline-block;
	margin-top: 0.0em;
	margin-left: 16.5em;
	width: 15.0em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	color: rgba(255,255,255,1.00)
}	
	.index_footer_address p {
	position: relative;
	display: inline-block;
	margin-top: 0.0em;
	margin-left: 29.5em;
		width: 32.0em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	color: rgba(255,255,255,1.00);		
	}
.index_footer_mail {
	z-index: 0;
	position: absolute;
	margin-left: 25.6em;
	width: 10em;
	margin-top: 19.2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	color: rgba(255,255,255,1.00);
}
	.index_footer_links {
	position: absolute;
	width: 16em;
	margin-left: 48em;
	margin-top: 19.2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;			
	color: rgba(255,255,255,1.00);
	}
.index_footer_social {
	position: absolute;
	width: 16em;
	margin-left: 36em;
	margin-top: 19.2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;			
	color: rgba(255,255,255,1.00);
}
	.index_footer_info {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0.6em;	
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 46em;
		margin-left: 5em;
	}	
	.index_footer_guardians {
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 1.0em;	
		width: 18em;
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 21.6em;
		margin-left: 3em;		
	}


.curriculum_section {
	position: absolute;
	float: left;
	top: 8.0em;
	left: 0;
	width: 100%;
	height: 80em;
	background: rgba(162,204,248,1.00);
}
.curriculum_pic {
	position: absolute;
	float: center;
	margin-top: 8em;
	margin-left: -3.5em;
	width: 648px;
	height: 420px;
}
.curriculum_pic img {
	width: 648px;
	height: 400px;
}
.caption_curriculum_pic {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-top: -2em;
	margin-left: 8.5em;
    text-align: right;		
}
.curriculum_text_a {
	position: absolute;
	float: center;
	width: 51em;
	margin-top: -1em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_b {
	position: absolute;
	float: right;
	width: 51em;
	margin-top: 36.5em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_c {
	position: absolute;
	float: right;
	width: 51em;
	margin-top: 47.2em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color: rgba(0,0,0,1.00);

}
/*	
.school_motto_frame {
	width: 0em;
	height: 0em;
	float: right;
	position: absolute;
	background: #FFFFFF;
	margin-top: 9.0em;
	margin-left: 40.5em;
}*/
.school_motto {
	position: absolute;
	width: 26em;
	height: 6em;	
	margin-top: 24.0em;
	margin-left: 30em;
	padding: 0em;	
	background: rgba(255,253,253,1.00);
	
}
.school_motto h1{
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	font-size: 1.3em;
	padding: 0.2em;
	margin-left: 2em;
	
}
.school_motto p {
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: right;	
	font-size: 1em;
	padding: 0em; 
	margin-top: 3.8em;
	margin-left: 16.0em;
	
}
.general_wireframe_apple {
	position: absolute;
	float: left;
	margin-top: 9.0em;
	margin-left: 42em;
}
.apple_wireframe_img {
	height: 260px;
	width: 230px;
}		
.curriculum_top {
	position: absolute;
	margin-top: 74em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	padding: 4px;	
}
.admission_footer {
	width: 100%;
	height: 12em;
	background: rgba(173,104,5,1.00);
}

.admission_intro {
	width: 100%;
	height: 66em;
	z-index: 10;
	background: rgba(241,226,120,1.00);
	top: -2em;
	left: 0;
}
.admission_general {
	position: absolute;
	width: 100%;
	margin-top: -1em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}
.admission_office {
	width: 22em;		
	position: absolute;
	margin-top: 6em;
	margin-left: 20.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}
.admission_mail {
	position: absolute;
	margin-left: 20.5em;
	margin-top: 45em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;			
}
	/**
.admission_office_hours {
	width: 25%;
	position: absolute;
	margin-top: 34em;
	margin-left: 33em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}*/
.admission_alevel{
	width: 85%;
	position: absolute;
	margin-top: 17em;
	margin-left: 21em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}
.admission_docs {
	width: 85%;
	position: absolute;
	margin-top: 8em;
	margin-left: 20.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}
.online_application_instructions {
	color: #FF0004;
	width: 18em;
	position: absolute;
	margin-top: 40em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}
.alevel_online_application_instructions {
	color: #FF0004;
	width: 22em;
	position: absolute;
	margin-top: 40em;
	margin-left: 22em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}	
.admission_pic1 {
	position: absolute;
	float: left;
	margin-top: 6em;
	margin-left: -3em;
	width: 360px;
	height: 540px;
}
	
.admission_pic1 img {
	width: 360px;
	height: 540px;
}
	.admission_pic1 figcaption {
    background-color: rgba(14,170,240,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}	
	.admission_pic2 {
	position: absolute;
	float: left;
	margin-top: 24em;
	margin-left: 20.0em;
	width: 580px;
	height: 280px;		
	}
	.admission_pic2 img {
		width: 559px;
		height: 280px;
	}
	.admission_pic2 figcaption {
    background-color: rgba(240,154,14,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}
	
	.admission_pic3 {
	position: absolute;
	float: left;
	margin-top: 3em;
	margin-left: 20.0em;
	width: 630px;
	height: 600px;			
	}
	.admission_pic3 img {
		width: 552px;
		height: 450px;
	}
	.admission_pic3 figcaption {
    background-color: rgba(33,239,9,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}

.admission_criteria_section {
	width: 100%;
	height: 32em;
	margin-top: -1em;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_criteria_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: -2em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
}
.admission_table {
	position: absolute;
	float: center;
	margin-top: 4em;
	margin-left: 2em;
}
.admission_age{
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_age td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_age thead, .admission_age tbody tr th, .admission_age thead tr th{
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_fee_section {
	width: 100%;
	height: 26em;
	margin-top: -1em;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_fees_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: 5em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.tuition_table_admission {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: -3em;
	width: 18em;
}

.admission_fee {
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_fee thead, .admission_fee tbody tr th, .admission_fee thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.admission_fee td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.tuition_table_monthly {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: 17em;	
	width: 18em;
}
.tuition_monthly {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_monthly thead, .tuition_monthly tbody tr th, .tuition_monthly thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_monthly td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.tuition_total_info {
	width: 95%;
	position: absolute;
	float: left;
	margin-top: 17em;
	margin-left: 12em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}
.tuition_table_total {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: 37em;		
	width: 18em;
}

.tuition_total {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_total thead, .tuition_total tbody tr th, .tuition_total thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_total td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.admission_top {	
	margin-top: 20em;
	margin-left: 45em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	padding: 4px; 	
	width: 6px;
}

.google_map {
	margin-top: 1.6em;
	margin-left: -2em;
	width: 95%;
	height: 23em;
	background: rgba(225,225,225,1.00);
}

.google {
	float: center;
	margin-top: 0em;
	margin-left: 4em;
}
.google iframe {
	width: 100%;
	height: 24em;
}

.campus_1_txt {
	margin-top: 24em;
	margin-left: 4em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
}
.fig_campus_1_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 20em;
	width: 300px;
	height: 400px;

}
.fig_campus_1_building img {
	width: 276px;
	height: 400px;
}
.fig_campus_1_pic1 {
	position: absolute;
	float: left;
	margin-top: 39em;
	margin-left: 7em;
	
}
.fig_campus_1_pic1 img {
	width: 450px;
	height: 340px;	
}
.fig_campus_1_pic2 {
	position: absolute;
	float: right;
	margin-top: 39em;
	margin-left: 36em;
	
}
.fig_campus_1_pic2 img {
	width: 450px;
	height: 340px;	
}	
.section_campus_2 div{
	margin-top: 24em;
	margin-left: 4em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;		
}
.fig_campus_2_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 20em;
	width: 300px;
	height: 400px;	
}
.fig_campus_2_building img {
	width: 261px;
	height: 400px;	
}
.fig_campus_2_pic1 {
	z-index: 10;
	position: absolute;
	float: center;
	margin-top: 39em;
	margin-left: 7em;
	width: 450px;
	height: 340px;			
}
	
.fig_campus_2_pic1 img {
	width: 450px;
	height: 340px;				
}
	
.fig_campus_2_pic2 {
	position: absolute;
	float: right;
	margin-top: 39em;
	margin-left: 36em;
	width: 450px;
	height: 340px;			
}
.fig_campus_2_pic2 img {
	width: 450px;
	height: 340px;				
}
/*
.section_campus_3 div{
	margin-top: 24em;
	margin-left: 4em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;		
}

.fig_campus_3_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 20em;
	width: 300px;
	height: 400px;	
}
.fig_campus_3_building img {
	width: 264px;
	height: 400px;	
}
.fig_campus_3_pic1 {
	z-index: 5;
	position: absolute;
	float: center;
	margin-top: 44em;
	margin-left: 4em;
	width: 470px;
	height: 350px;		
}
.fig_campus_3_pic1 img {
	width: 450px;
	height: 350px;		
}
.fig_campus_3_pic2 {
	position: absolute;
	float: left;
	margin-top: 44em;
	margin-left: 40%;
	width: 500px;
	height: 332px;		
}
.fig_campus_3_pic2 img {
	width: 480px;
	height: 332px;		
}
*/
.section_campus_4 div{
	padding-top: 30em;
	margin-left: 4em;
	width: 90%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;		
}

.fig_campus_4_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 13.6em;
	width: 428px;
	height: 00px;	
}
.fig_campus_4_building img {
	width: 428px;
	height: 500px;	
}
.fig_campus_4_pic1 {

	position: absolute;
	float: left;
	margin-top: 46em;
	margin-left: 20em;
	width: 450px;
	height: 340px;		
}
.fig_campus_4_pic1 img {
	width: 450px;
	height: 340px;	
}
.fig_campus_4_pic2 {
	position: absolute;
	float: right;
	margin-top: 46em;
	margin-left: -2em;
	width: 0px;
	height: 0px;		
}
.fig_campus_4_pic2 img {
	width: 0px;
	height: 0px;		
}
	.hello {
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	padding: 4px; 	
	width: 4em;		
		margin-left: 2em;
	}
	
.back_top_1 {
	position: absolute;
	margin-top: 25.5em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}
.back_top_2 {
	position: absolute;
	margin-top: 28.5em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}
.back_top_3 {
	position: absolute;
	margin-top: 25em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}
.back_top_4 {
	position: absolute;
	margin-top: 28em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}

.section_campus_1 {
	width: 100%;
	height: 65em;
	background: rgba(244,177,91,1.00);		
}
.section_campus_2 {
	width: 100%;
	height: 67em;
	background: rgba(225,153,237,1.00);	
	margin-top: -1em;
}
.section_campus_3 {
	width: 100%;
	height: 70em;
	background: rgba(241,201,151,1.00);	
}
.section_campus_4 {
	width: 100%;
	height: 68em;
	margin-top: -1em;
	background: rgba(85,145,237,1.00);	
}
	
	/*scrapbook*/
	.scrapbook_header  {
			width: 100%;
			height: 5em;
			background-color: none;		
	}	
	/*scrapbook portrait*/
	.scrapbook_portrait {
		position: absolute;
		width: 100%;
		height: 52em;
		z-index: 0;	
		top: 5.5em;
		margin-left: -2em;
		background: none;	
	}
	.portrait_text {
		position: absolute;
		float: left;
		width: 27.5em;
		height: 21em;
		top: 2em;
		margin-left: -0.7em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.3em;	
		color: #FFFFFF;
		z-index: 10;		
	}
	.portrait_text_mask {
		width: 37.5em;
		height: 37.6em;
		background-color: rgba(0,0,0,1.00);
		opacity: .25;
		margin-top: 0.1em;
		margin-left: -2.0em;	
		z-index: 200;
	}
	.portrait_bg {
		position: absolute;
		top: 2.0em;
		margin-left: -2em;
		z-index: 0;
		
	}
	.portrait_bg img {
		width: 600px;
		height: 600px;
	}

	.portrait_slider_div {
		position: absolute;
		width: 600px;
		height: 800px;
		top: 2em;
		margin-left: 40.5em;
		background: none;
		
	}
	
	.portrait_slider {
		overflow: hidden;
	}
	.portrait_slider figure {
		position: relative;
		width: 3600px;
		margin: 0px;
		left: 0px;
		animation: 32s portrait_slider infinite;
		-webkit-animation: 32s portrait_slider infinite;
		-moz-animation: 32s portrait_slider infinite;
		-o-animation: 32s portrait_slider infinite;
	}
	.portrait_slider figure img {
		width: 600px;
		height: 800px;
		float: left;
	}	
	/*scrapbook landscape*/
	.scrapbook_landscape {
		position: absolute;
		width: 100%;
		height: 47em;
		z-index: 0;	
		top: 61.2em;
		margin-left: -2em;
		background: none;	
	}
	.landscape_text {
		position: absolute;
		float: left;
		width: 100%;
		height: 4em;
		margin-top: 0em;
		margin-left: 9.6em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.6em;	
		color: #000000;
		z-index: 15;		
	}
	

	.landscape_slider_div {
		position: absolute;
		width: 800px;
		height: 600px;
		margin-top: 6.6em;
		margin-left: 16.2em;
		background: none;
		
	}
	
	.landscape_slider {
		overflow: hidden;
	}
	.landscape_slider figure {
		position: relative;
		width: 4800px;
		margin: 0px;
		left: 0px;
		animation: 30s landscape_slider infinite;
		-webkit-animation: 30s landscape_slider infinite;
		-moz-animation: 30s landscape_slider infinite;
		-o-animation: 30s landscape_slider infinite;
	}
	.landscape_slider figure img {
		width: 800px;
		height: 600px;
		float: left;
	}	
	
}

@media (min-width : 1488px ){
	

section{
    padding:30px 30px 30px 80px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;

}


label{
    display:block;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-weight: 700;
    background:#1ea1b8;
	width: 0px;
	height: 0px;
    color:#1507CC;
    text-align:center;
	font-size: 0em;
    line-height:1.1em;
    position:fixed;
    top:10px;
    left:10px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:500;
}


/* page header */
	.index_header {
		width: 100%;
		height: 8em;
		background-color: none;

		
	}
	.index_header_trans {
		margin-top: 15px;
		margin-left: -0.5em;
		width: 26em;
		height: 15.55em;
		background: rgba(0,0,0,1.00);
		opacity: .05;
		z-index: 0;
		
		
	}

	.curriculum_header, .admission_header, .location_header {
		width: 100%;
		height: 7em;
		background-color: none;		
}
	
.small_logo_index {
	opacity: 0%;
	margin-top: 0em;
	margin-left: 1em;
	float: left;
	height: 75px;
	width: 150px;		
}
.small_logo_index_img {
	opacity: 100%;
	float: left;
	height: 75px;
	width: 150px;
}
.small_logo {
	opacity: 100%;
	margin-top: -14em;
	margin-right: 6%;
	float: right;
	height: 75px;
	width: 150px;	
	
}
.small_logo_curr {
	opacity: 100%;
	margin-top: -7.5em;
	margin-left: 1em;
	float: left;
	height: 75px;
	width: 150px;		
}
.small_logo_img {
	opacity: 100%;
	margin-top: 10em;
	float: right;
	height: 75px;
	width: 150px;
}
	
.small_logo_admission {
	opacity: 100%;
	margin-top: -7.5em;
	margin-left: 1em;
	float: left;	
}
.small_logo_scrapbook {
	opacity: 100%;
	margin-top: -9.5em;
	margin-left: 1em;
	float: left;	
}	
.small_logo_location {
	opacity: 100%;
	margin-top: -7.5em;
	margin-right: 1em;
	float: left;
	height: 75px;
	width: 150px;	
}
.small_logo_location img {
	opacity: 100%;
	margin-top: 10em;
	height: 75px;
	width: 150px;	
}


.school_logo {
	position: absolute;
	float: left;
	z-index: 50;
	margin-top: -14em;
	margin-left: 2em;
}
.school_logo img {
	width: 300px;
	height: 180px;	
}
.logo_address {
	float: left;
	position: absolute;
	margin-top: -5.0em;
	margin-left: 5em;
	z-index: 50;
		
}
.logo_address p {

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.8em;
	font-style: normal;

}

.cambridge_logo {
	position: absolute;
	float: left;
	background: none;
	margin-left: 30.5em;
	margin-top: -4.9em;
	z-index: 50;
}

.cambridge_logo_img {
	opacity: 100%;
	height: 58px;
	width: 190px;
}

.online_application_index {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
	font-style: bold;	
	color: #FF0004;
	float: left;
	position: absolute;
	margin-top: -2.2em;
	margin-left: 44em;
}


/* page header end */


/* location page navigation*/
.section_campus_nav {
	float: left;
	z-index: 10;
	width: 3em;
	height: 38em;

	opacity: 0.9;
	position: fixed;
	background: none;
	display: block;	
	margin-top: -2em;
	margin-left: -2.5em;
}
.campus_navigation {
	float: left;
	z-index: 400;
	width: 10em;
	height: 41em;

	opacity: 0.9;
	position: absolute;
	background: none;
	display: block;	
	margin-top: 1em;
	margin-left: 0.5em;
}
	
.campus_navigation ul{
	display: block;
	list-style-type: none;	
	margin-left: -2.5em;
	margin-top: -0em;

}


.caption_campus_1{
    background-color: rgba(240,141,31,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}
.caption_campus_2{
    background-color: rgba(243,57,236,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}
.caption_campus_3{
    background-color: rgba(248,204,95,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}
.caption_campus_4{
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1em;
    padding: 0px;
    text-align: center;
}


/* index page horizontal navigation*/

	.navigation_bg {
		position: fixed;
		top: 0em;
		margin-left: -2em;
		width: 100%;
		height: 2.75em;
		background: #0604B5;
		z-index: 6500;
	}
.horizontal_wrapper nav {    
	display: block;
	text-align: left;
	top: 0em;
	margin-left: 54%;
	position: fixed;
	z-index: 6500;
}
.horizontal_wrapper nav ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.horizontal_nav_ul a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;	
	display:block; 
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.8em 1.8em;
	text-transform: uppercase;
	text-transform: bold;
	letter-spacing: .15em;
	position: relative;
}

.horizontal_nav_ul{  
	
  vertical-align: top; 
  display: inline-block;
  box-shadow: 
    1px -1px -1px 1px #000, 
    -1px 1px -1px 1px #fff, 
    0 0 6px 3px #fff;
  border-radius:6px;
}
.horizontal_nav_ul li {
  position: relative;
}
.horizontal_nav_ul > li { 
  	float: left; 
  	border-bottom: 4px #aaa solid; 
  	margin-right: 1px; 
} 
.horizontal_nav_ul > li > a { 
 	margin-bottom: 1px;
	background: #0604B5;

}
.horizontal_nav_ul > li:hover, 
.horizontal_nav_ul > li:hover > a { 
  	border-bottom-color: orange;
	background: #BED6FD;

}
.horizontal_nav_ul li:hover > a { 
  	color: #0604B5;
	
}
.horizontal_nav_ul > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.horizontal_nav_ul > li:first-child > a { 
  border-radius: 4px 0 0 0;

}
.horizontal_nav_ul > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
.horizontal_nav_ul > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
.horizontal_nav_ul li li a { 
  margin-top: 1px;
	background: #BED6FD;

}

.horizontal_nav_ul li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent; 
  top: 50% ;
  right:5px;  
 }
/**/
/* submenu positioning*/

.horizontal_nav_ul ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  orange;
  z-index: 1;
  left: -99999em;
}
.horizontal_nav_ul > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.horizontal_nav_ul > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/**/
/* arrow hover styling */

.horizontal_nav_ul > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #BED6FD; 
}
.horizontal_nav_ul > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}
.horizontal_nav_ul li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.horizontal_nav_ul li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}
/**/
/* end index navigation*/


	.scrapbook_index {
		position: absolute;
		margin-left: 59.4em;
		top: -1.1em;		
	}
	.scrapbook_click {
	height: 188px;
	width: 220px;
		
	}
	.scrapbook_click img {
	height: 281px;
	width: 200px;
	}
	.caption_scrapbook {
		background-color: rgba(0,28,199,1.00);
		color: #fff;
		font: italic smaller sans-serif;
		font-size: 1.2em;
		margin-left: 0.2em;
		padding: 2px;
		text-align: center;	
	}	
	
.intro {
	position: absolute;
	top: 15.5em;
	width: 100%;
	height: 20.2em;
	z-index: 0;
	background-color: none;		
}
	.intro_left {
		position: absolute;
		height: 23.8em;
		width: 32.9em;
		margin-top: -1.9em;
		margin-left: -5.5em;
		z-index: 0;		
	}
	.intro_left_trans {
		position: absolute;
		width: 26.0em;
		height: 24.8em;
		margin-top: 0.0em;
		margin-left: 0.0em;
		z-index: 4;
		background: rgba(0,0,0,1.00);
		opacity: .05;
	}
	.welcome_note_trans {
		position: absolute;
		width: 26.0em;
		height: 25.0em;
		margin-top: -0.1em;
		margin-left: 0.0em;
		z-index: 5;
		background: #0604B5;
		opacity: .3;		
	}
.welcome_note {
	position: absolute;
	float: right;
	width: 20.0em;
	margin-top: 6.4em;
	margin-left: 2.4em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.0em;
	color: #FFFFFF;
	z-index: 15;
	
}	
	.intro_slider_div {
		position: absolute;
		width: 650px;
		height: 400px;
		margin-top: -2em;
		margin-left: 20.5em;
		background: none;
		
	}
	
	.intro_slider {
		overflow: hidden;
	}
	.intro_slider figure {
		position: relative;
		width: 3250px;
		margin: 0px;
		left: 0px;
		animation: 20s intro_slider infinite;
		-webkit-animation: 20s intro_slider infinite;
		-moz-animation: 20s intro_slider infinite;
		-o-animation: 20s intro_slider infinite;
	}
	.intro_slider figure img {
		width: 650px;
		height: 400px;
		float: left;
	}
	
/*
.intro_pic_right {
	position: relative;
	float: right;
	margin-top: -29em;
	margin-left: 54em;

}

.intro_pic_right img {
	height: 0px;
	width: 0px;
}
*/

.welcome {
	position: absolute;
	/*width: 100%;
	height: 19em;
	z-index: 400;	
	margin-top: 12.1em;*/
	width: 0%;
	height: 0em;
	z-index: 400;	
	margin-top: 0em;	
	background-color: none;
		
}

.welcome_left {
	width: 0%;
	height: 0em;
	position: absolute;
	float: left;
	background:  rgba(181,181,181,1.00)
}

.welcome_right {
	z-index: 10;
    /*width: 80%;
    height: 9.5em;
	margin-top: 9.8em;	*/
    width: 0%;
    height: 0em;
	margin-top: 0em;
    position: relative;
    float: left;
    background: none;
	/*background: linear-gradient(90deg,#0604B5,#FFFFFF);*/
	opacity: 1;
}
.welcome_right_pic img {
	height: 0px;
	width: 0px;
}

.welcome_prospectus {
	position: absolute;
	float: left;
	margin-top: 42.9em;
	margin-left: 7.8em;
	width: 245px;
	z-index: 55;
}
.welcome_prospectus img {
	height: 187px;
	width: 139px;
}

.caption_prospectus {
    background-color: rgba(238,177,102,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.0em;
    padding: 4px;
	margin-left: 1.5em;
    text-align: center;	
}


	/* section general*/
.section_general_info {
	position: absolute;
	width: 100%;
	height: 47em;
	z-index: 60;	
	top: -12.0em;
	margin-left: -2em;
	background: none;
}

.general_school_info {
	z-index: 40;
	position: relative;
	float: left;
	width: 18.0em;
	height: 30em;
	margin-top: 9.6em;
	margin-left: -2.4em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color:rgba(255,255,255,1.00)
}
	.section_general_left_bg{
		width: 26.0em;
		height: 61.8em;
		background-color: rgba(0,0,0,1.00);
		opacity: .15;
		margin-top: -1.4em;
		margin-left: -5em;
	}

.section_general_left {
	z-index: 50;
	width: 28em;
	height: 19.5em;
	position: absolute;
	float: left;	
	margin-left: -3.5em;
	margin-top: -2.4em;
	background-color: transparent;
	
}
	.section_general_pics_up {
		width: 100%;
		height: 25.1em;
		position: absolute;
		float: right;
		margin-left: -3.5em;
		margin-top: -0em;
		background-color: none;
	}
	/*
	.section_general_pics_down {
		width: 100%;
		height: 20em;
		position: absolute;
		float: right;
		margin-left: 25em;
		margin-top: 29.5em;
		background-color: none;
	}	
*/

.general_prothom_alo {
	z-index: 55;
	position: absolute;
	float: left;
	margin-top: 42.9em;
	margin-left: -5.6em;
	width: 245px;

}
.general_prothom_alo img {
	height: 188px;
	width: 143px;
}
.caption_prothom_alo {
    background-color: rgba(31,151,239,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.0em;
    padding: 4px;
	margin-left: 1.5em;
    text-align: center;	
}
/*
	.general_pic1 {
		z-index: 5;
		position: absolute;
		margin-left: -1.4em;
		margin-top: -1.1em;
	}
	.general_pic1 img {
		height: 0px;
		width:  0px;
	}
	.general_pic2 {
		z-index: 6;
		position: absolute;
		margin-left: -34.9em;
		margin-top: -1.1em;
	}
	.general_pic2 img {
		height: 0px;
		width: 0px;
	}*/
	.general_pic3 {
		position: absolute;
		margin-left: -5em;
		margin-top: 0.9em;
	}
	.general_pic3 img {
		height: 602px;
		width: 1912px;
	}
	/*
	.general_pic4 {
		position: absolute;
		margin-top: -1.1em;
		margin-left: 20.0em;
	}
	.general_pic5 {
		position: absolute;
		margin-top: -1.1em;
		margin-left: 48em;
	}
	.general_pic4 img {

		
		height: 0px;
		width: 0px;
	}
	.general_pic5 img {
		height: 0px;
		width: 0px;
	}
*/
.index_footer {
	position: absolute;
	width: 100%;
	height: 36em;
	margin-left: -1em;
	top: 103.1em;
	background: #63AB02;


}
	.footer_left_bg{
		float: left;
		width: 26.0em;
		height: 36.0em;
		background-color: rgba(0,0,0,1.00);
		opacity: .15;
		margin-top: -1.0em;
		margin-left: 1.0em;
	}
	.index_footer_campus_info {
		
	float: left;
	position: absolute;
	z-index: 6000;
	width: 100%;
	height: 16em;
	opacity: 1;
	margin-left: -7.6em;
	margin-top: 1em;
	background: transparent;			
	}
.index_footer_campus {
	float: left;
	position: absolute;
	z-index: 400;
	width: 100%;
	opacity: 1;
	margin-left: -0em;
	margin-top: 5.7em;
	background:transparent;	
	
}
	.index_footer_address {
	float: left;
	position: absolute;
	z-index: 400;
	width: 100%;
	opacity: 1;
	margin-left: -0em;
	margin-top: 5.7em;
	background:transparent;			
	}
.index_footer_campus h1 {
	position: absolute;
	margin-left: 14.6em;
	margin-top: -2.6em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2.0em;	
	z-index: 45;
	color: rgba(255,255,255,1.00)
}


.index_footer_campus p {
	position: relative;
	display: inline-block;
	margin-top: 0.0em;
	margin-left: 12.5em;
	width: 15.0em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	color: rgba(255,255,255,1.00)
}	
	.index_footer_address p {
	position: relative;
	display: inline-block;
	margin-top: 0.0em;
	margin-left: 24.5em;
	width: 52.0em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	color: rgba(255,255,255,1.00)		
	}
.index_footer_mail {
	z-index: 400;
	position: absolute;
	margin-left: 24.5em;
	width: 16em;
	margin-top: 17em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;	
	color: #FFFFFF;
}
	.index_footer_links {
	position: absolute;
	width: 16em;
	margin-left: 60em;
	margin-top: 18.9em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;			
	color: rgba(255,255,255,1.00);
	}
.index_footer_social {
	position: absolute;
	width: 12em;
	margin-left: 44em;
	margin-top: 18.9em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;			
	color: rgba(255,255,255,1.00);
}
	.index_footer_info {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0.6em;	
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 46.5em;
		margin-left: 4em;
	}
	.index_footer_guardians {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.0em;	
		width: 18em;
		position: absolute;
		color: rgba(255,255,255,1.00);
		margin-top: 21.0em;
		margin-left: 3em;		
	}


.curriculum_section {
	position: absolute;
	float: left;
	top: 8.0em;
	left: 0;
	width: 100%;
	height: 80em;
	background: rgba(162,204,248,1.00);
}
.curriculum_pic {
	position: absolute;
	float: left;
	margin-top: 8em;
	margin-left: -3.6em;
	width: 814px;
	height: 540px;
}
.curriculum_pic img {
	width: 814px;
	height: 500px;
}
.caption_curriculum_pic {
    /*background-color: rgba(31,151,239,1.00);*/
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-top: -2em;
	margin-left: 8.5em;
    text-align: right;		
}
.curriculum_text_a {
	position: absolute;
	float: center;
	width: 70em;
	margin-top: -1em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_b {
	position: absolute;
	float: right;
	width: 70em;
	margin-top: 36.5em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color: rgba(0,0,0,1.00);

}
.curriculum_text_c {
	position: absolute;
	float: right;
	width: 70em;
	margin-top: 45.2em;
	margin-left: -1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
	color: rgba(0,0,0,1.00);

}
/*	
.school_motto_frame {
	width: 0em;
	height: 0em;
	float: right;
	position: absolute;
	background: #FFFFFF;
	margin-top: 9.0em;
	margin-left: 40.5em;
}*/
.school_motto {
	position: absolute;
	width: 26em;
	height: 6em;	
	margin-top: 24.8em;
	margin-left: 46em;
	padding: 0em;	
	background: rgba(255,253,253,1.00);
	
}
.school_motto h1{
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	font-size: 1.3em;
	padding: 0.2em;
	margin-left: 2em;
	
}
.school_motto p {
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: right;	
	font-size: 1em;
	padding: 0em; 
	margin-top: 3.8em;
	margin-left: 16.0em;
	
}
.general_wireframe_apple {
	position: absolute;
	float: left;
	margin-top: 9.0em;
	margin-left: 57em;
}
.apple_wireframe_img {
	height: 260px;
	width: 230px;
}		

.curriculum_top {
	position: absolute;
	margin-top: 74em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	padding: 4px;	
}
.admission_footer {
	width: 100%;
	height: 12em;
	background: rgba(173,104,5,1.00);
}

.admission_intro {
	width: 100%;
	height: 66em;
	z-index: 10;
	background: rgba(241,226,120,1.00);
	top: 6em;
	left: 0em;
}
.admission_general {
	position: absolute;
	width: 100%;
	margin-top: -1em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}
.admission_office {
	width: 22em;		
	position: absolute;
	margin-top: 6em;
	margin-left: 20.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}
.admission_mail {
	position: absolute;
	margin-left: 20.5em;
	margin-top: 45em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;			
}
	/**
.admission_office_hours {
	width: 25%;
	position: absolute;
	margin-top: 34em;
	margin-left: 33em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}*/
.admission_alevel{
	width: 25%;
	position: absolute;
	margin-top: 17em;
	margin-left: 21em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}
.admission_docs {
	width: 85%;
	position: absolute;
	margin-top: 8em;
	margin-left: 20.5em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}
.online_application_instructions {
	color: #FF0004;
	width: 14em;
	position: absolute;
	margin-top: 40em;
	margin-left: -2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
}
.admission_pic1 {
	position: absolute;
	float: left;
	margin-top: 6em;
	margin-left: -3em;
	width: 325px;
	height: 490px;
}
	
.admission_pic1 img {
	width: 325px;
	height: 490px;
}
	.admission_pic1 figcaption {
    background-color: rgba(14,170,240,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}	
	.admission_pic2 {
	position: absolute;
	float: left;
	margin-top: 24em;
	margin-left: 20.0em;
	width: 580px;
	height: 280px;		
	}
	.admission_pic2 img {
		width: 559px;
		height: 280px;
	}
	.admission_pic2 figcaption {
    background-color: rgba(240,154,14,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}
	
	.admission_pic3 {
	position: absolute;
	float: left;
	margin-top: 3em;
	margin-left: 20.0em;
	width: 630px;
	height: 450px;			
	}
	.admission_pic3 img {
		width: 552px;
		height: 450px;
	}
	.admission_pic3 figcaption {
    background-color: rgba(33,239,9,1.00);
    color: #fff;
    font: italic smaller sans-serif;
	font-size: 1.2em;
    padding: 4px;
	margin-left: 0.0em;
    text-align: left;			
	}

.admission_criteria_section {
	width: 100%;
	height: 32em;
	margin-top: -1em;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_criteria_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: -2em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
}
.admission_table {
	position: absolute;
	float: center;
	margin-top: 4em;
	margin-left: 2em;
}
.admission_age{
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_age td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_age thead, .admission_age tbody tr th, .admission_age thead tr th{
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
}
.admission_fee_section {
	width: 100%;
	height: 26em;
	margin-top: -1em;
	z-index: 1000;
	background: rgba(186,243,111,1.00);
}
.admission_fees_header {
	position: absolute;
	float: center;
	margin-top: -1em;
	margin-left: 5em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;		
}
.tuition_table_admission {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: -3em;
	width: 19em;
}

.admission_fee {
	border: 1px solid rgba(0,0,0,1.00);
}
.admission_fee thead, .admission_fee tbody tr th, .admission_fee thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.admission_fee td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;	
}
.tuition_table_monthly {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: 17em;	
	width: 18em;
}
.tuition_monthly {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_monthly thead, .tuition_monthly tbody tr th, .tuition_monthly thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_monthly td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.tuition_total_info {
	width: 95%;
	position: absolute;
	float: left;
	margin-top: 17em;
	margin-left: 12em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;		
}
.tuition_table_total {
	position: absolute;
	float: center;
	margin-top: 3em;
	margin-left: 37em;		
	width: 18em;
}

.tuition_total {
	border: 1px solid rgba(0,0,0,1.00);
}
.tuition_total thead, .tuition_total tbody tr th, .tuition_total thead tr th {
	border: 1px solid rgba(0,0,0,1.00);
	background-color: aquamarine;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}
.tuition_total td {
	border: 1px solid rgba(0,0,0,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;		
}

.admission_top {	
	margin-top: 20em;
	margin-left: 45em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	padding: 4px; 	
	width: 6px;
}


.google_map {
	margin-top: 1.6em;
	margin-left: -2em;
	width: 95%;
	height: 23em;
	background: rgba(225,225,225,1.00);
}

.google {
	float: center;
	margin-top: 0em;
	margin-left: 4em;
}
.google iframe {
	width: 100%;
	height: 24em;
}

.campus_1_txt {
	margin-top: 24em;
	margin-left: 4em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;	
}
.fig_campus_1_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 20em;
	width: 300px;
	height: 400px;

}
.fig_campus_1_building img {
	width: 276px;
	height: 400px;
}
.fig_campus_1_pic1 {
	position: absolute;
	float: left;
	margin-top: 39em;
	margin-left: 7em;
	
}
.fig_campus_1_pic1 img {
	width: 500px;
	height: 375px;
}
.fig_campus_1_pic2 {
	position: absolute;
	float: right;
	margin-top: 39em;
	margin-left: 40em;
	
}
.fig_campus_1_pic2 img {
	width: 500px;
	height: 375px;
}	
.section_campus_2 div{
	margin-top: 24em;
	margin-left: 4em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;		
}
.fig_campus_2_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 20em;
	width: 300px;
	height: 400px;	
}
.fig_campus_2_building img {
	width: 261px;
	height: 400px;	
}
.fig_campus_2_pic1 {
	z-index: 10;
	position: absolute;
	float: center;
	margin-top: 39em;
	margin-left: 7em;
	width: 500px;
	height: 375px;		
}
.fig_campus_2_pic1 img {
	width: 500px;
	height: 375px;		
}
.fig_campus_2_pic2 {
	position: absolute;
	float: left;
	margin-top: 39em;
	margin-left: 40em;
	width: 500px;
	height: 375px;		
}
.fig_campus_2_pic2 img {
	width: 500px;
	height: 375px;		
}
/*
.section_campus_3 div{
	margin-top: 24em;
	margin-left: 4em;
	width: 85%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;		
}

.fig_campus_3_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 20em;
	width: 300px;
	height: 400px;	
}
.fig_campus_3_building img {
	width: 264px;
	height: 400px;	
}
.fig_campus_3_pic1 {
	z-index: 5;
	position: absolute;
	float: center;
	margin-top: 44em;
	margin-left: 4em;
	width: 470px;
	height: 350px;		
}
.fig_campus_3_pic1 img {
	width: 450px;
	height: 350px;		
}
.fig_campus_3_pic2 {
	position: absolute;
	float: left;
	margin-top: 44em;
	margin-left: 40%;
	width: 500px;
	height: 332px;		
}
.fig_campus_3_pic2 img {
	width: 480px;
	height: 332px;		
}
*/
.section_campus_4 div{
	padding-top: 30em;
	margin-left: 4em;
	width: 90%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: justify;
	font-size: 1.1em;		
}

.fig_campus_4_building {
	position: absolute;
	float: center;
	margin-top: 0em;
	margin-left: 13.6em;
	width: 428px;
	height: 600px;	
}
.fig_campus_4_building img {
	width: 428px;
	height: 500px;	
}
.fig_campus_4_pic1 {

	position: absolute;
	float: center;
	margin-top: 44em;
	margin-left: 7em;
	width: 500px;
	height: 375px;		
}
.fig_campus_4_pic1 img {
	width: 500px;
	height: 375px;		
}
.fig_campus_4_pic2 {
	position: absolute;
	float: left;
	margin-top: 44em;
	margin-left: -2em;
	width: 0px;
	height: 0px;		
}
.fig_campus_4_pic2 img {
	width: 0px;
	height: 0px;		
}
	.hello {
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;	
	padding: 4px; 	
	width: 4em;		
		margin-left: 2em;
	}
	
.back_top_1 {
	position: absolute;
	margin-top: 25.5em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}
.back_top_2 {
	position: absolute;
	margin-top: 28.5em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}
.back_top_3 {
	position: absolute;
	margin-top: 25em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}
.back_top_4 {
	position: absolute;
	margin-top: 28em;
	margin-left: 40em;
	background: rgba(102,189,237,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 0em;	
	padding: 0px; 	
	width: 0em;
}

.section_campus_1 {
	width: 100%;
	height: 65em;
	background: rgba(244,177,91,1.00);		
}
.section_campus_2 {
	width: 100%;
	height: 67em;
	background: rgba(225,153,237,1.00);	
	margin-top: -1em;
}
.section_campus_3 {
	width: 100%;
	height: 70em;
	background: rgba(241,201,151,1.00);	
}
.section_campus_4 {
	width: 100%;
	height: 68em;
	margin-top: -1em;
	background: rgba(85,145,237,1.00);	
}
	/*scrapbook*/
	.scrapbook_header  {
			width: 100%;
			height: 5em;
			background-color: none;		
	}	
	/*scrapbook portrait*/
	.scrapbook_portrait {
		position: absolute;
		width: 100%;
		height: 52em;
		z-index: 0;	
		top: 5.5em;
		margin-left: -2em;
		background: none;	
	}
	.portrait_text {
		position: absolute;
		float: left;
		width: 27.5em;
		height: 21em;
		top: 2em;
		margin-left: 0.7em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.6em;	
		color: #FFFFFF;
		z-index: 10;		
	}
	.portrait_text_mask {
		width: 50.0em;
		height: 49.8em;
		background-color: rgba(0,0,0,1.00);
		opacity: .25;
		margin-top: 0.1em;
		margin-left: -2.0em;	
		z-index: 200;
	}
	.portrait_bg {
		position: absolute;
		top: 2.0em;
		margin-left: -2em;
		z-index: 0;
		
	}
	.portrait_bg img {
		width: 800px;
		height: 800px;
	}
	

	.portrait_slider_div {
		position: absolute;
		width: 600px;
		height: 800px;
		top: 2em;
		margin-left: 60.5em;
		background: none;
		
	}
	
	.portrait_slider {
		overflow: hidden;
	}
	.portrait_slider figure {
		position: relative;
		width: 3600px;
		margin: 0px;
		left: 0px;
		animation: 32s portrait_slider infinite;
		-webkit-animation: 32s portrait_slider infinite;
		-moz-animation: 32s portrait_slider infinite;
		-o-animation: 32s portrait_slider infinite;
	}
	.portrait_slider figure img {
		width: 600px;
		height: 800px;
		float: left;
	}	
	/*scrapbook landscape*/
	.scrapbook_landscape {
		position: absolute;
		width: 100%;
		height: 47em;
		z-index: 0;	
		top: 61.2em;
		margin-left: -2em;
		background: none;	
	}
	.landscape_text {
		position: absolute;
		float: left;
		width: 100%;
		height: 4em;
		margin-top: 0em;
		margin-left: 19.6em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: justify;
		font-size: 1.6em;	
		color: #000000;
		z-index: 15;		
	}
	

	.landscape_slider_div {
		position: absolute;
		width: 800px;
		height: 600px;
		margin-top: 6.6em;
		margin-left: 32.2em;
		background: none;
		
	}
	
	.landscape_slider {
		overflow: hidden;
	}
	.landscape_slider figure {
		position: relative;
		width: 4800px;
		margin: 0px;
		left: 0px;
		animation: 30s landscape_slider infinite;
		-webkit-animation: 30s landscape_slider infinite;
		-moz-animation: 30s landscape_slider infinite;
		-o-animation: 30s landscape_slider infinite;
	}
	.landscape_slider figure img {
		width: 800px;
		height: 600px;
		float: left;
	}		

}