@font-face {
    font-family: myFirstFont;
    src: url(resources/RomandeADFStyleStd-Regular.otf);
}
html { margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
}
body { 
	margin:0;
	padding: 0;
	background:#ffffff;
}
p {text-align:justify;}
img { max-width: 100%; height: auto; }
.web-body {
	margin:0 auto;
	max-width:100%;
	max-height:100%;
	clear:both;
}
.web-thinstrip {
	width:100%;
	height:40px;
	margin:0 auto;
	background:#f1c22e;
}
.web-ts-lang {
	max-width:1000px;
	height:40px;
	margin:0 auto;
	font-size:14px;
	color:#7e704a;
}
.web-ts-lang-left {
	max-width:960px;
	height:30px;
	margin:0 auto;
	font-size:14px;
	color:#7e704a;
	float:left;
}
.web-ts-lang-left p{
	margin:8px 5px 0 5px;
	font-size:16px;
	color:#ffffff;
}
.web-ts-lang-left a{
	font-size:16px;
	color:#ffffff;
}

.web-ts-lang-right {
	max-width:290px;
	height:30px;
	margin:0 auto;
	font-size:14px;
	color:#ffffff;
	float:right;
}
.web-ts-lang-right p{
	margin:8px 5px 0 5px;
	font-size:16px;
	color:#ffffff;
}
.web-ts-lang-right a{
	margin:5px;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
.web-ts-lang-right a{
	color:#7e704a;
}
#nav {
	margin:0 auto;
	width:100%;
	height:110px;
	background:#ffffff;
	background-size:auto 100%;
	z-index:9999;
	border-bottom:solid 2px #110708;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s; 
}
.web-header-in {
	margin:0 auto;
	max-width:1000px;
	height:125px;
	background: url(itimages/SMD_Logo.png) no-repeat left;
}
.web-banner {
	margin:0 auto;
	width:100%;
	height:400px;
}

.web-content {
	margin:0 auto;
	width:100%;
	min-height:400px;
}
.web-content-in {
	margin:0 auto;
	width:1000px;
	height:630px;
	background:#fff;
	position:relative;
}
.web-menuTop { 
	margin:20px 0 0 0;
	width:700px;
	height:50px;
	float:right;
}

/* Menu Starts Here */
#cssmenu {
  border: none;
  margin: 0 auto;
  padding: 0px;
  font-size: 14px;
  font-weight:normal;
  color: #ffffff;
  width: auto;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  z-index:99999;
}
#cssmenu > ul {
  padding-top: 20px !important;
}
#cssmenu ul {
  height: 31px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul ul {
  border-top: 6px solid #a80303;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#cssmenu ul ul a {
  line-height: 43px;
}
#cssmenu ul ul ul {
  left: 100%;
  top: 0;
}
#cssmenu li {
  float: left;
  padding: 0px 10px 0px 0;
}
#cssmenu li a {
  color: #000000;
  display: block;
  font-weight:normal;
  line-height: 31px;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
}
#cssmenu li a:hover {
  color: #ffffff;
  background:#ed3438;
  text-decoration: none;
}
#cssmenu li ul {
  background: #ffffff;
  border-left: 2px solid #a80303;
  border-right: 2px solid #a80303;
  border-bottom: 2px solid #a80303;
  display: none;
  height: auto;
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: absolute;
  width: 225px;
  z-index: 99999;
  /*top:1em;
		/*left:0;*/

}
#cssmenu li:hover > ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  padding: 0px;
  position: relative;
  width: 225px;
}
#cssmenu li ul a {
  display: block;
  font-size: 15px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
  color:#333333;
}
#cssmenu li ul a:hover {
  background: #70534b;
  color: #f7ce0f;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#cssmenu p {
  clear: left;
}
#cssmenu .active > a {
  background:#ed3438;
  color: #ffffff;
}
#cssmenu .active > a:hover {
  background:#ed3438;
  color: #f7ce0f;
}

/* Menu ends Here */


.org-banner {
	margin:0 auto;
	max-width:100%;
	height:300px;
	background-image:url("itimages/banner0.jpg");
	background-repeat: no-repeat;
	background-position:center;
}


.wcp-tab1 {
	width:300px;
	height:270px;
	top:15px;
	left:30px;
	position:absolute;
	background:url(itimages/Div001.png) no-repeat;
}
.wcp-tab1 p{
	margin:20px;
	font-size:16px;
	line-height:24px;
	text-align:center;
	color:#ffffff;
}
.wcp-tab1 h1{
	margin:60px 20px 0 20px;
	font-size:20px;
	letter-spacing:1px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
}
.wcp-tab1 a{
	margin:20px 20px 0px 20px;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#f8f8f8;
	font-weight:bold;
	text-decoration:none;
}
.wcp-tab2 {
	width:300px;
	height:270px;
	top:15px;
	left:350px;
	position:absolute;
	background:url(itimages/Div002.png) no-repeat;
}
.wcp-tab2 p{
	margin:20px;
	font-size:16px;
	line-height:24px;
	text-align:center;
	color:#ffffff;
}
.wcp-tab2 h1{
	margin:60px 20px 0 20px;
	font-size:20px;
	letter-spacing:1px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
}
.wcp-tab2 a{
	margin:20px 20px 0px 20px;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#f8f8f8;
	font-weight:bold;
	text-decoration:none;
}

