/******** CSS Document - Navigation elements for IITB Home and related next-level pages ********/

/* CSS-Based Menu */

#nav_table {
        //height: 221px;
        background-color: #608D60;
}

#nav_table .nav_td {
	// background-image: url(../images/home/home_nav_bg.jpg);
	// background-repeat: no-repeat;
	width: 221px;
	// height: 240px;

}

/* Menu Container START */
#menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:221px;
	position:relative;
	z-index:100;
	margin-top: 0px;
	margin-right: 0;
}
/* Menu Container END */

/* Visbile-Level (1st-level) Menu UL START */
#menu ul {
	margin:0;
	list-style-type: none;
	border:0px solid #006666;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-left: 0px;
}
/* Visbile-Level (1st-level) Menu UL END */

/* 2nd-Level Menu (fly-out menu) UL START */
#menu ul li ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	left:220px;
	width: 221px;
}
/* 2nd-Level Menu (fly-out menu) UL END */

/* Special positioning for specific sub-menus for aesthetic balance START */

/*

#menu .admissions ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	margin-top: 0px;
}

#menu .RD ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	margin-top: -54px;
        *margin-top: -55px;
}

#menu .students ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	margin-top: -84px;
        *margin-top: -82px;
}

#menu .about ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	margin-top: -7px;
        *margin-top: -11px;
}

*/

/* Special positioning for specific sub-menus for aesthetic balance END */

/* Opacity control of the fly-out menu background START */
#menu ul li ul {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
 	-moz-opacity: 0.95;
	opacity:0.95;
	
}
/* Opacity control of the fly-out menu background END */

/* Visible (1st-level) menu LI START */
#menu ul li {
	float:left;
	position:relative;
}
/* Visible (1st-level) menu LI END */

/* Visible (1st-level) menu LI link-behaviour START */
#menu ul li a, #menu ul li a:visited {
	display:block;
	float:left;
	text-align: right;
	text-decoration:none;
	//color:#590d00;
	color:#FFFFFF;
	width:200px;
	/*height:21px;*/
	line-height:14px;
	font-size:13px;
	background:transparent;
	padding-left:0px;
	padding-right:20px;
	padding-top: 4px;
    padding-bottom: 6px;
	font-weight: bold;
}

* html #menu ul li a, * html #menu ul li a:visited {
	width:201px;
}
/* Visible (1st-level) menu LI link-behaviour END */

/* Sub-menu (2nd-level, fly-out) TABLE style START */
#menu table {
	border-collapse:collapse;
	border:0;
	margin:-1px;
	padding: 0;
}
/* Sub-menu (2nd-level, fly-out) TABLE style END */


/********** first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 **********/

/* Visible (1st-level) menu LI link on-HOVER behaviour START */
#menu ul li:hover a,
#menu ul li a:hover{
	background:#006666;
	color:#fff;
}
/* Visible (1st-level) menu LI link on-HOVER behaviour END */

/* Sub-menu (2nd-level, fly-out) UL properties START */
#menu ul li:hover ul,
#menu ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	border:1px solid #006666;
	background:#006666;
	overflow:visible;
	padding-left: 0px;
	width: auto;
}
/* Sub-menu (2nd-level, fly-out) UL properties END */

/* Sub-menu (2nd-level, fly-out) LI link-behaviour START */
#menu ul li:hover ul li a,
#menu ul li a:hover ul li a{
	display:block;
	background:transparent;
	color:#fff;
	line-height:14px;
	height:auto;
	text-align: left;
	text-decoration:none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-left: 0px;
}
/* Sub-menu (2nd-level, fly-out) LI link-behaviour END */

/* Sub-menu (2nd-level, fly-out) LI link on HOVER-behaviour START */
#menu ul li:hover ul li:hover a,
#menu ul li a:hover ul li a:hover {
	background:#069;
	color:#ff0;
}
/* Sub-menu (2nd-level, fly-out) LI link on HOVER-behaviour END */


/******** 3rd-level Menu (if needed) STARTS: ********/

/*

#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	left:147px;
}


#menu ul li:hover ul li:hover ul,
#menu ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	color:#000;
	padding:0;
	border:1px solid #069;
	list-style-type:none;
	background:#069;
}


#menu ul li:hover ul li:hover ul li a,
#menu ul li a:hover ul li a:hover ul li a {
	display:block;
	background:transparent;
	color:#ff0;
}


#menu ul li:hover ul li:hover ul li:hover a,
#menu ul li a:hover ul li a:hover ul li a:hover {
	background:#eee;
	color:#000;
}

/******** 3rd-level Menu (if needed) ENDS ********/