* { margin: 0; padding: 0; }




.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

@font-face
{
	font-family: segoe;
  	src: url('Segoe-UI-light.ttf');
}


.super-container{
	position: relative;
    min-height: 100%;
 	
}
a{
	color:#675300;
	text-decoration: none;
}
h2{
	font-family: segoe;
	font-size: 28px;
	color: #5E4A00;
	font-weight: normal;
	margin-bottom: 16px;
}
.polychromatic-border{
	background: url(../../images/polychromatic-border.png) center;
	height: 6px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.50);
	position: relative;
}
header{
	height: 175px;
	/* background: #333 */
	/* background: url(../../images/header.jpg) no-repeat center #fffff; */
}
h1.logo{
	max-width: 439px;
	margin: 0 auto;
	padding: 0 40px;
	padding-top: 70px;
}
h1.logo img{
	/* width: 100%; */
	max-width: 439px;
}
a img{
	border: none; /*IE hack*/
}
.monochromatic-border{
	background: #253e90; /* Blue color */
	height: 8px;
	/* box-shadow: 0 0 2px 0px rgba(0,0,0,.50); */
	position: relative;
}

.monochromatic1-border{
	background: #6d9d30; /* green color */
	height: 6px;
	/* box-shadow: 0 0 2px 0px rgba(0,0,0,.50); */
	position: relative;
}

.monochromatic-footer{
	background: #989898; /* Grey color */
	height: 6px;
	/* box-shadow: 0 0 2px 2px rgba(0,0,0,.50); */
	position: relative;
}

.width-set{
	max-width: 1160px;
	margin: 0 auto;
}
#container3 {
    width:100%;
    overflow:hidden;
    position:relative;
    padding-bottom: 60px;
}
#container2 {
    float:left;
    width:100%;
    position:relative;
    right:30%;
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:40%;
}
.coep-information  {
    float:left;
    width:50%;
    position:relative;
    left:70%;
}
.news-events{
    float:left;
    width:30%;
    position:relative;
    left:70%;
}
.programs {
    float:left;
    width:20%;
    position:relative;
    left:70%;
}
nav.header-nav ul{
	list-style: none;
}
nav.header-nav ul li{
	float: left;
	margin-top: 9px;
	padding: 0 11px;
}
nav.header-nav ul li a{
	color: #999;
    font-size: 12px;
}
nav.header-nav ul li.active a,nav.header-nav ul li a:hover{
	color: #F2C202;
}
.search{
    border: 1px solid #000000;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 3px 3px #666666 inset, -1px -1px 1px #999999 inset;
    float: right;
    font-size: 12px;
    height: 20px;
    margin: 10px 0;
    padding: 0 8px;
    width: 137px;
    background: url("../../images/search.png") no-repeat scroll 129px 3px #FFFFFF;
}
nav.main-links{
	background: none repeat scroll 0 0 #222222;
    height: 50px;
}
nav.main-links ul{
	list-style: none;
	width: 766px;
}
nav.main-links ul li{
	float: left;
	padding: 14px 25px;
	 border-left: 1px solid #000000;
    border-right: 1px solid #333333;
}
nav.main-links ul li.first{
	border-left:none;
}
nav.main-links ul li.current a{
	color: #FFCD00;
}
nav.main-links ul li.last{
	border-right:none;
}
nav.main-links ul li a{
	color: white;
    font-size: 13px;
    text-transform: uppercase;
}
nav.main-links ul li:hover{
	background: #fff;
}
nav.main-links ul li:hover a{
	color: #333;
}
nav.main-links ul ul {
	display: none;
}
nav.main-links ul li:hover > ul {
	display: block;
}
nav.main-links ul ul{
	background: #fff; 
	border-radius: 0px;
	position: absolute; 
	margin: 14px -25px;
	width: 273px;
    z-index: 1000;
}
nav.main-links ul:after {
	content: ""; clear: both; display: block;
}
nav.main-links ul ul li {
	float: none; 
	border-bottom: 1px solid #ccc; position: relative;
	border-left: none;
}
nav.main-links ul ul li a{
	font-size: 12px;
}
nav.main-links ul ul li:hover {
	background: #FFCD00;
}
.images{
	height: 400px;
}
.footer-links {
    float: left;
    margin: 1% 0 0 2%;
    width: 14.5299%;
}
footer{
	background: #333;
	font-size: 12px;
	color: #999;
	padding: 10px 0 20px;
	margin-top: 29px;
	position: relative;
}



