@import url('reset.css');

/*=========================================================
					Header
=========================================================*/
@font-face {
    font-family: 'allerbold';
    src: url('/inc/fonts/aller/aller-webfont.eot');
    src: url('/inc/fonts/aller/aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/aller/aller-webfont.woff') format('woff'),
         url('/inc/fonts/aller/aller-webfont.ttf') format('truetype'),
         url('/inc/fonts/aller/aller-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'allerregular';
    src: url('/inc/fonts/aller/aller_rg-webfont.eot');
    src: url('/inc/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/aller/aller_rg-webfont.woff') format('woff'),
         url('/inc/fonts/aller/aller_rg-webfont.ttf') format('truetype'),
         url('/inc/fonts/aller/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Calibri';
	src: url('/inc/fonts/calibri/calibri0.eot');
	src: url('/inc/fonts/calibri/calibri0.eot?#iefix') format('embedded-opentype'),
 		 url('/inc/fonts/calibri/calibri0.woff') format('woff'),
		 url('/inc/fonts/calibri/calibri0.ttf') format('truetype'),
		 url('/inc/fonts/calibri/calibri0.svg#calibri0') format('svg');
	font-weight: normal;
	font-style: normal;
}

 
@font-face {
	font-family: 'Meera';
	font-style:  normal;
    font-weight: normal;
	src: url('/inc/fonts/meera//Meera.eot');
	src: local('Meera'), url('/inc/fonts/meera/Meera.woff') format('woff'), url('/inc/fonts/meera/Meera.ttf') format('truetype');
}
 

body {
	background: url(/images/bg_body.png) repeat;
	color: #303031;
	font-family: 'Meera';
	font-size: 15px;
}
#outer-wrapper {
	width: 100%;
	background: url(/images/bg_top.png) repeat-x top;
}
.content-wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
strong{
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Meera';
	color: #232323;
	font-weight:bold;
	
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 29px;
	color: #fff;
}
h4 {
	font-size: 20px;
	font-family: 'Calibri';
	margin-bottom: 5px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #aeaeb1;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: normal;
}
.reamore {
	height: 15px;
	display: block;
	padding-left: 20px;
	background: url(/images/btn_readMore.png) no-repeat 0 0;
	font-size: 12px;
	color: #373738;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	float: left;
}
.reamore:hover {
	color: #000;
}

/*=========================================================
					Header
=========================================================*/
#header {
	height: 160px;
	padding-top: 11px;
}
a.logo {
	width: 670px;
	height: 114px;
	float: left;
	background: url(/images/logo.jpg) no-repeat;
}
form.search {
	float: right;
	clear: right;
	text-align: right;
	font-size: 17px;
	margin-top: 40px;
}
form.search p {
	padding: 0;
	margin: 0;
}
form.search p span {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'allerbold';
}
.searchbox {
	width: 159px;
	height: 37px;
	background: url(/images/bg_search.png) no-repeat;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #3e3e3e;
	font-size: 12px;
	margin-top: 10px;
	float: right;
}
.searchbox input[type="text"] {
	width: 110px;
	background: none;
	border: none;
	float: left;
	font-style: italic;
}
.searchbox input[type="submit"] {
	width: 23px;
	height: 22px;
	margin-right: 5px;
	float: left;
	display: block;
	cursor: pointer;
	background: url(/images/search.png) no-repeat;
	border: none;
	margin-top: 4px;
}
#top-nav {
	width: 1000px;
	height: 37px;
	background: url(/images/bg_menu.png) no-repeat;
	clear: both;
	margin-top: 9px;
}
#top-nav ul {
	list-style: none;
	/*margin: 0 0 0 -0.8125em;*/
	padding: 0 15px;
	text-align: left;
}
#top-nav li {
	float: left;
	position: relative;
	height: 37px;
}
#top-nav a {
	/*line-height: 3.333em;
	padding: 0 1.2125em;*/
	font-family: Meera;
	display: block;
	text-align: center;
	height: 27px;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	padding: 10px 14px 0 14px;
}
#top-nav ul ul {
	width: 180px;
	padding: 0;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.444em;
	left: 0;
	z-index: 99999;
}
#top-nav ul ul ul {
	left: 100%;
	top: 0;
}
#top-nav ul ul a {
	background: #f9f9f9;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	width: 160px;
	line-height: 1.4em;
	padding: 10px 10px;
	border-bottom: none;
	text-align: left;
	text-transform: capitalize;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#top-nav ul ul li a:hover,
#top-nav ul ul li:hover a,
#top-nav ul ul :hover li a {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#top-nav li:hover > a,
#top-nav ul ul :hover > a,
#top-nav a:focus {
	background: #efefef;
}
#top-nav li:hover > a,
#top-nav a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#top-nav ul li:hover > ul {
	display: block;
}
#top-nav ul li a.active {
	background: url(/images/menu-bg.jpg) repeat-x;
}

/*=========================================================
					Banner
=========================================================*/
#banner {
	width: 1140px;
	height: 416px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
