/*
 Designed by Elton Lobo
 Ph. No: 7204039820
 
 Created on 14th June 2014
 */
#home{
	position:relative;
}
/*
 homepage
 */
#home #box{
	height: auto;
}
#home #wrapper{
	position:relative;
	width:1020px;
	height:1100px;
}
#home #wrapper #content #slider{
	position:relative;
	width:100%;
	height:auto;
	top:-4px;
}
#home #wrapper #content .slide-menu{
	position:relative;
	width:70%;
	height:30px;
	top:-38px;
	margin-left:auto;
	margin-right:auto;
	z-index:999;
}
#home #wrapper #content .slide-menu .menu1{
	position:absolute;
	width:30%;
	height:30px;
	left:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	line-height:30px;
	background-color: #c65600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c65600), to(#4d3022));
    background-image: -webkit-linear-gradient(top, #c65600, #4d3022);
    background-image: -moz-linear-gradient(top, #c65600, #4d3022);
    background-image: -o-linear-gradient(top, #c65600, #4d3022);
    background-image: linear-gradient(to bottom, #c65600, #4d3022); 
}
#home #wrapper #content .slide-menu .menu2{
	position:absolute;
	width:30%;
	height:30px;
	left:35%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	line-height:30px;
	background-color: #c65600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c65600), to(#4d3022));
    background-image: -webkit-linear-gradient(top, #c65600, #4d3022);
    background-image: -moz-linear-gradient(top, #c65600, #4d3022);
    background-image: -o-linear-gradient(top, #c65600, #4d3022);
    background-image: linear-gradient(to bottom, #c65600, #4d3022); 
}
#home #wrapper #content .slide-menu .menu3{
	position:absolute;
	width:30%;
	height:30px;
	left:70%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	line-height:30px;
	background-color: #c65600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c65600), to(#4d3022));
    background-image: -webkit-linear-gradient(top, #c65600, #4d3022);
    background-image: -moz-linear-gradient(top, #c65600, #4d3022);
    background-image: -o-linear-gradient(top, #c65600, #4d3022);
    background-image: linear-gradient(to bottom, #c65600, #4d3022); 
}
#home #wrapper #content .slide-menu .menu1 .arr{
	position:absolute;
	right:20px;
	top:7px;
}
#home #wrapper #content .slide-menu .menu2 .arr{
	position:absolute;
	right:20px;
	top:7px;
}
#home #wrapper #content .slide-menu .menu3 .arr{
	position:absolute;
	right:20px;
	top:7px;
}
#home #wrapper #content #panel0{
	position: relative;
	width: 100%;
	height: auto;
	
}
#home #wrapper #content #panel0 .panel0_1{
	position: absolute;
	width: 64%;
	height: auto;
	left: 0px;
}
#home #wrapper #content #panel0 .panel0_1 intro{
	position: absolute;
	top:10px;
	left:10px;
	width:auto;
	height:100px;
}
#home #wrapper #content #panel0 .panel0_1 welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#home #wrapper #content #panel0 .panel0_1 sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#home #wrapper #content #panel0 .panel0_1 p sch{
	position: absolute;
	top: 27px;
	left: 30px;
	width: 569px;
}
#home #wrapper #panel0 .panel0_1 textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: justify;
	height: 189px;
	top: 60px;
	width: 96%;
	color: #1e0d00;
	left: 10px;
	position: absolute;
}
#home #wrapper #panel0 .panel0_1 textar ul li{
	padding-bottom:10px;
	font-size:20px;
	color:#333;
	text-align:justify;
}
span.tab{
    padding: 0 40px;
}
#home #wrapper #content  #panel0 .panel0_2{
	position: absolute;
	width: 35%;
	height: auto;
	right: 0px;
	margin-top:30px;
}
#home #wrapper #content  #panel0 .panel0_2 .divider-ver{
	position: absolute;
	width: 5px;
	height: 325px;
	left: 21px;
	top: 36px;
	background: url(../images/div.png) repeat-y;
}
#home #wrapper #content  #panel0 .panel0_2 .divider-hor{
	position: absolute;
	width: 87%;
	height: 6px;
	left: 40px;
	top: 71px;
	background: url(../images/div.png) repeat-x;
}
#home #wrapper #content #panel0 .panel0_2 events{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	color: #4d4422;
	top: 36px;
	left: 55px;
	position: absolute;
}
#home #wrapper #content #panel1{
	position:relative;
	width:100%;
	height:122px;
	top:-5px;
}
#home #wrapper #content #panel1 .panel1_1{
	position: absolute;
	width: 32%;
	height: 120px;
	left: 0px;
	background:url(../images/prin.png) no-repeat;
	border: 1px solid #c65600;
}
#home #wrapper #content #panel1 .panel1_1:hover{
	border: 1px solid #4d3022;
}
#home #wrapper #content #panel1 .panel1_2{
	position: absolute;
	width: 32%;
	height: 120px;
	left: 33%;
	border: 1px solid #c65600;
	background:url(../images/admis.png) no-repeat;
}
#home #wrapper #content #panel1 .panel1_2:hover{
	border: 1px solid #4d3022;
}
#home #wrapper #content #panel1 .panel1_3{
	position: absolute;
	width: 32%;
	height: 120px;
	left: 66%;
	border: 1px solid #c65600;
	background:url(../images/vis.png) no-repeat;
}
#home #wrapper #content #panel1 .panel1_3:hover{
	border: 1px solid #4d3022;
}
/*
 about
 */
