html{
 width: 100%;
  height: 100%;
}

body {
  background: #fff url(../images/background.gif) repeat-x center 187px;
  color: #585858;
  font-family: Arial;
  font-size: 14px;
  margin: 0;
  min-width: auto;
}
a {
  outline: none;
}
img {
  border: none;
}
#header div#section:after,
#header ul:after,
#content div:after,
#content div ul.services:after,
#footer div:after,

#footer div div.section ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#header {
  background: url(../images/bg-header.gif) repeat-x;
  height: auto;
  width: auto;
  overflow: hidden;
  position: relative;

}
#header div#section {
  height: 145px;
  margin: 0 auto;
  width: 960px;
}
#header div#section div {
  float: left;
  margin-top: 48px;
}
#header div#section div a {
  display: block;
}
#header div#section span {
  color: #acbcc9;
  float: right;
  margin: 0;
  padding-right: 20px;
  padding-top: 45px;
  text-align: right;
  width: 178px;
}
#header ul {
  list-style: none;
  margin: 2px auto 0;
  padding: 0px;
  width: auto;
}
#header ul li {
  float: left;
  padding-right: 5px;
}
#header ul li a {
  color: #28475c;
  display: block;
  font-size: 14px;
  height: 43px;
  line-height: 37px;
  padding: 0 23px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #94c81d;
  text-transform: capitalize;

}
#header ul li.current,
#header ul li:hover {
  height: 43px;
}
#header ul li.current a {
  background: url(../images/bg-menu.gif) repeat-x;
  color: #2a495e;
  font-weight: bold;
  text-shadow: 1px 1px 0 #a8d32c;
}
#header ul li a:hover {
  background: url(../images/bg-menu.gif) repeat-x;
}
#header div#tagline {
  
  margin-top: 10px;
  width:"500";
  height:"1600";
  
}
#header div#tagline div {
  color: black;
  font-size: 20px;
  height:440px;
  padding-left: 2px;
  margin: 0 auto;
  width: 980px;
  border: violet;
  border-radius: 3pc;
  border-bottom-left-radius: 10pc;
  border-bottom-right-radius: 10pc;

 
  
}
#header div#tagline div h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 50px;
  font-weight: bold;
  line-height: 70px;
  margin: 0;
  padding-top: 100px;
  text-shadow: 0 1px 0 #ffffff;
  width: 450px;
}
#header div#tagline div p {
  font-size: 24px;
  line-height: 35px;
  margin: 0;
  padding-top: 20px;
  text-shadow: 0 1px 1px #ffffff;
  width: 340px;
}
#content {
  background: url(../images/bg-content.gif) no-repeat top center;
  margin: 0 auto;
  min-height: 174px;
  overflow: hidden;
  position: relative;
  width: 960px;
}
#content div#home {
  background: url(../images/bg-home.gif) no-repeat top center;
  margin: -0 auto 0;
  min-height: 174px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 960px;
}
#content p a {
  color: #000;
  text-decoration: underline;
}
h4 a,
div#aside p span a {
  color: #375675;
  text-decoration: underline;
}
#content div {
  background: #fff;
  margin: 10px auto 20px;
  padding: 30px;
  width: 880px;
}
#content div div {
  margin: 0;
  padding: 0 0 30px;
  width: auto;
}
#content div div.first {
  *height: 200px;
}
#content div div h2 {
  color: #2f0a85;
  font-weight: bold;
  padding-top: 10px;
}
#content div#home div {
  background: none;
  margin: 10px auto 20px;
  padding: 30px;
  width: 880px;
}
#content div ul.section {
  color: #754937;
  font-size: 14px;
  font-weight: bold;
  list-style: disc;
  margin: 10px 0 10px 20px;
}
#content div ul.section li {
  float: none;
  padding-bottom: 0;
  width: auto;
}
.header {
  padding: 10px;
  text-align: center;
  color: rgb(210, 223, 39);
  font-size: 15px;
  font-style: normal;
}
#content div ul.section li span {
  color: rgb(209, 218, 224);
  text-transform: uppercase;
}
#content div ul.section li p {
  color: #585858;
  font-weight: normal;
  line-height: 25px;
  margin-left: -12px;
  padding-bottom: 15px;
  padding-top: 10px;
}
#content div p span.first {
  color: #375675;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: uppercase;
}
#content div#home div div#aside,
#content div#home div div#calendar {
  min-height: 300px;
  margin: 0;
  padding: 0;
}
#content div#home div div#aside {
  float: left;
  padding: 0;
  width: 570px;
}
#content div div.section div#aside {
  float: left;
  margin: 0;
  padding: 0;
  width: 560px;
}
#content div#home div div#aside ul {
  list-style: none !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}
