@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, center,
dl, dt, dd, ol, ul, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	background-color: #5F5F5F;  
   	padding:20px 0px;
   }


h1{
font-size:40px;
}

h4{
font-size:22px;
}
body {	background-color: #E6E6FA;
		margin-left: auto;
		margin-right: auto;
		width:1020px;
		
}

									  /* begin navigation*/
  
  .navigation-wrapper {
	  background-color: #333333;
	  width: 100%;
	  font-family: 'roboto', Tahoma, Arial, sans-serif;
   
  }
  .navigation-wrapper .navigation .nav {
	  
	  display: block;
	  float: left;
	  list-style: none;
	  margin: 0px;
  }
  .navigation-wrapper .navigation .nav ul li {
	  background-color: transparent;
	  float: left;
	  position: relative;
  }
  .navigation-wrapper .navigation .nav ul li .sub-menu {
	  background-image: none;
	  -webkit-border-radius: 0px;
	  -moz-border-radius: 0px;
	  -ms-border-radius: 0px;
	  -o-border-radius: 0px;
	  border-radius: 0px;
	  background-color: #34A65F;
	  margin: 45px 0px 0px 0px;
	  position: absolute;
	  padding: 0px;
	  visibility: hidden;
	  top: 10px;
	  opacity:0;
	  width: 200px;
	  z-index: 999;
  }
  .navigation-wrapper .navigation .nav ul li .sub-menu .menuparent>.sub-menu  {
	  margin: 0px 0px 0px 200px;
  }
  .navigation-wrapper .navigation .nav ul li .sub-menu li {
	  float: none;
	  display: block;
	  min-width: 100%;
	  border-top: 1px solid #0F8A5F;
  }
  .nav:after, .container:after {
	  display: table;
	  content: " ";
	  clear: both;
  }
  .nav:before, .container:before {
	  display: table;
	  content: " ";
  }
  .nav > ul > li a {
	  background-color: #34A65F !important;
	  color: #fff !important;
	  display: block;
	  font-size: 11px;  									
	  padding-left: 20px;
	  padding-right: 20px;
	  padding-bottom: 17px;
	  padding-top: 15px;
	  text-transform: uppercase; 								
  }
  
													  
  .nav > ul> li > a {
	  border-top:2px solid #333333;
	  background-color: #333333 !important;
  }
  .nav > ul li ul li a {
	  border: 0px !important;
  }
  .navigation-wrapper .navigation .nav ul >li:hover>ul{
	  -webkit-transition: opacity 0.3s ease-in, top 0.1s ease-in;
	  -moz-transition: opacity 0.3s ease-in, top 0.1s ease-in;
	  -o-transition: opacity 0.3s ease-in, top 0.1s ease-in;
	  transition: opacity 0.3s ease-in, top 0.1s ease-in;
	  visibility:visible;
	  top: 0px;
	  opacity: 1;
  }
  .navigation-wrapper .navigation .nav>ul> li:hover>a{
	  -webkit-transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	  -moz-transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	  -o-transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	  transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	  background-color:#34A65F !important;
	  border-top:4px solid #2c06fa;
	  
		  
  }
  .navigation-wrapper .navigation .nav ul li a{	
	  text-decoration:none;
	  
  }
  .navigation-wrapper .navigation .nav ul li ul li a:hover{
	  -webkit-transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	  -moz-transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	  -o-transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	  transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	  background-color:#4eb1ff !important;
	  padding-left:25px;
	  
  }
  .navigation-wrapper .navigation .nav>.menuparent>a { 
	  background-image: url("../images/arrow-down.png");
	  background-position: 85% center;
	  background-repeat: no-repeat;
	  background-size: 12px 8px;
	  padding-right: 40px;
	  
  }
  
  
  
  /* NAVIGATION END */
  
  
.princi { 
height:670px;}

.princi >img{border:10px double #313131;
display:block;
margin-top:10px;
margin-left:auto;
margin-right:auto;
-webkit-box-shadow: 10px 10px 10px 0px #313131; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

-moz-box-shadow: 10px 10px 10px 0px #313131;  /* Firefox 3.5 - 3.6 */

 box-shadow: 10px 10px 10px 0px #313131;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.princi blockquote {
	
  	padding: 0.5em 10px;
	position:relative;
	text-align:center;
	top:-100px;
	color: #ffffff; 
    font: bold 22px/40px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
    letter-spacing: 0px;  
     margin: 30px 100px 30px 100px;
  background-color: #333333;
  border: 1px solid black;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */

	}

.princi_p p{padding: 0.5em 10px;
	position:relative;
	text-align:right;
	top:-165px;
	color: #ffffff; 
    font: bold 12px/40px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
    letter-spacing: 0px;  
     margin: 30px 100px 30px 100px;
 	
	}

	.staff_room {float:left;
	margin:50px 0px 0px 100px;}
	
	
	
	.teachers_staff {
	float:right;
	margin:50px 80px 0px 0px;}
	
	.tstaff{clear:both;}
	
	.tstaff caption{
		font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
		color:#313131;
		letter-spacing:3px;
		font-size:24px;
		padding:20px;
		font-weight:bold;
				
		}
		
		.tstaff table{
			margin-left:auto;
			margin-right:auto;
			font-size:18px;
			font:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
			color:#222222;
						
		}
		
.tstaff table td {
padding:15px;

}
		
	
		
.td_left {
		font-weight:bolder;	
			letter-spacing:2px;
			
			}
			
			
			
			
			
			
			.tstaff_pic caption{
		font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
		color:#313131;
		letter-spacing:3px;
		font-size:24px;
		padding:20px;
		font-weight:bold;
				
		}
		
		.tstaff_pic table{
			margin-left:auto;
			margin-right:auto;
			font-size:18px;
			font:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
			color:#222222;
			margin-top:50px;
						
		}
		
.tstaff_pic table td {
padding:15px;

}
	

.tstaff_pic table >tbody > tr> td> img {
border:2px solid black;	
height:auto;
width:30%;
border-radius:20px 5px 20px 5px;
-webkit-box-shadow: 10px 10px 10px 0px #313131; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

-moz-box-shadow: 10px 10px 10px 0px #313131;  /* Firefox 3.5 - 3.6 */

 box-shadow: 10px 10px 10px 0px #313131;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}	
		
.td_img {
		font-weight:bolder;	
			letter-spacing:2px;
			text-align:left;
			vertical-align:middle;
			color:#190F0F;
			
			}




#end {
	clear:both;
	height:30px;
	background-color:#000000;
	margin-top:140px;

}
.footleft{
	float:left;
font-size:12px;
color:#fff;
padding:8px 0px 8px 10px;
}
.footright{
float:right;
font-size:12px;
color:#fff;
padding:8px 10px 8px 0px;
}