@font-face {
    font-family: 'archivo_narrowregular';
    src: url('../fonts/archivonarrow-regular-webfont.eot');
    src: url('../fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('../fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('../fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	margin: 0px;
	padding: 0px;  font-family: 'Trebuchet MS';
	color: #000000; background:#fff url(../images/body-bg.png) top center; background-attachment:fixed; 
}

h1, h2, h3, h4
{
	margin: 0;
	padding: 0;
}

p, ol, ul
{
	margin: 0px;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
TD{
 font-family: 'Trebuchet MS'; font-size:14px;  color:#000000; line-height:18px; letter-spacing:0.6px;
}
/** LOGO */
h3 {background: #d3b728; padding: 15px 15px; margin: 0;  font-size:18px; border-bottom:1px solid #ddd; color:#363636;font-family:"archivo_narrowregular"; font-weight:normal;}
.h3text {font-family: 'archivo_narrowregular', Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #363636; text-transform:uppercase;}
.logo
{
	 height:140px; width:590px; background:url(../images/logo.png)  no-repeat; display:block;  
}


.welcome{
 color:#363636; text-transform:uppercase; font-size: 20px; font-family:"archivo_narrowregular"; 

}
.labname{
 color:#007a3d; text-transform:uppercase; font-size: 18px; font-family:"archivo_narrowregular"; 

}

.latestnews{
 color:#007a3d; text-transform:capitalize; font-size: 16px; font-family:"archivo_narrowregular";

}
.topmenu{
 color:#fff; text-transform:capitalize; text-decoration:none; font-size:12px; font-weight:bold;

}
.topmenu:hover{ text-decoration:underline}

.topphone{
 color:#fff; text-transform:capitalize; text-decoration:none; font-size:14px; font-weight:bold;
}
.quicklink{
 color:#fff; text-transform:capitalize; text-decoration:none; font-size:12px; font-weight:bold; background:#d3b829; border:none;
}
.topemail{
 color:#d3b829;  text-decoration:none; font-size:14px;
}
.newsbg{
background: -moz-linear-gradient(#ffffff 0%, #f0f0f0 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  	background: -webkit-linear-gradient(#ffffff 0%, #f0f0f0 100%);
  	background: linear-gradient(#ffffff 0%, #f0f0f0 100%); 
}
.newstitle{ padding:10px;
background: -moz-linear-gradient(#126b28 0%, #60a227 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #126b28), color-stop(100%, #60a227));
  	background: -webkit-linear-gradient(#126b28 0%, #60a227 100%);
  	background: linear-gradient(#126b28 0%, #60a227 100%); 
}


.more{
	text-align:center; text-decoration:none;
	font-size:14px;
	color:#fff; background:#007a3d;
	padding:5px; margin:10px; padding-left:10px; padding-right:10px;}
.more:hover{ text-decoration:underline}

.news{ font-size:13px; color:#000000; text-decoration:none;  }
.news:hover{text-decoration: underline}

.gallerybox{ background-color: #ffffff; display:block; margin:5px; padding:5px; text-align:center; color:#0152b3; font-weight:bold; text-transform:uppercase;
	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

.boxshodow{-moz-box-shadow: 20px 20px 20px #dadada;
-webkit-box-shadow: 20px 20px 20px #dadada;
box-shadow: 20px 20px 20px #dadada; display:block; }

.datatable {border:1px solid #e5e5e5;  border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:14px;}
	.datatable th {color:#659518; background-color:#f0f3ea; padding:5px; border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; font-weight:bold;}
		.datatable .rowbg th {background-color:#b5d4b5;}
	.datatable td {padding:5px; padding-left:10px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; font-size:14px;}
		.datatable .rowbg td {background-color:#b5d4b5;}
		

#menu-part {  z-index:1; width:950px; height:42px;
}

#sddm { margin: 0px; padding-top:0px; padding-left:0px; margin-left:0px; }

#sddm ul { margin: 0; padding: 0;  background-repeat:repeat-x; }
#sddm li {margin: 0; padding: 0; list-style: none; float: left; text-transform:capitalize; font-family:'archivo_narrowregular'; font-size:18px; color:#fff; text-decoration:none; font-weight:normal;  }

#sddm li span { background:url(../images/menu_arrow.png) no-repeat; display:block;height:42px; width:10px; }

#sddm li a.c { margin: 0 0 0 0; padding: 0px 0px; padding-right:0px; width: 100px; color: #fff; height:42px; text-align:center;  text-decoration: none; display:block; line-height:42px;background-repeat:repeat-x;}
#sddm li a.c:hover { height:42px; background-repeat:repeat-x; line-height:42px; color:#000;  }

#sddm li a.b { margin: 0 0 0 0; padding: 0px 0px; padding-right:0px; width: 100px; color: #fff; height:42px; text-align:center;  text-decoration: none; display:block; line-height:42px;background-repeat:repeat-x;}
#sddm li a.b:hover { height:42px; background-repeat:repeat-x; line-height:42px; color:#000;  }


#sddm div {	position: absolute; visibility: hidden; margin: 0 0 ; padding: 0 0;  filter: alpha(opacity=90);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.90; background-color:#007a3d;}
#sddm div a { position: relative; display: block; margin: 0 0; padding:2px 10px; width: 260px; text-align: left; text-decoration: none; background-repeat:repeat-x; color: #fff; height:30px; border-bottom:#fff solid 1px; line-height:30px; text-transform:capitalize; font-size:16px; }
#sddm div a:hover {height:30px; color:#ffffff;  line-height:30px; background:#d3b829;}


#sddm li a.frontcurrent{ height:42px; background-repeat:repeat-x; line-height:42px;  color:#000; }

.footerbg{ z-index:9999; width:1016px; height:77px; display:block; background:url(../images/botbg.png) no-repeat;}

.footertextt
{
 color:#fff; font-size:12px; text-decoration:none; text-transform:capitalize;
}

.footertextt:hover{ text-decoration:underline;}

.copyrights
{
 color:#fff; font-size:12px; text-decoration:none; 
}
.facebook
{
 	background: url(../images/facebook.png)   no-repeat; display:block; width:30px; height:30px;
}
.facebook:hover { background: url(../images/facebook-a.png);}
.twiter
{
 	background: url(../images/twiter.png)   no-repeat; display:block; width:30px; height:30px;
}
.twiter:hover { background: url(../images/twiter-a.png);}
.youtube
{
 	background: url(../images/youtube.png)   no-repeat; display:block; width:30px; height:30px;
}
.youtube:hover { background: url(../images/youtube-a.png);}

.servicesbold{
font-size: 13px;
text-transform: capitalize;
color:#fff; font-weight:bold;
}
.courses{
font-size: 18px;
text-transform: uppercase;
color:#007a3d; font-weight:bold;
}

.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 220px; 
	height: 125px; border:#CCCCCC solid 1px; 
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg); 
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