#about #box{
	height: auto;
}
#about #wrapper{
	position: relative;
	width: 1020px;
	height: 1800px;
}
#about #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#about #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#about #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:800px;
	height:100px;
}
#about #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#about #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#about #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 30px;
	width: 403px;
}
#about #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: justify;
	height: 290px;
	top: 70px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#about #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#about #textar brown-dark{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
}
#about #wrapper #content #textar #overview{
	position:relative;
	width:100%;
	height:325px;
}
#about #wrapper #content #textar #overview textbox{
	position:absolute;
	top:50px;
	left:0px;
}
#about #wrapper #content #textar #mission{
	position:relative;
	width:100%;
	height:275px;
}
#about #wrapper #content #textar #mission textbox{
	position:absolute;
	top:50px;
	left:0px;
}
#about #wrapper #content #textar #faculties{
	position:relative;
	width:100%;
	height:130px;
}
#about #wrapper #content #textar #faculties textbox{
	position:absolute;
	top:50px;
	left:0px;
}
#about #wrapper #content #textar #mgmt{
	position:relative;
	width:100%;
	height:350px;
}
#about #wrapper #content #textar #mgmt textbox{
	position:absolute;
	top:50px;
	left:0px;
}
#about #wrapper #content #textar #mgmt textbox .tab{
	position: absolute;
	top: 75px;
	left: 33px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	width: 886px;
	height: 408px;
}
#about td {
	text-align: center;
	margin:0;
	padding:0;
	line-height:7px;
}
pre{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
/*
 academics
 */
#academics #box{
	height:auto;
}
#academics #wrapper{
	position: relative;
	width: 1020px;
	height: auto;
}
#academics #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#academics #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#academics #wrapper #content #intro{
	position: relative;
	top:20px;
	width:640px;
	height:auto;
	padding-bottom:10px;
}
#academics #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#academics #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#academics #wrapper #content #intro p sch{
	position: absolute;
	
	left: 30px;
	width: 403px;
}
#academics #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: justify;
	height: auto;
	top: 30px;
	width: 96%;
	color: #c65600;
	left: 10px;
	position: relative;
}
#academics #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#academics td {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
}
#academics underline{
	text-decoration:underline;
	font-size:16px;
}
/*
 campus
 */
