body { font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; }
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
ul li{ list-style-type:none; padding:0px; margin:0px; }
p{ padding:0px; margin:0px; font-size:14px; }
a{ outline:none !important; text-decoration:none !important;}


#head{  box-shadow:0px 0px 3px #aaa; position:relative; z-index:2; padding:5px 0px; }
#logo{ float:left;  padding:5px 0px; }
#nav{ float:right; }

#bgstrp{ position:fixed; background-color:#306ba6; z-index:-1; top:0; bottom:0; width:60%; right:-10%; transform:skew(20deg); -moz-transform:skew(20deg); -webkit-transform:skew(20deg); -o-transform:skew(20deg); -ms-transform:skew(20deg);  transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s;   }
#topstrip{ position:relative; float:right; }
#topstrip ul li{ float:left; }

#topstrip ul li a{ padding:10px;  display:block; font-family: 'Hind', sans-serif; color:#eee; }

#mainmenu{ border-top:1px #092B4F solid; clear:both; }
#mainmenu > ul{ margin:0; }
#mainmenu > ul > li{ float:left; }
#mainmenu > ul > li > a{ padding:13px 10px; display:block; font-family: 'Hind', sans-serif; color:#fff; }
#mainmenu > ul > li a:hover{ background-color:#D4A43C; color:#FFF; }

