body {
background:#01213e;
margin: 0;
padding: 0;
min-width:990px;
width:100%;
color:#fff;
font-family: Arial;
}
/* General Stuff */
a {
color:#fff;
padding:0;
margin:0;
font-size: 10pt;
text-decoration:none;
}
a:hover {
color:#eee18d;
}

p {
padding:10px 5px;
margin:0;
font-size: 9pt;
line-height: 1.32em;
text-align:justify;
}

.lft {
float:left;
}
.rgt {
float:right;
}

.center{
text-align:center;
}

/* General stuff ends */

/***********************  Layout Starts ***********************/
#outer {
width:100%;
display:block;
height:100%;
background:#01213e url(images/blu/bg.png) repeat-y top center;
} 

#wrapper {
background:transparent url(images/bg_shape.png) no-repeat top center;
}


#inner {
background:transparent url(images/blu/bg_top.png) repeat-x top left;
}

#container {
margin: 0 auto;
height: 100%;
width: 815px;
}


/*************************  Layout Ends ***************************/





/************************* Header starts *************************/

#header {
background:transparent url(images/blu/head_bg.png) repeat-x top left;
height:107px;
margin:0 9px 0 5px;
}
.logo {
background:transparent url(images/blu/logo.jpg) no-repeat top left;
height:100%;
width:401px;
}
.logo_hide {
background:transparent url(images/blu/logo_hide.png) no-repeat bottom left;
height:100%;
width:141px;
margin: 0 0 0 14px;
}
#head_left {
background:transparent url(images/blu/head_left.png) no-repeat top left;
height:100%;
}
#head_right {
background:transparent url(images/blu/head_right.png) no-repeat top right;
}
/************************* Header Ends ***************************/



/************************* Top Menu Starts **********************/
#top_menu {
min-height:100px;
}
/************************* Top Menu Ends ************************/



/************************* Content starts *************************/
#content {
background:#002c55 url(images/blu/content_h_back.png) repeat-x top left;
margin:0 2px;
}
#content_wrapper {
background:transparent url(images/blu/content_bg.png) repeat-y top left;
padding:0 15px;
}
#content_top {
background:transparent url(images/blu/content_top.png) no-repeat top left;
height:22px;
}
#content_bottom {
background:transparent url(images/blu/content_bottom.png) no-repeat bottom left;
height:23px;
}

#article {
padding:5px 3px;
text-align: left;
}

#article a{
color:#eee18d;
}

#article a:hover{
color:#ff0;
}
#article p{
padding:5px 15px;
}
#article ul {
list-style-type:square;
}
#article li{
font-size:9pt;
}
#article ul li ul li{
list-style-type:none;
}

#article table{
margin:15px 50px;
width:750px;
font-size:9pt;
}
#article p.pic{
text-align:center;
}
/************************* Content Ends ***************************/



/************************* Bottom Menu Starts **********************/

#bottom_menu {
height: 100px;
overflow:hidden;
}
ul#nonmenu {
height:30px;
list-style-type:none;
margin:35px 0 -35px 0;
}
#nonmenu li {
float:left;
height:30px;
padding:0 25px 0 0;
width:80px;
}
#nonmenu a{
font-size:1.1em;
color:#64A6D1;
text-align:center;
display:block;
font-family: Calibri,Cambria,Times, serif;
}
#nonmenu a:hover {
font-size:1.2em;
color:#fff;
}
/************************* Bottom Menu Ends ************************/



/************************* Footer Starts **********************/

#footer {
background:transparent url(images/blu/foot_bg.png) repeat-x top left;
height:75px;
margin:0 25px;
padding:15px 0 0 0;
}
#foot_left {
background:transparent url(images/blu/foot_left.png) no-repeat top left;
}
#foot_right {
background:transparent url(images/blu/foot_right.png) no-repeat top right;
}
#footer .path{
height:10px;
}
#footer .path a{
font-size:10pt;
}
#footer .menu {
float:right;
height:10px;
}
#footer .copyright {
clear:both;
height:10px;
}
/************************* Footer Ends ************************/




/**************** Horizontal Top Menu  Starts  *********************/

