#menuwrapper{
	background:url(http://www.myengg.com/engg/includes/megamenu/menubg.png);
	padding:0px;margin:0px;
}

/* Style the menu and position list items */
ul.mainMenu {
	position: relative;
	height: 30px;
	padding: 0 8px;
	background: #fff url(http://www.myengg.com/engg/includes/megamenu/menubg.png) repeat-x;
	clear:both;
	width:900px;
	left:20%;
	margin:0px;	
}
ul.mainMenu li { float: left; list-style: none;background:none }
ul.mainMenu li { border-left-style:solid;border-left-width:1px; border-color:white;padding:0px}

/* Style and position links and images in second level list items */
ul.mainMenu li a.menutitle {
	display: block;
	height: 18px;
	padding: 6px 12px;
	text-decoration: none;
	color:#FFF;
	font-variant:small-caps;
	font-weight:bold;
}
ul.mainMenu li a.menutitle:hover {
	color: #222;
	background: url(http://www.myengg.com/engg/includes/megamenu/menubg-hover.png) repeat-x;
}

/*to give a border over li on hovering*/
ul.mainMenu li:hover{
	border-color:#603;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid;
	border-width:thin;
}
/* When hovering over main list items, show second level lists */
/* This is only for #menu1 */
ul.mainMenu li:hover div { display: block;
/* to give a border to div on hovering */
	border-color:#603;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-width:thin;
	z-index:20;
}

/* Position and style second level lists and items */
ul.mainMenu div {
	position:absolute;
	top: 30px;
	display: none; /* Hide until parent list item is hovered on */
	background-color:#DDD;
	padding:10px 10px 10px 10px;
}


/* Rounded corners */
ul.mainMenu { -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul.mainMenu div { 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

/* IE6 FIXES
ul.mainMenu div,
ul.mainMenu div a { _float:left; _display: inline; } */

/*other stylings in the menu*/

ul.mainMenu div img { height: 64px; width: 64px; }
ul.mainMenu div span { display: block; }
ul.mainMenu div a:hover {background-color:#FFF}
ul.mainMenu div a img { opacity: .7; border: 0; }
ul.mainMenu div a:hover img { opacity: 1; }

/* When hovering over a list item link show the more info div */
ul.mainMenu div a:hover span.moreinfo { display: block; }

/* Position and style the more info div */
ul.mainMenu div span.moreinfo {
	display: none;
	width:auto;
	position: fixed;
	bottom: 10px;
	left: 10px;
	padding: 6px 10px;
	background: #fff;
	text-align: left;
	font-weight: normal;
}

ul.mainMenu div a {
	text-decoration:none;
	color:#000;
	}

/* IE6 Fixes */
ul.mainMenu li,
ul.mainMenu li a {_float:left;_display: inline}
ul.mainmenu li div {display:none}