/* ---------- Mega Drop Down --------- */
ul#menu {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	background:url(http://www.nid.edu/images/menu_line.jpg) right top no-repeat;
	position:absolute;
}
ul#menu li {
	float:left;
	background:url(http://www.nid.edu/images/menu_line.jpg) left top no-repeat;
	padding:30px 0 14px 0;
	font-family:Verdana, Geneva, sans-serif;
	color:#f4f5ef;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 0 1px #000;
	width:118px;
	text-align:center;
}
ul#menu li a:link, ul#menu li a:visited {
	color:#f4f5ef;
}
ul#menu li a:hover {
	color:#CCC;
}
ul#menu li.education a:hover {
	color:#FF9933;
}

#menu {
	list-style:none;
	font-weight:normal;
	margin:0;
	position: relative;
}
#menu a {
	color:#fff;
	outline:0;
	text-decoration:none;
	display:block;
}
/* ----------- Hide/Show div.dropDiv ---------- */
#menu div.dropDiv {
	position:absolute;
	left:-999em;
	margin-top:0px;
	padding:0 10px 10px;
	font-weight:normal;
	text-align:left;
	text-shadow:none;
}

#menu li:hover div.dropDiv {
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: right top;
	position:absolute;
}
#dropdown{
	position:relative;
	z-index:9;
	width: 960px;
	margin: 0 auto;
}
div.dropDiv {
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: right top;
	position:fixed;
	width:100%;
	background:url(http://www.nid.edu/images/projecttxt_bg.png) repeat scroll left top transparent;
	padding-bottom:10px;
}
div.dropDivbg{
	width:960px; 
	margin:0 auto; 
	padding-bottom:10px; 
	position:relative; 
	height:100%;}

.dropmenu {
	position:absolute;
	top:180px;
	right:20px;
	background:#FF9933;
	padding:10px;
	width:330px;
	text-shadow:none;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.dropmenu h3 {
	font-size:24px;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
	color: #FFF;
}
.dropmenu p {
	margin:0;
	font-size:12px;
}

#services .dropmenu {
	background-color: #007DC3;
}

#activities .dropmenu {
	background-color: #CC3366;
}

#people .dropmenu {
	background-color: #ff5555;
}

#institute .dropmenu {
	background-color: #3C9905;
}

ul.submenu  {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:960px;
}
ul.submenu li {
	background:#ececec !important;
	border-bottom:6px solid #ececec !important;
	text-shadow:none !important;
	width:220px !important;
	margin:10px 10px 0 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-align:left !important;
	font-weight:normal !important;
	float:left;
}
ul.submenu li:hover {
	background:#FFF !important;
	border-bottom:6px solid #FF9933 !important;
	color:#000000;
	cursor:pointer;
}
ul.submenu li h4 {
	font-size:16px;
	margin:0;
	padding:5px 10px;
	font-style:normal;
	font-weight:normal;
	color:#FF9933;
}

ul.submenu.services li h4 {
	color: #007DC3;
}

ul.submenu.activities li h4 {
	color: #CC3366;
}

ul.submenu.people li h4 {
	color: #ff5555;
}

ul.submenu.institute li h4 {
	color: #3C9905;
}

ul.submenu li:hover h4 {
	background-color: #FF9933;
	color: #FFF;
}
ul.submenu li p {
	margin:5px 10px;
}
ul.submenu li h4 a {
	color:#333 !important;
}
ul.submenu li p {
	color:#222 !important;
	margin-bottom:10px !important;
	margin-top:10px !important;
}
ul.submenu li p a {
	color:#222 !important;
}
ul.submenu li span {
	display:block!important;
	color:#666565 !important;
	font-style:italic;
}
ul.submenu li span a {
	color:#666565 !important;
}

ul#menu li.education a:hover, ul#menu li.education a.selected {
	color:#FF9933;
}
ul#menu li.services a:hover, ul#menu li.services a.selected {
	color:#007DC3;
}
ul.submenu.services li:hover {
	background:#FFF !important;
	border-bottom:6px solid #007DC3 !important;
	color:#000000;
	cursor:pointer;
}
ul.submenu.services li:hover h4 {
	background-color: #007DC3;
}

ul#menu li.activities a:hover, ul#menu li.activities a.selected {
	color:#CC3366;
}
ul.submenu.activities li:hover {
	background:#FFF !important;
	border-bottom:6px solid #CC3366 !important;
	color:#000000;
	cursor:pointer;
}
ul.submenu.activities li:hover h4 {
	background-color: #CC3366;
}

ul#menu li.people a:hover, ul#menu li.people a.selected {
	color:#ff5555;
}
ul.submenu.people li:hover {
	background:#FFF !important;
	border-bottom:6px solid #ff5555 !important;
	color:#000000;
	cursor:pointer;
}
ul.submenu.people li:hover h4 {
	background-color: #ff5555;
}

ul#menu li.institute a:hover, ul#menu li.institute a.selected {
	color:#3C9905;
}
ul.submenu.institute li:hover {
	background:#FFF !important;
	border-bottom:6px solid #3C9905 !important;
	color:#000000;
	cursor:pointer;
}
ul.submenu.institute li:hover h4 {
	background-color: #3C9905;
}

#mask {
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: right top;
	position:fixed;
	z-index: 9;  
  	background:url(http://www.nid.edu/images/mask_bg.png);  
  	display:none;
}
.modal {
	display: none;
	position: absolute;
	margin: 0;
	top: -90px;
	width:960px !important;
}