@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* CSS Document */

html { margin: 0 0 0 0; padding: 0 0 0 0;}
body {font-family: 'Open Sans', Helvetica, sans-serif; font-size: 15px; margin: 0 0 0 0; padding: 0 0 0 0; line-height: auto;
		background-color: #fff;}
h1, h2, h3, h4, h5, h6 { margin-top: 0px;}
h1.dsd{font-size: 2.6em; text-align: center; font-weight:bolder; padding: 0; margin:0;}
h1 { font-size: 1.6em; color: #103A62; padding: 16px 0 0 4px;}
h2 {
	font-size: 1.8em;
	color: #103A62;
	padding: 10px 0 0 0;
	font-family: "Times New Roman", Times, serif;
}
h3 {
	font-size: 1.7em;
	color: #976107;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

b#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	padding: 0 2px;
}

b#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
	padding: 0 2px;

}

img.gal{padding: 1px; border: 1px solid #ffffff;}

#footer{float:left; width:100%; overflow:auto; border-bottom: 1px solid #fff; padding: 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:40%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:21%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 8px 12px; height:auto; }
#footer-middle2{float:left; width:21%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 8px 12px; height:auto; }
#footer-right{color:#FFFFFF; }


/* Links */
a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000;}
a:hover { color: #8F8F8F; text-decoration: none;}
a:active { color: #000000;}


a.one:link {color:#fff; font-size: .9em;}
a.one:visited {color:#fff;}
a.one:hover {color:#8F8F8F;}

a.two:link {color:#000; font-size: .9em;}
a.two:visited {color:#000;}
a.two:hover {color:#fff;}

.col-shadow{float:left; width:93%; overflow:auto; padding: 12px; height:auto; overflow-x:hidden; margin: 0 0 0 0; overflow-y:hidden; overflow-x:hidden;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color:#F1F3F3;color:#000000;}
.col-shadow:visited { color:#000000;}
.col-shadow:hover { text-decoration: none; background-color:#87B7E7; color:#ff0000;}

.hr-top { display: block; height: 1px; border: 0; border-top: groove 1px #DEEDED; margin: 22px 4px 4px 12px; width: 98%;}
div.b {
  line-height: 1.8;
}

#bottom {float:left; width:100%; display: block; margin: 0 auto; border-top: 1px solid white; background-color: #003366;}
#bottom-inner {  width:92%; display: table; margin: 0 auto;  padding: 18px 0  4px 0;}
#bottom-middle1 {float:left; width:20%; padding: 4px 0 0 24px;  }
#bottom-middle2 {float:left; width:20%; padding: 4px 0 0 24px;  }
#bottom-middle3 {float:left; width:20%; padding: 4px 0 0 24px; border-right: 1px solid #fff; height:180px;}
ul.foot { padding: 2px; list-style-position: outside; list-style-image: url('../images/foot-bullet.gif'); text-align: left; font-size:1.1em;}
ul.foot li { padding: 0; margin: 4px;}
ul.foot li a{ color: #fff; text-decoration: none; }
ul.foot li a:hover{ text-decoration: none; color:silver; }
ul.foot li:last-child { border-bottom: 0;}
.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #02488F; margin: 4px 4px 4px 12px; width: 98%;}

.caption{float:left; width:100%; overflow:auto; padding: 8px 0; font: 9.5pt Tahoma;   text-align: center;}
#footnote{float:left; width:100%; overflow:auto; padding: 8px 0; font: 9pt Tahoma;  color: #fff; text-align: center;}
#footnote{float:left; width:100%; overflow:auto; padding: 8px 0 0 0; font: 9pt Tahoma; height: 26px; color: #fff; text-align: center;}
#footnote{float:left; width:100%; overflow:auto; padding: 8px 0; font: 9pt Tahoma;  color: #ffffff; text-align: center;}
.footnote {

	font-family: Arial;
	font-size: 11px;
	line-height: normal;
}



.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #CCC; margin: 4px 4px 4px 12px; width: 98%;}

A.whitelink:link { COLOR: #fffff; TEXT-DECORATION: none; font-size: 13px;}
A.whitelink:hover { COLOR: red;}
A.whitelink:visited { COLOR: #ffffff; TEXT-DECORATION: none;}

A.footlink:link { COLOR: #C6CCCC; TEXT-DECORATION: none; font-size: 12px;}
A.footlink:hover { COLOR: #C6CCCC; BORDER-BOTTOM: #C6CCCC 1px dotted;   }
A.footlink:visited { COLOR: #C6CCCC; TEXT-DECORATION: none;}
A.footlink:active { COLOR: #C6CCCC; TEXT-DECORATION: none;}
.white-ft {
	color: #C6CCCC;
	font-size: 16px;
	font-weight: bold;
		text-transform: uppercase;
}



/* responsive-images */
img { max-width: 100%; height: auto; }
img.home { max-width: 100%; height: auto; border: 1px solid #ccc; padding:2px;}
/******* Image Hover Text *********/




/* Containers */
#wrap-page {width:100%; margin: 0px auto 0px auto; max-width:1300px;}
#wrap {	max-width:1366px; 	margin: 0px auto 0px auto;}

#top{max-width:1366px; padding: 12px 0 12px 80px;}
#top-right{ float:right; width:auto; height:auto; overflow:auto; font-size: 13px; padding: 0 8px 0 0;}

#media{width:100%; margin-top:0; background-color:#103A62; height:48px;}
#right { float: left; max-width:100%;  padding:0;}
.inner { display: table; padding: 0 8px; width: 900px; overflow: visible;}

#gap{width:1068px; overflow:auto; padding: 12px 0; }

#bottom {float:left; width:100%; display: block; }
#bottom-inner {  width:100%; max-width:1360px; margin: 0 auto;  padding: 18px 0  4px 0;}
#bottom-middle1 {float:left; width:25%; padding: 4px 0 0 24px;  }
#bottom-middle2 {float:left; width:25%; padding: 4px 0 0 24px;  }
#bottom-middle3 {float:left; width:25%; padding: 4px 0 0 24px;}
#bottom-right {float:right;width:40%; padding: 4px 0 0 24px;  text-align:center; color: white; border-left: 4px solid #fff;  }



.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #02488F; margin: 4px 4px 4px 12px; width: 98%;}


.dsd-container{width:auto; margin: 0px auto 0px auto;}
.dsd-left{ float:left; width:70%; padding: 5px; overflow:auto; overflow-y:hidden; overflow-x:hidden; }
.dsd-right-home{float:right; width:26%; padding: 5px; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
.dsd-right{float:right; width:26%; padding: 25px 5px 5px 5px; overflow:auto; overflow-y:hidden; overflow-x:hidden;}



.trend-container{display: flex;
  justify-content: center;
  align-items: center;}
.trend-left{ float:left; width:190px; padding: 2px; overflow:auto; overflow-y:hidden; overflow-x:hidden;text-align:center;}
.trend-mid-left{  float:left; width:190px; padding: 2px; overflow:auto; overflow-y:hidden; overflow-x:hidden;text-align:center;}
.trend-mid-right{  float:left; width:190px; padding: 2px; overflow:auto; overflow-y:hidden; overflow-x:hidden;text-align:center;}
.trend-mid-right1{  float:left; width:190px; padding: 2px; overflow:auto; overflow-y:hidden; overflow-x:hidden;text-align:center;}
.trend-right{float:left; width:190px; padding: 2px; overflow:auto; overflow-y:hidden; overflow-x:hidden; text-align:center;}

.aicte-container{width:auto; margin: 28px auto 0px auto; padding-left:40px; display: flex;
  align-items: center;
  justify-content: center;}
.aicte-left{ float:left; width:184px; height:148px; padding: 24px 0 12px 100px; overflow:auto; overflow-y:hidden; overflow-x:hidden; 
background-image: url("../images/1imagea.jpg"); background-repeat: no-repeat; margin:0 2px;}

.aicte-mid{  float:left; width:184px; height:148px; padding: 24px 12px 12px 90px; overflow:auto; overflow-y:hidden; overflow-x:hidden;
background-image: url("../images/2imagea.jpg"); background-repeat: no-repeat; margin-right:2px;}

.aicte-right{  float:left; width:184px; height:148px; padding: 24px 0 12px 90px; overflow:auto; overflow-y:hidden; overflow-x:hidden;
background-image: url("../images/3imagea.jpg"); background-repeat: no-repeat; margin-right:2px;}

.shade {
	filter: alpha(opacity=80);
	opacity: .8;
  transition: 0.2s all; 	color:#FFFFFF;
	font-weight: bold;
}
.shade:hover {
  bfilter: alpha(opacity=200); color:#FFFFFF;
    opacity: 2;
}
.shade:visited {
  color:#FFFFFF;
}


@media screen and (orientation: portrait) {
  img.ri {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 90%;
  }
}
@media screen and (min-width: 780px) {
#mobile-footer{display: none;}

}

/* mobile only */
@media only screen
and (min-width : 999px) {
.mobile {display:none;}
}
/* mobile only */
@media only screen
and (min-width : 900px) {
.mobile {display:none;}
}
@media screen and (max-width: 900px) {
.desk {display:none;}
}
@media screen and (max-width: 800px) {
#wrap {	width:100%; margin: 0px auto 0px auto; }
#top{max-width:1366px; padding: 12px 0 12px 0px;}
#top-right{display: none;}
#right {float: left; width:100%;}

#bottom {float:left; width:100%; display: block; margin: 0 auto;  background-color: #003366;}
#bottom-inner {  width:100%; max-width:1360px; margin: 0 auto;  padding: 18px 0  4px 0;}
#bottom-middle1 {width:98%; }
#bottom-middle2 {width:98%; }
#bottom-middle3 {width:98%; }
#bottom-right {float:left;width:98%; border-top: 1px solid #fff;  }

.hr-foot { margin: 0; width: 100%;}
#gap{width:99%; overflow:auto; padding: 1px 0; }
#media{width:100%; }
#footer{float:left; width:100%; overflow:auto; background-color:#181818; border-bottom: 1px solid #fff; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:96%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:96%; padding: 8px 0 8px 48px; }
#footer-middle2{float:left; width:96%; padding: 8px 0 8px 48px; }

#footnote{width:100%; overflow:auto; padding: 4px; font: 9pt Tahoma;  height: auto; color: #ffffff; text-align: center;}
.inner img{
    max-width:99% !important;
    max-height:99% !important;
	border: 1px solid #ccc; padding:0;
	Margin-top: 2px;
}

@media all and (max-width: 999px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
.inner { width: 96%;}


.trend-container{width:100%;}
.trend-left{ width:100%; padding: 5px;}
.trend-mid-left{ width:100%;}
.trend-mid-right{ width:100%;}
.trend-mid-right1{  width:100%;}
.trend-right{float:left; width:100%;}

.aicte-container{width:98%; padding-left:0;}
.aicte-left{ padding: 24px 0 12px 100px; overflow:auto; margin-right:0;}
.aicte-mid{  padding: 24px 0 12px 95px; overflow:auto; margin-right:0;}
.aicte-right{  padding: 24px 0 12px 100px; overflow:auto; margin-right:0;}



.dsd-container{width:100%;}
.dsd-left{ width:100%;}
.dsd-right{float:left; width:100%;}
.dsd-right-home{float:left; width:96%;}
.style1 {font-size: 2px}
.style1 {font-size: 2px}
.figcaption {
font-size: 12px;
text-align:center;
}