footer .monochromatic-footer{
	margin-top: -15px;
}
.footer-links h4{
	border-bottom: 1px solid #1B1B1B;
    color: white;
    font-size: 17px;
    font-weight: normal;
    text-transform: uppercase;
}
.footer-logo{
	width: 29.624%;
}

.footer-links.footer-logo > img {
   margin: 12% 0 0 18%;
    width: 52%;
}
.footer-div{
	border-bottom: 1px solid #1B1B1B;
}
.footer-links > ul {
    border-top: 1px solid #4F4E4E;
    list-style: none outside none;
    padding: 8px 0;
}
.footer-links a {
    color: #999999;
    font-size: 14px;
}

address,.social-links{
	border-top: 1px solid #4F4E4E;
	padding: 8px 0px;
}

address,.footer-links p{
	color: #999999;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 23px;
}
.footer-links p span{
	color: #ccc;
}

footer .width-set{
	margin-top: 8px;
}
footer nav{
	float: left;
	text-align:left;
	width: 33.3%;
}
footer nav ul{
	list-style-type: none;
}
footer nav ul li{
	display: inline;
	margin:0 20px 0 0;
}
footer nav ul li.last{
	margin-right:0px;
}
footer a,footer .powered{
	color: #ccc;
}
footer a:hover{
	color: #fff;
	text-decoration: underline;
}
footer .legal{
	float: left;
	text-align: center;
	width: 33.4%;
}
footer .powered{
	float: right;
	text-align: right;
	width: 33.3%;
}
nav.main-links ul li ul li{
    padding: 12px 26px;
}
.top {
    height: 344px;
    overflow-x: auto;
}
.programs .top a{
	display: block;
}
.programs .top ul {
    list-style: square outside none;
    margin: 0 7%;
}
.news-events .top h2{
	margin-bottom: 21px;
}
.img1{
	background: url("../../images/1.jpg") no-repeat left top #000000;
	background-size: cover;
}
#slider4 .img1{
	background: url("../../images/explore-vtu.png") ;
	background-size: cover;
}
.img2{
	background: url("../../images/2.jpg") no-repeat;
	background-size: cover;
}
.img3{
	background: url("../../images/3.jpg") no-repeat;
	background-size: cover;
}
#slider4 li a:hover{
	background: #5e075d;
}
.img1 a h2,.img2 a h2,.img3 a h2{
	background: none repeat scroll 0 0 #660066;
    color: white;
    font-weight: bold;
    height: 92px;
    margin: 13% 0 0 4%;
    opacity: 0.85;
    padding: 2px 10px 0;
    position: relative;
    width: 340px;
    z-index: 10;
}
#slider4 .img1 a h2,#slider4 .img2 a h2,#slider4 .img3 a h2{
	height: 10%;
    margin: 13% 0 0 25%;
    padding: 0 3px;
    width: 73%;
}
p{
	font-family: "Trebuchet MS";
	color: #333;
}
.img1 a p,.img2 a p,.img3 a p{
    background: none repeat scroll 0 0 #990033;
    color: white;
    margin: -1% 0 0 6%;
    opacity: 0.85;
    padding: 18px 5px;
    position: relative;
    width: 395px;
    z-index: 1;
     font-size: 16px;
}
.information{
	background: none repeat scroll 0 0 #A5234F;
    top: 57%;
    color: white;
    height: 91px;
    padding: 4px 6px;
    position: absolute;
}
#slider4{
	 height: 327px;
}
/*nav responsive*/
nav a#pull {
    background: url("../../images/nav-icon.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 15px;
    margin: 12px 0;
    width: 30px;
    display: none;
}