#content div#home div div#aside div {
  margin-bottom: 40px;
  float: none;
  margin-left: 0;
  margin-top: 0;
  min-height: 0;
  padding: 0;
  width: 550px;
}
#content div div ul {
  margin: 0;
}
#content div h5 {
  color: #375675;
  font-size: 14px;
  font-weight: bold;
  margin: 30px 0 5px;
}
#content div#home div div#aside div h1,
#content div h1 {
  color: #3f3f3f;
  font-size: 28px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 27px;
}
#content div h3 {
  color: #c80708;
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 27px;
}
#content div#home div div#aside h2 span.last,
#content div h1 span.last,
#content div h2 span.last {
  color: #c80708;
  padding: 0;
  font-weight: bold;
}
#content div#home div div#aside div img,
#content div img {
  border: 1px solid #c80708;
  float: left;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px;
}
#content div img {
  margin-right: 25px;
}
#content div#home div div#aside div p {
  padding-top: 12px;
}
#content div#home div div#aside div p,
#content div p {
  line-height: 25px;
  margin: 0;
  color:#000;
  padding-bottom: 0;
  text-align: justify;
}
#content div#home div div#aside ul li {
  border: none;
  float: left;
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 25px;
  padding-top: 0;
  width: 260px;
}
#content div#home div div#aside ul li:first-child {
  padding-left: 0;
}
#content div#home div div#aside ul li h2 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-transform: none;
}
#content div h2 {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 40px;
  text-transform: uppercase;
}
#content div h4 {
  color: #2f0a85;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: 0;
  padding-top: 20px;
}
#content div ul.services {
  color: #000;
  list-style: disc;
  margin: 10px 0 0 19px;
  padding: 0;
  *padding-bottom: 20px;
  background-color: lightblue;
  
}
#content div ul.services li {
  float: left;
  line-height: 25px;
  margin-right: 57px;
  width: 230px;
}
#content div div.section {
  float: none;
  margin: 20px 0 0;
  padding: 0;
  width: auto;
}
#content div div.calendar {
  float: none;
  margin-top: -20px;
  *margin-top: -30px;
  padding: 0 20px;
  width: auto;
}
#content div div.calendar dl {
  float: left;
  width: 278px;
}
#content div div.calendar dl dt {
  color: #375675;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 20px;
  *padding-top: 45px;
}
#content div div.calendar dl dd {
  line-height: 25px;
  margin: 0;
  padding: 0;
}
#content div div.section div h4 {
  padding-top: 0;
  width: 400px;
}
#content div div.section div h5,
#content div div.section div h6 {
  color: #000;
  font-weight: bold;
  line-height: 25px;
  margin: 0;
  padding: 15px 0;
  text-transform: uppercase;
}
#content div div.section div h6 {
  margin: 0;
  color: #2f0a85;
  padding: 0;
  font-size: 18px;
  text-indent: 20px;
}
#content div div.section div h5 span {
  color: #000;
  font-weight: normal;
}
#content div div.section div#sidebar ul.links {
  list-style: disc;
  margin: 10px 0 0 20px;
  padding-top: 0;
  padding-left: 15px;
  color: #000;
  width: auto;
}
#content div div.section div#sidebar ul.blog li {
  line-height: 15px;
  border: none;
  float: left;
  height: auto;
  padding: 0;
  width: auto;
}
#content div div.section div#sidebar ul.blog li div h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#content div div.section div#sidebar ul.blog li div h2 a {
  line-height: 19px;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  text-decoration: none;
}
#content div div.section div#sidebar ul.blog li div {
  margin: 0;
  padding: 0;
  width: auto;
}
#content div div.section div#sidebar ul.blog li p {
  padding: 15px 0;
}
#content div div.section div#sidebar ul.links li {
  border: none;
  float: none;
  height: auto;
  line-height: 33px;
  padding: 0;
  width: auto;
}
#content div#home div div#aside ul li h2 a,
#content div h2 {
  color: #000;

}
#content div#home div div#aside ul li p {
  line-height: 25px;
  padding-top: 20px !important;
  padding-bottom: 0 !important;
  text-align: justify;
  margin-top: 0;
}
#content div#home div div#calendar {
  float: left;
  margin-left: 5px;
  padding: 0;
  width: 305px;
}
#content div div.section div#sidebar {
  float: left;
  margin-left: 30px;
  margin-top: 0;
  padding: 0;
  width: 290px;
}
#content div div.section div#sidebar ul.blog {
  float: left;
  list-style: none;
  margin-top: 0;
  padding: 5px 0 0;
  width: 290px;
}
#content div#home div div#calendar h3 {
  font-size: 28px;
  font-weight: bold;
  margin: 0;
}
#content div#home div div#calendar h3 {
  color: #c80708;
  display: block;
  text-decoration: none;
}
#content div#home div div#calendar ul {
  list-style: none;
  padding-left: 0;
  padding-top: 8px;
}
#content div#home div div#calendar ul li {
  margin-right: 0;
  padding: 0 0 20px;
  width: auto;
}
#content div#home div div#calendar ul li div {
  height: 43px;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  padding: 0;
  width: 270px !important;
}
#content div#home div div#calendar ul li div span,
#content div div.section div#sidebar ul li div span {
  background: #274e75;
  color: #fefeff;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
  padding: 3px 5px;
  text-align: right;
}
#content div#home div div#calendar ul li div h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#content div#home div div#calendar ul li div h2 a {
  color: #375675;
  display: block;
  line-height: 19px;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}
