<style>
.mySlides {display:none;}
#outer
 {
      width:99%;
	  margin:0 auto;
	  height:100%;      
      background-color:#fff;  
	  border:#F0B27A solid 1px;
	  border-radius:10px 10px 0px 0px;	  
 }

#header
{
	width:100%;
	height:110px;
	background: linear-gradient(#F67E22  , #AA4A00);
	font-family:arial;
	border-radius:10px 10px 0px 0px;
 }

#navbar
 {
      width:100%;
      height:35px;
      background-color:#7B241C;
      font-family:arial;

}

#datasec
 {
 
      width:100%;
      height:765px;
      background-color:#fff;
      font-family:arial;
	  padding-bottom:60px;

}

#footer
 {
	position:absolute;
	bottom:0;
	width:100%;
	height:35px;
	line-height:35px;
	background-color:#7B241C;
	font-family:arial;
	text-align:center;
	color:#fff;

}

#logo
 {
      float:left;
      margin-left:35px;
	  margin-top:8px;
      width:100px;
      height:94;px;
      border-radius:47px;
      background-color:pink;
      font-family:arial;
}

#img
 {
      width:100px;
      height:94px;
      border-radius:47px;
      background-color:pink;
      font-family:arial;
}

#collegename
{
      float:left;
      margin-left:30px;
      height:110px;
      border-radius:6px;
      background-color:transparent;
      font-family:arial;
	  width:auto;
	  text-align:center;
}
#collegename_line1
{
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	line-height:24px;
	height:24px;
	margin:0 auto;
	margin-top:18px;
	width:auto;	
	color:#ffff00;
	letter-spacing: 5px;
	margin-bottom:12px;	
}

#collegename_line2
{
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	line-height:20px;
	height:20px;
	margin-top:-8px;
	color:#ffffff;
	letter-spacing: 1.2px;
	margin-bottom:12px;
}
#collegename_line3
{
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	line-height:14px;	
	height:14px;
	margin-top:-6px;
	color:#ffffff;
	letter-spacing: 1px;
	margin-bottom:12px;
}
#building
{
      float:left;
      margin-left:40px;
	  width:340px;
      height:110px;
      border-radius:6px;
      background-color:transparent;
}
#imgbuilding
 {
	  margin-top:5px;
      width:340px;
      height:100px;
      border-radius:6px;
}

#slide
{	
	float:left;
	margin-left:80px;
	width:750px;	
	height:460px;
	border-radius:10px;
}
#imgexellence
{
	  margin-top:15px;
	  margin-left:70px;
      width:270px;
      height:290px;
      border-radius:6px;
}
#imgsopanlogo
{
	  margin-top:10px;
	  margin-left:70px;
      width:270px;
      height:90px;
      border-radius:6px;
	
}
#sec-1
{
	position:relative;
	width:100%;
	min-height:470px;
	height:auto;	
	background-color:none;
}

#sec-2
{
	position:relative;
	width:100%;
	padding-left:80px;
	padding-right:80px;
	text-indent:40px;
	text-align:justify;
	line-height:28px;
	height:auto;
	background-color:none;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 70px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #E67E22;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #F39C12  ;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

</style>