/*Responsive slideshow*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.news-events .rslides_container{
	margin-bottom: 11px;
}
video{
  	height: 309px;
    max-width: 100%;
    padding-bottom: 10px;
    width: 100%;
}
#slider3 li{
	height: 166px;
}
.fetured img {
  float: left;
    margin: 0 0 18px;
    width: 38%;
 }
 .fetured > div {
    float: left;
}
.fetured p{
	float: right;
    font-size: 84%;
    height: 53px;
    margin-top: 6px;
    overflow: hidden;
    width: 60%;
}
.fetured a{
	font-size: 84%;
    margin: 0 7px;
}
.top,.bottom{
  	padding-right: 15px;
}
.top p,.bottom p{
    text-align: justify;
}
.top img{
 	width: 100%;
}
.social a{
  	background: none repeat scroll 0 0 #2F2E2E;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 4% 7%;
}
.footer-nav{
  	border-top: 1px solid #4F4E4E;
}
.nav-collapse{
  	background: none repeat scroll 0 0 #2F2F2F;
  	float: left;
    width: 100%;
    margin: 54px 0 0px;
    display: none;
}
nav.main-links .nav-collapse li{
  	float: none;
  	border-left: none;
}
nav.main-links .nav-collapse li:hover{
  	background: none;	
}
nav.main-links .nav-collapse li:hover>a{
  	color: #fff;
  	text-decoration: underline;
}
nav.main-links .nav-collapse ul{
    width:auto;
}
.main-link-col1{
  	border-right: 1px solid #555555;
    float: left;
    width: 50%;  
    margin-bottom:20px; 
}
.psedu-links{
  	float: right;
  	width: 49%; 
}
.nav-collapse .search{
  	display: block;
    float: none;
    margin: 21px auto 10px;
    width: 200px;
}
.main-link-col1 ul li{
  	margin-right: 5%;
    text-align: right;
}
#slider4 li:hover>div.hover{
    background:none repeat scroll 0 0 #660066;
    height: 100%;
    position: absolute;
    width: 100%;
    margin-top: -83px;
}
footer .social-links a:hover{
	text-decoration: none;
}
.social-links img {
    margin: 0 3% -4% -3%;
    width: 16%
}
#slider4 li {
    position: relative;
    z-index: 20;
}
/*---------------------------------------
	<1200px
---------------------------------------*/

@media (max-width: 1200px) {
	.super-container{
		//background: blue;
	}
	.nav-collapse{
		display: none;
	}
	.social a{
		font-size: 11px;
	}
	#slider4 h2{
		font-size: 26px;
	}
	.top,.bottom{
		padding-left: 10px;
	}
	.top{
		 height: 385px;
	}
	.programs .top h2{
		font-size: 175%;
	}
}

/*---------------------------------------
	iPad Landscape
---------------------------------------*/

@media (max-width: 1024px) {

	.super-container{
		//background: red;
	}
	#slider4 h2 {
    	font-size: 20px;
	}

	header{
		height:155px;
	}
	.footer-links a,address, .footer-links p{
		font-size: 13px;
	}
	.footer-links .social-links a{
		font-size: 10px;
	}
	h1.logo{
		padding-top: 50px;
	}
	.top p,.bottom p{
		font-size: 13px;
	}
	.page-wrap{
		padding-bottom: 100px
	}
	nav.main-links ul li {
    	float: left;
    	padding: 2% 3.4%;
	}
	.footer-links{
		width: 18%;
	}
	nav.main-links ul{
		width: 85%;
	}
	nav.main-links ul li a{
		 font-size: 82%;
	}
	nav.main-links ul ul{
		margin: 14px -2.9%;
	}
	.footer-links h4{
		font-size: 16px;
	}
	.nav-collapse{
		display: none;
	}

	.footer-links.footer-logo > img {
    	margin: 21% 0 0 -9%;
    	width: 94%;
	}
	.news-events,.programs .fetured{
		 width: 50%;
	}
	.top,.programs{
		float: left;
	}
	.top {
    	height: 444px;
	}
	.programs .top{
		width: 46%;
	}
	.programs{
		width: 100%;
		margin-top: 15px;
	}
	.programs .fetured{
		float: right;
	}
	.fetured img{
		 width: 14%;
	}
	.fetured p{
		 width: 84%;
		  height: 50px;
	}
	#slider4 li:hover > div.hover{
		margin-top: -136px;
	}
}