#campus #box{
	height:auto;
}
#campus #wrapper{
	position:relative;
	width:1020px;
	height:2100px;
}
#campus #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#campus #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#campus #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:440px;
	height:100px;
}
#campus #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#campus #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#campus #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 120px;
	width: 403px;
}
#campus #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: justify;
	height: 290px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#campus #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#campus #wrapper #content #textar #box{
	position:relative;
	width:100%;
	height:180px;
	background:inherit;
}
#campus #wrapper #content #textar #box .text{
	position:absolute;
	width:750px;
	left:0px;
	height:150px;
}
#campus #wrapper #content #textar #box2{
	position:relative;
	width:100%;
	height:150px;
	background:inherit;
}
#campus #wrapper #content #textar #box2 .text{
	position:absolute;
	width:750px;
	left:0px;
	height:150px;
}
#campus .school{
	position: absolute;
	width: 100%;
	height: 383px;
	bottom: 80px;
	background: url(../images/sch.png) no-repeat;
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
#campus .img-container{
	position:absolute;
	width:220px;
	height:120px;
	right:-30px;
	top:0px;
	border:#CCC double;
}
#campus .img-container1{
	position:absolute;
	width:220px;
	height:120px;
	right:-30px;
	top:40px;
	border:#CCC double;
}
/*
 events
 */
#events #box{
	height:5500px;
}
#events #wrapper{
	position:relative;
	width:1020px;
	height:5450px;
}
#events #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#events #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#events #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:440px;
	height:100px;
}
#events #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#events #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#events #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 30px;
	width: 403px;
}
#events #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: justify;
	height: 290px;
	top: 50px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#events #wrapper #content #textar .text{
	position:relative;
	left:50px;
}
#events #wrapper #content #textar #con-text{
	position:relative;
	top:-20px;
}
/*
 contact
 */
#contact #box{
	height:1100px;
}
#contact #wrapper{
	position:relative;
	width:1020px;
	height:900px;
}
#contact #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#FFDA33;
}
#contact #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#contact #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:440px;
	height:100px;
}
#contact #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#contact #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#contact #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 120px;
	width: 403px;
}
#contact #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	height: 290px;
	top: 100px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#contact #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#contact .school{
	position: absolute;
	width: 100%;
	height: 383px;
	bottom: 80px;
	background: url(../images/sch.png) no-repeat;
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
/*
 Principals desk
 */
#princisdesk #box{
	height:1750px;
}
#princisdesk #wrapper{
	position:relative;
	width:1020px;
	height:1500px;
}
#princisdesk #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#princisdesk #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#princisdesk #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:440px;
	height:100px;
}
#princisdesk #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#princisdesk #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#princisdesk #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 30px;
	width: 552px;
}
#princisdesk #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: justify;
	height: 290px;
	top: 70px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#princisdesk #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#princisdesk #textar brown-dark{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
}
/*
 news
 */
#news #box{
	height:1750px;
}
#news #wrapper{
	position:relative;
	width:1020px;
	height:1500px;
}
#news #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#news #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#news #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:440px;
	height:100px;
}
#news #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#news #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#news #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 69px;
	width: 513px;
}
#news #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: justify;
	height: 290px;
	top: 70px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#news #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#news #textar brown-dark{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
}
/*
 Photo Gallery
 */
#photos #box{
	height:3200px;
}
#photos #wrapper{
	position:relative;
	width:1020px;
	height:2800px;
}
#photos #wrapper header .bottom-line{
	position:absolute;
	width:100%;
	height:2px;
	bottom:-20px;
	background-color:#4d3022;
}
#photos #wrapper .point{
	position: absolute;
	top: 195px;
	left: 42px;
}
#photos #wrapper #content #intro{
	position: relative;
	top:20px;
	left:10px;
	width:440px;
	height:100px;
}
#photos #wrapper #content #intro welcome{
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
}
#photos #wrapper #content #intro sch{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
}
#photos #wrapper #content #intro p sch{
	position: absolute;
	top: 27px;
	left: 69px;
	width: 513px;
}
#photos #wrapper #content #textar{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: justify;
	height: 290px;
	top: 40px;
	width: 96%;
	color:#c65600;
	left: 10px;
	position: relative;
}
#photos #wrapper #content #textar p brown-dark{
	padding-top:70px;
}
#photos #textar brown-dark{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
}
#photos #textar #imgs{
	position:relative;
}
#photos #textar #imgs li{
	position:relative;
	float:left;
	width:300px;
	height:150px;
	list-style:none;
	padding-left:10px;
	padding-bottom:10px;
}