html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

.wrap{
	margin:0 auto;
	width:960px;
}
body{
	background-image:url('../images/texture.jpg');
	background-repeat:repeat-x;
	font-family:Arial;
}
.logo{
	margin-top: 20px;
}
.clear{clear:both;}/* clear float */


.top-nav{
	margin-top:15px; 
}
.top-nav ul li{
	display: inline;
}
.top-nav li{
	color: #FBFAFA;
	background: url(../images/menu-hover.png) 0 0 repeat-x #352115;
	border: none;
	width: 192px;
	float:left;
}
.top-nav li a{
	display: block;
	color: #1C9D45;
	padding: 17px 0 16px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	background: url(../images/menu.png) 0 0 repeat-x #E5E5E5;
	width:192px;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	font-family: 'Armata', sans-serif;
	
}
.top-nav li.active a,
.top-nav li a:hover{
	background: url(../images/menu-hover.png) 0 0 repeat-x #21D058;
	color: #FBFAFA;
}

#slideshow {
	margin:0;
	padding:0;
	position:relative;
	border:15px solid #fff;
	-webkit-box-shadow:0 0px 5px #D5D5D5;
	-moz-box-shadow:0 0px 5px #D5D5D5;
	box-shadow:0 0px 5px #D5D5D5;
	margin-top:10px;
}

.banner{
	background-color: #EEEEEE;
	margin-top: 10px;
}

.about{
	background-color: white;
	margin-top: 0px;
	padding: 10px;
	border:1px solid #000000;
}

.admission{
	background-color: white;
	margin-top: 0px;
	padding: 10px;
	border:1px solid #000000;
}

/*---footer---*/
.footer{
	margin-top:20px;
	background-color:#21d058;
	background-image:url('../images/footer-bg.png');
	background-repeat:repeat-x;
	height:50px;
}
.footer-nav{
	float:left;
}
.footer-nav ul li{
	display:inline;
}
.footer-nav ul{
	padding-top:15px;
}
.footer-nav ul li a{
	color:#fff;
	margin-right:20px;
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif;
}
.footer-nav ul li a:hover{
	color:#eee;
}
.copy-right{
	color:#fff;
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-top:15px;
	float:right;
}
.copy-right a{
	color:#fff;
}
.copy-right a:hover{
	text-decoration:underline;
}



/*---contact---*/
.contact-banner{
	background-color: #EEEEEE;
	margin-top: 10px;
}

.form{
	float:right;
	margin-top:35px;
}
.form h4,.contact-info1 h2{
	color: black;
	text-decoration: none;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	margin: 6px 0px;
}
.form label { 
	margin-left: 10px; 
	color: black; 
	}

.contact-info1{
	float: left;
	width: 515px;
	margin-top: 30px;
	background: none;	
}






/*Stacks CSS for Gallery ----------------------------------------------------------------------------------------------------------- */

.gallery{
	background-color: #EEEEEE;
	margin-top: 10px;
	padding: 40px 0px 0px 30px;
	border:1px solid #000000;
}

/*Float clearing goodness from Handcrafted CSS book ------------------------------------------------------------- */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Layout */
.stack { float: left; width: 21%; margin: 0 4% 4% 0; position: relative; z-index: 10; }

/* Image styles */
.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}