/*---------------------------------------
	iPad Potrait
---------------------------------------*/

@media (max-width: 768px) {

	header{
		height: 135px;
	}
	.top p,.bottom p{
		font-size: 84%;
	}
	h1.logo{
		padding-top: 30px;
	}
	.super-container{
		//background: green;
	}
	.footer-links a, address, .footer-links p{
		font-size: 12px;
	}
	.page-wrap{
		padding-bottom: 80px;
	}
	nav.header-nav ul li {
    	padding: 0 1%;
	}
	footer{
		height: auto;
	}
	.footer-links .social-links a {
    	font-size: 8px;
	}
	footer nav, footer .legal, footer .powered{
		float: none;
		display: block;
		text-align: center;
		width: auto;
	}
	footer .legal{
		margin-top:5px;
	}
	footer .powered{
		margin-top:5px;
	}
	nav.main-links ul li{
		 padding: 2.6% 2.4%;
	}
	nav.main-links ul {
       width: 91%;
    }
    nav.main-links ul li a {
    	font-size: 82%;
    }
    nav.main-links ul ul {
    	margin: 14px -2.2%;
    }
    .footer-links h4{
		 font-size: 96%;
	}
	.footer-links {
    	width: 18%;
	}
	.nav-collapse{
		display: none;
	}
	.fetured p{
		margin-top: 0;
    	width: 89%;
    	height: 44px;
	}
	.fetured a {
   		font-size: 70%;
    	margin: 0 0 0 58px;
	}
	.information{
		font-size: 11px;
	}
	
	.fetured a{
		 margin: 0 0 0 10px;
	}
	#slider4 h2 {
    	font-size: 15px;
	}
	.coep-information{
		width: 100%;
	}
	.news-events{
		 width: 100%;
	}
	.programs .fetured{
		 width: 98.5%;
	}
	.top, .programs{
		width: auto;
	}
	.top,.bottom{
		height: auto;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.fetured img {
    	width: 9%;
	}

	address, .footer-links p{
		 margin-bottom: 10px;
	}
	.footer-links {
    	width: 23%;
	}
	.footer-links.footer-logo{
		display: none;

	}
}

/*---------------------------------------
	Smart Phones
---------------------------------------*/

@media (max-width: 600px) {
	body{
		overflow-x:hidden; 
	}
	.super-container{
		//background: orange;
	}
	.footer-links a{
		font-size: 11px;
	}
	header{
		height: 115px;
	}
	header h1.logo{
		padding-top: 30px;
	}
	
	.page-wrap{
		padding-bottom: 60px;
	}
	
	nav.header-nav ul li{
		 padding: 0 1%;
	}
	.search{
		 width: 17%;
	}
	nav.header-nav ul li a{
		 font-size: 75%
	}
	.footer-links a,address, .footer-links p{
		font-size: 10px;
	}
	.footer-links h4{
		font-size: 85%;
	}
	nav a#pull{
		display: block;
	}
	nav.main-links ul.main-ul,nav.header-nav,.search{
		display: none;
	}
	.fetured p {
    	height: 39px;
    	width: 89%;
	}
	.fetured img {
    	width: 9%;
	}
	.fetured a {
    	font-size: 59%;
    	margin: 0 9px;
	}
	.social a{
		 padding: 4%;
	}
	.footer-links .social-links a {
   		 font-size: 8px;
	}
	.social-links img{
		 width: 17%
	}
	.social-links span {
    	display: none;
	}
	.social a{
		 background: none repeat scroll 0 0 transparent;
    	float: none;
	}
	.search{
		background: url("../../images/search.png") no-repeat scroll 191px 3px #FFFFFF
	}
	.fetured p{
		margin-top: 0px;
	}
	.programs .top {
 	   width: 90%;
	}
	



}