.submenu{ position:absolute; display:none; background-color:#092B4F; min-width:180px; z-index:99; }
.submenu li a{ padding:8px 10px; display:block; font-family: 'Hind', sans-serif; color:#fff; }
.submenu li > a:hover{ background-color:#D4A43C; color:#FFF; }

#respo_menu{ display:none; overflow:hidden; }
.respoicon{ cursor:pointer; padding:30px 10px; margin:0px; color:#fff; float:right; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; width:40%; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 5px 0 5px 10px;  font-family: 'Hind', sans-serif; color:#4B4B4D; line-height:26px; font-size:13px; text-decoration:none;border-bottom:1px solid #ccc; }
#respo-submenu ul li ul{ margin-left:20px; }
#respo-submenu ul li ul li { background-image:url(../images/more.png); background-repeat:no-repeat; background-position:0px 13px; }
#respo-submenu ul li ul li a { padding-left:15px;  }
#respo-submenu ul li a:hover{ color:#ED3237;  }

.bodycol{ padding:40px 0px; }
#wlcom{ background-color:#FFF; padding:15px 10px; border-radius:0px 20px 20px 0px;}
#wlcom h1{  font-family: 'Oswald', sans-serif;  margin:0px 0px 15px 0px; color:#092B4F; padding:0px; }
#wlcom p{ font-family: 'Hind', sans-serif; font-size:16px; }


#foucol{ background-color:rgba(255,255,255,0.9); box-shadow:0px 0px 3px #555; }
#fourdiv{ padding:0px; }

.butncol01{ background:none !important; padding:0; margin:0; }
.butncol01 a{ color:#21588E !important; font-family: 'Oswald', sans-serif;  font-size:17px;  padding:0; margin:0; }

#cour-row{ background-color:#FFF; padding:20px 0px; box-shadow:0px 0px 2px #aaa; }
#cour-row h1{ text-align:center;font-family: 'Oswald', sans-serif; margin:0; padding-bottom:15px; }
ul#ullicourse{ text-align:center;  }
ul#ullicourse li{ display:inline-block; width:23%; margin:5px; }
.coursecol{ background-color:#21588E; margin:5px 0px; padding:12px; text-align:center; }
.coursecol h3{ font-family: 'Hind', sans-serif; color:#eee; padding:0px; margin:0; font-size:18px; }
.coursecol:hover{ background-color:#092B4F; }


#fivecol{ background-color:#FCDD6B; }
.width20{ width:25%; float:left; overflow:hidden; }
.fivecol img{ width:100%; padding:3px; border:1px solid #666; }
.fivecol{ padding:10px; }
.fivecol h4{ font-family: 'Hind', sans-serif; font-size:20px; }
.fivecol p{ font-family: 'Hind', sans-serif; font-size:15px; }

.bodycol h2{ margin:0px 0px 10px 0px;   font-family: 'Oswald', sans-serif; }
.bodycol p{ font-family: 'Hind', sans-serif; font-size:16px; }
.fourcollist li a{ font-family: 'Hind', sans-serif; font-size:16px; color:#333; }
.iconcol{ position:relative; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; background-color:#fff; padding:10px; border:1px solid #CCC; }

.footermenu{ padding:20px 0px;}
.footermenu ul li a{ font-family: 'Hind', sans-serif; font-size:16px; color:#ddd; }
.footermenu ul li{ background-image:url(../images/more.png); background-repeat:no-repeat; background-position:0px 6px; padding-left:15px; }
.footermenu > hr{ padding:0; margin:13px 0px; }
.footermenu p{ font-family: 'Hind', sans-serif; font-size:14px; color:#eee; }

.formcol{ overflow:hidden; clear:both; }
.formcol input{ font-family: 'Hind', sans-serif; margin:2px 0px; }
.buttoncol input{ font-family: 'Hind', sans-serif; margin-top:2px; }

#footer h2{ color:#ddd; font-size:23px; margin:0px 0px 0px 0px;   font-family: 'Oswald', sans-serif; }
#footer p{ font-family: 'Hind', sans-serif; font-size:14px; }
#footer{ background-color:#092B4F;  }
#copyrig{ background-color:#21588E; text-align:center; }
#copyrig p{ margin:0; color:#ddd; font-family: 'Hind', sans-serif; padding:8px 0px; }


.innbody{ padding:0px 0px; background-color:rgba(255,255,255,0.9); }
.innbody h1{  font-family: 'Oswald', sans-serif; padding:0px; margin:0px; }
.innbody h2{  font-family: 'Oswald', sans-serif; padding:0px; margin:0px; }
.innbody h3{  font-family: 'Oswald', sans-serif; padding:0px; margin:0px; }
#insidebody{ padding:10px 0px; }
.innbody p{ margin:0; padding:5px 0px;font-family: 'Hind', sans-serif; font-size:16px;  }
.rightcol{ padding:0px 20px; }

.rightcol > table{ font-family: 'Hind', sans-serif; font-size:16px; background-color:#FFF; }
.rightcol > table > thead{ background-color:#092B4F; color:#FFF; }
.rightcol table thead th{ padding:10px; }

.rightcol > table tr td{ padding:10px; font-family: 'Hind', sans-serif; font-size:15px; }
.rightcol hr{ color:#333; }
.ulli li{ margin:0; padding:5px 0px;font-family: 'Hind', sans-serif; font-size:16px;  background-image:url(../images/more.png); background-repeat:no-repeat; background-position:0px 11px; padding-left:15px; }
.ulli li span{}

.sidenav{ background-color:#306BA6; }
.sidenav h2{ margin:0; padding:10px; color:#333; font-family: 'Hind', sans-serif; background-color:#FCDD6B; }
.sidenav li {  }
.sidenav li a{  font-family: 'Ubuntu', sans-serif; font-size:14px; color:#eee; padding:8px; border-bottom:1px solid #ddd; display:block; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }

.sidenav li a:hover{ padding-left:10px; background-color:#092B4F; }

.inullist li { background-image:url(../images/RightArow02.png); background-repeat:no-repeat; background-position:0px 8px; }
.inullist li a{  font-family: 'Ubuntu', sans-serif; font-size:14px; color:#fff; padding:0px 13px; color:#333; display:block; }
#gallerycol{ overflow:hidden; display:inline-block; width:100%; padding:2px; border:1px solid #999; }
#gall{ min-height:158px;}
#gall li img{ width:100%; }
.faculty{ clear:both; overflow:hidden; padding:0px 0px; }
.facultythumb{ height:290px; }



@media (min-width: 119px) {
	#mainmenu{ display:none; }	
	#respo_menu{ display:block; }	
	#respo-submenu{ width:60%;}
	.iconcol{ margin-bottom:10px;}
	#contdetil{ display:none; }
	#bgstrp{ width:50%; right:-30%; }
	#topstrip{ display:none; }
	.width20{ width:100%; float:left; }
	ul#ullicourse li{ width:90%; }
}

@media (min-width: 319px) {
	#mainmenu{ display:none; }	
	#respo_menu{ display:block; }
	#respo-submenu{ width:50%;}
	.iconcol{ margin-bottom:10px;}
	#contdetil{ display:none; }
	#bgstrp{ width:50%; right:-30%; }
	#topstrip{ display:none; }
	.width20{ width:50%; float:left; }
	ul#ullicourse li{ width:90%; }
}

@media (min-width: 481px) {
	#mainmenu{ display:none; }	
	#respo_menu{ display:block; }
	#respo-submenu{ width:40%;}
	.iconcol{ margin-bottom:10px;}
	#contdetil{ display:none; }
	#bgstrp{ width:60%; right:-20%; }
	#topstrip{ display:none; }
	.width20{ width:50%; float:left;  }
	ul#ullicourse li{ width:90%; }
}

@media (min-width: 768px) {
	#mainmenu{ display:none; }	
	#respo_menu{ display:block; }
	#respo-submenu{ width:30%;}
	.iconcol{ margin-bottom:10px;}
	#contdetil{ display:none; }
	#bgstrp{ width:60%; right:-20%; }
	#topstrip{ display:none; }
	.width20{ width:25%; float:left;  }
	ul#ullicourse li{ width:23%; }
}

@media (min-width: 992px) {
	#mainmenu{ display:block; }	
	#respo_menu{ display:none; }
	#respo-submenu{ width:25%;}
	.iconcol{ margin-bottom:0px;}
	#contdetil{ display:block; }
	#bgstrp{ width:60%; right:-10%; }
	#topstrip{ display:block; }
	.width20{ width:25%; float:left; }
	ul#ullicourse li{ width:23%; }
}

@media (min-width: 1200px) {
	#mainmenu{ display:block; }
	#respo_menu{ display:none; }
	#respo-submenu{ width:0;}
	.iconcol{ margin-bottom:0px;}
	#contdetil{ display:block; }
	#topstrip{ display:block; }
	#bgstrp{ width:60%; right:-10%; }
	.width20{ width:25%; float:left; }
	ul#ullicourse li{ width:23%; }
}