.showcase {
	width: 1000Px;
	height: 360px;
	padding: 24px 0 32px;
	background: url(/images/bg_banner.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
}
.showcase .fixed-advt {
	width: 334px;
	height: 212px;
	background: url(/images/banner_fixed_div-bg.png) no-repeat;
	position: absolute;
	bottom: 32px;
	right: 25px;
	z-index: 5000;
}
.fixed-advt > div {
	width: 275px;
	height: 147px;
	margin: 65px auto 0;
	text-align: left;
	font-size: 26px;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
}
.fixed-advt p {
	text-align: left;
	line-height: 30px;
}
.fixed-advt p span {
	font-size: 28px;
	font-family: 'allerbold', Arial, sans-serif;
}
.fixed-advt > div img {
	float: left;
	margin-top: 30px;
}





#navcontainer { 
	float: left;
	width: 200px;
	Padding: 10px 15px 10px 10px;
	margin-Top: 0px;
	
 }

#navlist
{
padding: 0px ;
margin-left: 0;
font: 23px Meera; 
color: #4b3326; 
line-height: 25px;
}

#navlist li
{
background-image: url(dot1.jpg);
background-repeat: no-repeat;
background-position: 0 5em;
border-bottom: 1px #ded1cb solid;

text-align: left;
}

#navlist li a {text-decoration: none;}
#navlist li a:link { color: #4b3326; }
#navlist li a:visited { color: #4b3326;  font-weight:normal; }
#navlist li a:hover { font-weight:none; color: #1B89DE; }











/*=========================================================
					Content
=========================================================*/
.content {
	background: #f7f7f3;
	border: 1px solid #dbdbdb;
	padding: 5px 20px 20px;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	-moz-border-radius:  10px 10px 0 0;
	-webkit-border-radius:  10px 10px 0 0;
}
.hr-line {
	width: 960px;
	height: 23px;
	background: url(/images/breaker.png) no-repeat;
	margin: 10px auto;
}
#primary {
	max-width: 640px;
	float: left;
	padding: 0 15px 0 0;
	text-align: left;
}
.welcome {
	padding: 0 0 35px;
	background: url(/images/shadow_welcome.png) no-repeat bottom left;
	margin-bottom: 20px;
}
.welcome img {
	float: right;
	margin: 0 5px 0 10px;
}
.department {
	height: 141px;
	background: url(/images/shadow_department.png) no-repeat right;
	margin-bottom: 20px;
}
.department-section {
	width: 596px;
	height: 106px;
	border: 1px solid #eaeae6;
	background: #fff;
	padding: 15px;
	float: left;
	font-family: Meera;   
}
.department-section img {
	display: block;
	float: left;
	margin-right: 15px;
}
.department-section > div {
	width: 400px;
	float: left;
	text-align: left;
}

.department-section h4 { font-family: Meera;  font-size: 20px;}

/* Gallery */
#gallery {
	width: 268px;
	float: left;
}
.thumb-gallery {
	width: 259px;
	height: 103px;
	background: url(/images/bg_gallery.png) no-repeat;
	padding: 3px 6px 7px 3px;
	margin-bottom: 15px;
	position: relative;
}

.thumb-gallery img {
    position:absolute;
    top: 3px;
    left: 3px;
    z-index: 8;
    opacity: 0.0;
}

.thumb-gallery img.active {
    z-index: 10;
    opacity: 1.0;
}

.thumb-gallery img.last-active {
    z-index: 9;
}
.downloads {
	width: 330px;
	padding: 0 10px 0 20px;
	float: right;
}
.downloads ul li {
	width: 300px;
	line-height: 35px;
	background: url(/images/icon_pdf.png) no-repeat 0 7px;
	padding-left: 30px;
	border-bottom: 1px solid #dadbda;
	display: block;
	float: left;
}
.downloads ul a {
	color: #2a2b2b;
	font-size: 15px;
	text-transform: capitalize;
}
.downloads ul a:hover {
	color: #000;
}