#menu {
padding: 0;
margin:0;
width:100%;
height: 280px;
font-family: Cambria,serif;
background :transparent url(images/blu/menu_back.png) repeat-x bottom left;
}
#menu h2 {
text-align:center;
margin:0 0 0 0;
padding:15px 0 0 0;
height:40px;
font-size:24px;
font-weight:normal;
font-family: Cambria,Perpetua,Georgia, "Times New Roman", Times, serif;
letter-spacing:.2pt;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
width:100%;
float: left;
height: 215px;
background :transparent none no-repeat bottom left;
}

#menu li {
text-align:center;
background:transparent url(images/blu/link_back.png) repeat-x top left;
padding:0 5px 0 5px;
margin: 147px 0 0 0;
float:left;
height: 68px;
font-size:16px;
letter-spacing:.1px;
text-transform:uppercase;
}
#menu li:hover {
font-size:16px;
background :transparent url(images/blu/link_back_hov.png) repeat-x top left;
padding:0;
margin-right:5px;
margin-left:5px;
}
#menu li#active{
font-size:16px;
background :transparent url(images/blu/link_back_hov.png) repeat-x top left;
padding:0;
margin-right:5px;
margin-left:5px;
}
#menu li#active a{
color:#000;
}
#menu a {
color: #fff;
width:100%;
display:block;
margin:0;
font-weight:bold;
padding: 35px 0 20px 0;
width:146px;
}
#menu a:hover {
color:#000;
}


#menu ul.departments a{
padding: 20px 0 20px 0;
width:120px;
}
}

/**************** Horizontal Menu tech Ends *********************/

/*************** Flash Rotate Starts ****************************/

#flashcontent {
width:800px;
clear:both;
}
/**********************Flash Rotate Ends**************************/




/****************  slider menu items *****************************/
#imageMenu {
	position: relative;
	width: 815px;
	height: 300px;
	overflow: hidden;
	text-align:center;
	margin-top:50px;
	overflow:hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 300px;
	width: 816px;
	padding: 0px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:transparent none no-repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:134px;
	height: 300px;
}

#imageMenu ul li.courses a {background-image: url(images/jav/courses.jpg);}
#imageMenu ul li.facilities a {background-image: url(images/jav/facilities.jpg)}
#imageMenu ul li.management a {background-image: url(images/jav/management.jpg)}
#imageMenu ul li.departments a {background-image: url(images/jav/departments.jpg)}
#imageMenu ul li.gallery a {background-image: url(images/jav/gallery.jpg)}
#imageMenu ul li.placements a {background-image: url(images/jav/placements.jpg)}

.clear {
	clear: both;
}
/*************************************************************/


/**********************three column layout ************************/
#mainpage {
margin:0;
padding:0;
}
#main_left{
width:150px;
float:left;
}
#main_center{
width:450px;
padding:10px;
border:#16446f dotted  1px;
border-top:none;
border-bottom:none;
float:left;
}

#main_right{
width:150px;
float:left;
}

#main_left ul{
width:150px;
list-style:none;
margin:0;
padding:0;
}
#main_right ul {
width:150px;
list-style:none;
margin:0;
padding:0;
}

#main_left a{
width:120px;
height:25px;
display:block;
border-bottom:#16446f dotted 1px;
text-align:center;
margin:0;
padding:10px 0;
font-weight:bold;
}
#main_right li {
background:transparent url(images/blu/rightmenu/menu.gif) no-repeat 0px 0px;
margin:0;
padding:0;
}
#main_right li:hover {
background:transparent url(images/blu/rightmenu/menu.gif) no-repeat 0px -150px;
}
#main_right a {
width:150px;
height:150px;
display:block;
}

.clearer
{clear:both;}

/**********************three column layout ends ********************/


/**********************News division ******************************/

