/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {font-size:15px;color:#222;font-family:'ubuntu-r',"source-sans-pro","DejaVu Sans",Tahoma,sans-serif;background-color:#f8d247;text-align:center;}
#wrapper {border:1px solid #CCC;background-color:#eee;margin-top:20px!important;margin:auto;padding:25px;}
a:link, a:visited {color:#1762A2;text-decoration:none;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}
@media screen{
	body{margin:0 0 50px 0;}
	#wrapper {max-width:90%;border: 15px solid #bbb;border-radius:30px;}
}
@media only screen and (max-device-width: 480px) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}
@media only screen and (device-width: 768px) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}

#header {position:relative;height:180px;}
#homepage #header {position:relative;height:415px;}

#header #nav {position:absolute;top:10px;left:0;list-style:none;}
#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#E17979;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}
#header #nav li.current a  {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;}

#header a.logo:link, #header a.logo:visited, #header a.logo:hover {position:absolute;top:68px;left:0;
color:#fff;
font-size:52px;
text-transform:uppercase;
letter-spacing:-2px;
text-decoration:none;
}
#header span.logo2 {position:absolute;top:70px;left:2px;
color:#7C1B1B;
font-size:52px;
text-transform:uppercase;
letter-spacing:-2px;
}
#logo-header{display:block;}
#logo-desc{display:block;top:124px;left:2px;color:#fff;position:absolute;}

#content {text-align:left;}

#content h1 {font-size:50px;letter-spacing:-1px;margin:25px 0 15px 0;color:#e62739; font-weight:bold; text-shadow: -1px -1px 1px #ddd, 1px 1px 1px #222;}
#content h2 {font-size:25px;line-height:37px;letter-spacing:-1px;margin:25px 0 10px 0;}
#content h3 {font-size:18px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h4 {font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h5 {font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h6 {font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}

#content #page-content {float:left;width:625px}
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#BA0000;}

#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}
#content .page-text p{text-align:justify;}
#sidebar {width:325px;float:right;border:1px solid #ccc;background:#f6f6f6;margin-bottom:50px;}

.section {padding:30px 10px 20px 10px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}
.section h2 {color:#BA0000;font-size:22px;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#BA0000;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#BA0000;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#BA0000;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#BA0000;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;text-transform:uppercase;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}
.breadcrumbs a{font-size: 8pt;text-decoration: none;}
.breadcrumbs a:hover{text-decoration:underline;}
#gallery-cycle-pubs.gallery-cycle {
    height: 200px;
    width: 150px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-container {
    height: 200px;
    position: relative;
    width: 150px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-text {
    height: 180px;
    width: 130px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-image {
    height: 200px;
    width: 150px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-control {
    bottom: 0;
    right: 0;
}
.resource-person-photo{width:150px;display:block;}
#banner img{margin:5px; width:89px;}
.lastmodifiedlabel{font-size:7pt; border-style: none;color:#666; padding:5px;}
ul {list-style-type: none;}
ul li{padding:10px;}
#footer{font-size:9pt;border-top:1px solid #555;padding:10px;}
.cpulp-cntr{display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;        
  align-content: center; 
  padding: 0 4px 15px 0;}
.cpulp-cntr-f{display:flex;margin:20px 2px;flex-wrap:wrap;border-bottom:solid 1px #ccc;}
.cpulp-img-fac{ -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 4px;}
.cpulp-img-cover{ -ms-flex: 14.2857%; /* IE10 */
  flex: 14.2857%;
  max-width: 14.2857%;min-width:80px;
  padding: 4px;}
.cpulp-glow-s{ -ms-flex: 42%; /* IE10 */
  flex: 42%;
  max-width: 42%;min-width:250px;
  margin: 10px;position: relative;}  

.cpulp-glow-s img{box-shadow: 0 3px 6px rgba(50, 50, 50, 1.0);}

.overlay{position: absolute;bottom: 0;left: 0;right: 0;overflow: hidden;width: 0;height: 30%;width:100%;transition: .5s ease;}
.cpulp-glow-s:hover .overlay, .cpulp-glow-s:focus .overlay {height:33%}
.cpulp-glow-s a:hover .overlay, .cpulp-glow-s a:focus .overlay {height:33%}
.itxt {width:90%;color: white;font-size: 30px;position: absolute;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.itxt a:link, .itxt a:visited {color:white;text-decoration:none;}
.itxt a:hover, .itxt a:focus {color:white;text-decoration:underline;}

.vickramce{ background-color: #008CBA;}
.vickramstt{ background-color: #a4893d;}
.poly{ background-color: #ec7f37;}
.enathisky{ background-color: #9aba36;}
.techie{ background-color: #386092;}
.pranavcna{background-color:#ba36a5;}

@media only screen and (max-width:1024px){
.cpulp-glow-s{
    -ms-flex: 100%; /* IE10 */
      flex: 100%;
      max-width: 100%;
      margin: 10px;}
#wrapper {width:80%;}
}