.wcp-tab3 {
	width:300px;
	height:270px;
	top:15px;
	left:670px;
	position:absolute;
	background:url(itimages/Div003.png) no-repeat;
}
.wcp-tab3 p{
	margin:20px;
	font-size:16px;
	line-height:24px;
	text-align:center;
	color:#ffffff;
}
.wcp-tab3 h1{
	margin:60px 20px 0 20px;
	font-size:20px;
	letter-spacing:1px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
}
.wcp-tab3 a{
	margin:20px 20px 0px 20px;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#f8f8f8;
	font-weight:bold;
	text-decoration:none;
}
.wcp-tab4 {
	width:450px;
	height:300px;
	top:300px;
	left:30px;
	position:absolute;
	background:url(itimages/about-school.jpg);
}
.wcp-tab4 a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}
.wcp-tab4 a:hover{
	background:#523305;
	transition: all 0.8s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;
	 
}
.wcp-tab5 {
	width:470px;
	height:300px;
	top:300px;
	right:30px;
	position:absolute;
	background:#ffffff;
}
.wcp-tab5 p{
	margin:20px;
	font-size:14px;
	letter-spacing:0.5px;
	line-height:24px;
	text-align:left;
	color:#121212;
}
.wcp-tab5 h1{
	margin:10px 20px 0 20px;
	font-size:20px;
	letter-spacing:1px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#fd4d40;
}
.wcp-tab5 a{
	margin:20px 20px 0px 20px;
	font-size:18px;
	line-height:24px;
	text-align:left;
	color:#fd4d40;
	font-weight:bold;
	text-decoration:none;
}

.empty-div {
	margin:0 auto;
	max-width:950px;
	min-height:10px;
}
.content-inn {
	margin:0 auto;
	max-width:950px;
	min-height:350px;
}
.content-inn p{
	font-size:14px;
	margin:0px;
	padding:10px;
	text-align:justify;
	line-height:23px;
	color:#202020;
}
.content-inn h1{
	font-size:20px;
	margin:0px;
	width:auto;
	padding:10px;
	text-transform:uppercase;
	color:#F90;
}
.content-inn ul{
	font-size:14px;
}
.content-inn li{
	line-height:20px;
}






.footer {
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
	min-height:120px;
}
.web-footer {
	margin:0 auto;
	width:1000px;
	height:120px;
	border-top:2px solid #2b1c06;
	background:#140c00 url(itimages/Bottom-Bg.jpg) no-repeat center top;
}
.web-footer-top {
	margin:0 auto;
	padding-top:5px;
	max-width:990px;
	height:30px;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	
}

.web-footer-top p{
	text-align:center;
}
.web-footer-top a{
	margin:0 auto;
	padding-top:5px;
	font-size:14px;
	text-align:center;
	color:#f8f8f8;
	text-decoration:none;
}
.web-footer-top a:hover{
	color:#000000;
}
.web-footer-bottom{
	margin:5px;
	max-width:990px;
	height:70px;
}

.web-footer-bottom p{
	margin:10px;
	font-size:14px;
	text-align:center;
	color:#ffffff;
}
.web-footer-bottom span{
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
}

.img {
  	border:2px solid #36010e;
	z-index:9999;
}
.img:hover{
  color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(2.15);
  -ms-transform: scale(2.15); /* IE 9 */
  -webkit-transform: scale(2.15); /* Safari and Chrome */

}
.ci-left {
	margin:0 0 0 10px;
	width:550px;
	min-height:150px;
	float:left;
}
.ci-diver {
	margin:10px auto;
	width:550px;
	min-height:150px;
}
.ci-diver p{
	font-size:14px;
	margin:0px;
	padding:10px;
	text-align:justify;
	line-height:23px;
	color:#202020;
}
.ci-diver h1{
	font-size:20px;
	margin:0px;
	padding:10px;
	text-transform:uppercase;
	color:#ce0006;
}
.ci-diver h2{
	font-size:16px;
	margin:0px;
	padding:10px;
	text-transform:uppercase;
	color:#F90;
}
.ci-right {
	margin:0 10px 0 0;
	width:370px;
	min-height:150px;
	float:right;
}





.index-pi-div1 {
	width:200px;
	height:140px;
	float:left;
	margin:0 32px 10px 0;
}
.index-pi-div1 a{
	display:block;
	width:200px;
	height:140px;
}