#news
{
border-top:#16446f dotted 1px;
padding:5px 0 0 0;
font-size: 8pt;
}
#news img {
float: right;
width:60px;
padding:0 5px;
}
#news h3 {
border-bottom:#16446f dotted 1px;
padding:0px 5px 5px 5px;
font-size: 12pt;
}
#news ul{
padding:0 0 0 5px;
margin:0;
}
#news a{
padding:0 5px;
float:right;
font-size: 8pt;
color:#eee18d;
}
#news li {
list-style-type: square;
clear:both;
padding: 10px  0 18px 0;
}
#news_left {
width:195px;
float:left;
padding:0 5px 0px 20px;
border-right:#16446f dotted 1px;
}
#news_right {
width:195px;
float:left;
padding:0 5px 0px 20px;
}
/**********************News division ENds***************************/



/********************* Right side menu *****************************/

div#main_right ul li.instcode{
background-image:url(images/blu/rightmenu/code.jpg);
}
div#main_right ul li.alumni{
background-image:url(images/blu/rightmenu/alum.jpg);
}
div#main_right ul li.location{
background-image:url(images/blu/rightmenu/loc.jpg);
}

/* Menu Items */

#menu ul.biotech {
background-image: url(images/page/biotech/head.jpg);
}
#menu ul.electronics {
background-image: url(images/page/electronics/head.jpg);
}

#menu ul.electrical {
background-image: url(images/page/electrical/head.jpg);
}

#menu ul.mechanical {
background-image: url(images/page/mechanical/head.jpg);
}
#menu ul.civil {
background-image: url(images/page/mechanical/head.jpg);
}

#menu ul.courses {
background-image: url(images/page/courses/head.jpg);
}
#menu ul.departments {
background-image: url(images/page/departments/head.jpg);
}


#menu ul.computer {
background-image: url(images/page/computer/head.jpg);
}

#menu ul.facilities{
background-image: url(images/page/facilities/head.jpg);
}
#menu ul.management {
background-image: url(images/page/management/head.jpg);
}

#menu ul.about {
background-image: url(images/page/about/head.jpg);
}
#menu ul.principal {
background-image: url(images/page/principal/head.jpg);
}
/* Menu Items End */





/****************** White page Starts*****************************
body {background:#d1d1d0;color:#000;}a {color:#000;}a:hover {color:#687193;}#outer {background:#d1d1d0 url(images/wite/bg.png) repeat-y top center;}#inner {background:transparent url(images/wite/bg_top.png) repeat-x top left;}#header {background:transparent url(images/wite/head_bg.png) repeat-x top left;}.logo {background:transparent url(images/wite/logo.jpg) no-repeat top left;}
.logo_hide {background:transparent url(images/wite/logo_hide.png) no-repeat bottom left;width:97px;margin: 0 0 0 12px;}#head_left {background:transparent url(images/wite/head_left.png) no-repeat top left;}#head_right {background:transparent url(images/wite/head_right.png) no-repeat top right;}#content {background:#f9f9f9 url(images/wite/content_h_back.png) repeat-x top left;}#content_wrapper {background:transparent url(images/wite/content_bg.png) repeat-y top left;}#content_top {background:transparent url(images/wite/content_top.png) no-repeat top left;}#content_bottom {background:transparent url(images/wite/content_bottom.png) no-repeat bottom left;}#nonmenu a{color:#666;}#nonmenu a:hover {color:#000;}#footer {background:transparent url(images/wite/foot_bg.png) repeat-x top left;}#foot_left {background:transparent url(images/wite/foot_left.png) no-repeat top left;}#foot_right {background:transparent url(images/wite/foot_right.png) no-repeat top right;}#menu {background :transparent url(images/wite/menu_back.png) repeat-x bottom left}
#menu li {background:transparent url(images/wite/link_back.png) repeat-x top left;}#menu li:hover {background :transparent url(images/wite/link_back_hov.png) repeat-x top left;}#menu li#active{background :transparent url(images/wite/link_back_hov.png) repeat-x top left;}#menu li#active a{color:#000;}#menu a {color: #fff;}
#menu a:hover {color:#000;}#news a{color:#64A6D1;}

div#main_right ul li.instcode{
background-image:url(images/wite/rightmenu/code.jpg);
}
div#main_right ul li.alumni{
background-image:url(images/wite/rightmenu/alum.jpg);
}
div#main_right ul li.location{
background-image:url(images/wite/rightmenu/loc.jpg);

/****************** White page Ends *******************************/