#content div#home div div#calendar ul li p {
  border-bottom: 1px solid #c2c2c2;
  color: #5e5e5e;
  line-height: 25px;
  padding: 15px 0;
  text-align: justify;
}
#content div h3 div {
  border: 1px dashed red;
  float: left;
}
#footer {
  background: #274f75 url(../images/bg-footer.gif) repeat-x;
  min-height: 113px;
  width: 100%;
}
#footer div {
  font-size: 12px;
  margin: 0 auto;
  padding-top: 37px;
  position: relative;
  width: 960px;
}
#footer div div#connect {
  float: left;
  padding: 0;
  width: 250px;
}
#footer div div#connect a {
  display: inline-block;
  padding-right: 10px;
}
#footer div div.section {
  float: right;
  padding: 0;
  width: 700px;
}
#footer div div.section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#footer div div.section ul li {
  border-left: 1px solid #6886a0;
  float: left;
  padding: 0 5px;
}
#footer div div.section ul li.last {
  border-right: 0;
}
#footer div div.section ul li:first-child {
  border: none;
}
#footer a {
  color: #6886a0;
  text-decoration: none;
}
#footer div div.section ul li a {
  display: block;
  height: 12px;
  line-height: 10px;
}
#footer a:hover {
  color: #fff;
}
#footer div div.section p {
  color: #6886a0;
  margin: 0;
  padding: 20px 3px 0;
  text-align: right;
}

#slider {
	overflow: hidden;
}
#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	animation: 20s slider infinite;
}
#slider figure img {
	float: left;
	width: 20%;
}

@keyframes 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%;
	}
}



.frontPage {
  padding: 10px;
  text-align: center;
  color: rgb(210, 223, 39);
  font-size: 15px;
  font-style: normal;
}

.frontPageul {
  background-color: aqua;

}

.iconDetails {
 float:left; 
 border-radius: 50px;
 
 } 
 
 .container2 {
   width:100%;
   height:auto;
   padding:1%;
 }
.school_logo{
   float: right;
   border-radius: 50px;
 }
 

 .school_logo{
   float: right;
   border-radius: 50px;
 }