#innerContent
{
font-family: Meera; font-size: 20px; color: #000000; line-height: 26px; text-align: justify; float: right;
}
#innerContent h3 { font: bold 12px arial; color:#000; margin: 14px 0px 2px 0px ; line-height: 18px;} 
#innerContent ol { padding-left: 30px;}
#innerContent ul { padding-left: 30px; list-style-type:square;}
.img7{border:1px solid #404040;float:left; margin:   5px  10px  0px 0px; }
.img9{border:1px solid #404040;float:right; margin:  5px   0px  0px 10px; }
.img7n{border:0px; float:left; margin:   5px  10px  0px 0px; }
.img9n{border:0px; float:right; margin:  5px   0px  0px 10px; } 
.imp_ico { padding-left:35px;}

.im_dir{
 border:2px solid #fff; background: url(img/tiger.png) no-repeat; box-shadow: 10px 10px 5px #ccc; -moz-box-shadow: 10px 10px 5px #ccc; -webkit-box-shadow: 10px 10px 5px #ccc; -khtml-box-shadow: 10px 10px 5px #ccc; } 

#excom
{
 
	font-family: "Meera";
	font-size: 20px;
	margin: 10px;
	width: 300px;
	border-collapse: collapse;
	text-align: left;
}
 
#faculty_list_table
{
	font-family: "Meera";
	font-size: 18px;
	margin: 10px;
	width: 570px;
	border-collapse: collapse;
	text-align: left;
}
#faculty_list_table th
{
	font-size: 20px;
	font-weight: normal;
	color: #019;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#faculty_list_table td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#faculty_list_table tbody tr:hover td
{
	color: #009;
}



#gallery_table
{

	border-collapse: separate;
	border-spacing: 5px;
}
#gallery_table td
{
	padding: 9px 8px 0px 8px;
	border: 1px solid #cecece;
}
#gallery_table tr
{
	padding: 9px 8px 0px 8px;
	Margin: 5px;
}



/*=========================================================
					Sidebar
=========================================================*/
#sidebar {
	width: 299px;
	float: right;
	padding: 0 0 0 0;
}

#sidebar-inner {
	width: 299px;
	float: right;
	padding: 0 0 0 0;
}

#sidebar-inner ol { padding-left: 30px;}
#sidebar-inner ul { padding-left: 30px; list-style-type:square;}
#labs { background: #b95c00; padding: 1px  53px 3px 53px; color:#FFF; font: bold 14px verdana, geneva, arial, helvetica, sans-serif; }  


.box-title {
	width: 269px;
	height: 27px;
	padding: 2px 0 0 10px;
	margin-left: 10px;
	background: url(/images/bg_header.png) no-repeat;
}


.workshop-lab-title {
	width: 269px;
	height: 27px;
	padding: 2px 0 0 10px;
	margin-left: 10px;
	background: url(/images/bg_header2.png) no-repeat;
}

.box-1 {
	width: 299px;
	height: 132px;
	padding: 14px 0 24px;
	background: url(/images/box_1.png) no-repeat top;
}
.admission {
	width: 269px;
	height: 87px;
	padding: 10px;
	margin: 3px 0 0 10px;
	/*background: url(/images/notification.jpg) no-repeat;*/
}


.box-2 {
	width: 299px;
	background: url(/images/box_2.png) no-repeat top;
	padding-top: 14px;
	margin-top: 10px;
}

.box-3 {
	width: 299px;
	background: url(/images/box_3.png) no-repeat top;
	padding-top: 14px;
	margin-top: 10px;
}


.box-4 {
	width: 299px;
	padding-top: 14px;
	margin-top: 10px;
}

.news-section {
	width: 255px;
	height: 300px;
	overflow: hidden;
	margin: 7px 0 25px 23px;
}

.menu-section {
	width: 255px;
	height: 210px;
	overflow: hidden;
	margin: 7px 0 25px 23px;
}


.news {
	width: 255px;
	text-align: left;
	padding-bottom: 7px;
	border-bottom: 1px dashed #9c9c9e;
	margin-bottom: 8px;
}
.news span {
	font-weight: 700;
	clear: both;
}


.workshop-labsection {
	width: 255px;
	height: 300px;
	overflow: hidden;
	margin: 7px 0 25px 23px;
	font-family: Verdana; font-size: 12px; color: #000000; line-height: 20px; text-align: justify;
              }




/*=========================================================
					Footer
=========================================================*/
#footer {
	width: 100%;
	background: url(/images/bg_footer.jpg) repeat-x top center;
	padding-top: 30px;
}
.footer-menu-wrap {
	width: 160px;
	float: left;
}
.footer-menu-wrap ul li {
	width: 145px;
	padding-left: 15px;
	background: url(/images/list.jpg) no-repeat 0 11px;
	line-height: 25px;
	display: inline-block;
	float: left;
}
.footer-menu-wrap ul a {
	font-size: 13px;
	color: #aeaeb1;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
.footer-menu-wrap ul a:hover {
	color: #fff;
}
.copy {
	width: 100%;
	background: url(/images/shadow_footer.jpg) no-repeat top center;
	padding: 25px 0 15px;
	margin-top: 20px;
	font-size: 12px;
	color: #aeaeb1;
}
.copy-1 {
	width: 160px;
	float: left;
	line-height: 18px;
}
.design {
	width: auto;
	float: right;
	text-align: right;
}
.design a {
	color: #b56702;
}
.design a:hover {
	color: #fff;
	text-decoration: underline;
}



.showcase .bx-prev{top:157px;left:-72px;position:absolute;font-size:0px;width:56px;height:54px;display:block; background:url(/images/prev.png) no-repeat left top;}
.showcase .bx-next{top:157px;right:-72px;position:absolute;font-size:0px;width:56px;height:54px;display:block; background: url(/images/next.png) right top;}
.department .bx-prev{top:-25px;left:600px;position:absolute;font-size:0px;width:56px;height:54px;display:block; background:url(/images/cd.jpg) no-repeat left top;}
.department .bx-next{top:-25px;right:0px;position:absolute;font-size:0px;width:56px;height:54px;display:block; background: url(/images/cd1.jpg) no-repeat right top;}