#multi-level {height:49px; position:relative; z-index:100;}
.menu, .menu ul { width:100%; list-style-type:none; list-style-image:none; padding:0px; margin:0px;}
.menu li {padding:0px; margin:0px;}
/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative; margin:0px; padding:0px;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* set up the normal unhovered images/ in the links */
.menu li a#home {width:61px; height:34px; background:url(../images/top-menu/home-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none;font-weight:bold;}
.menu li a#about {width:100px; height:34px; background:url(../images/top-menu/about-us-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#solutions {width:81px; height:34px; background:url(../images/top-menu/solutions-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#products {width:86px; height:34px; background:url(../images/top-menu/products-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#services {width:81px; height:34px; background:url(../images/top-menu/services-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#technology {width:104px; height:34px; background:url(../images/top-menu/technology-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#faq {width:55px; height:34px; background:url(../images/top-menu/faq-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#distributors {width:106px; height:34px; background:url(../images/top-menu/distributors-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}
.menu li a#contact {width:79px; height:34px; background:url(../images/top-menu/contact-a.jpg) no-repeat; text-align:center; padding-top:15px; text-decoration:none; font-weight:bold;}

/* Menu Current status */
body#home #multi-level .menu li a#home {width:61px; height:34px; background:url(../images/top-menu/home-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#about #multi-level .menu li a#about {width:100px; height:34px; background:url(../images/top-menu/about-us-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#solutions #multi-level .menu li a#solutions {width:81px; height:34px; background:url(../images/top-menu/solutions-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#products #multi-level .menu li a#products {width:86px; height:34px; background:url(../images/top-menu/products-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#services #multi-level .menu li a#services {width:81px; height:34px; background:url(../images/top-menu/services-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#technology #multi-level .menu li a#technology {width:104px; height:34px; background:url(../images/top-menu/technology-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#faq #multi-level .menu li a#faq {width:55px; height:34px; background:url(../images/top-menu/faq-b.jpg) no-repeat; no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#distributors #multi-level .menu li a#distributors {width:106px; height:34px; background:url(../images/top-menu/distributors-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#contact #multi-level .menu li a#contact {width:79px; height:34px; background:url(../images/top-menu/contact-b.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}

body#home #footer #multi-level .menu li a#home {width:61px; height:34px; background:url(../images/top-menu/home-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#about #footer #multi-level .menu li a#about {width:100px; height:34px; background:url(../images/top-menu/about-us-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#solutions #footer #multi-level .menu li a#solutions {width:81px; height:34px; background:url(../images/top-menu/solutions-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#products #footer #multi-level .menu li a#products {width:86px; height:34px; background:url(../images/top-menu/products-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#services #footer #multi-level .menu li a#services {width:81px; height:34px; background:url(../images/top-menu/services-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#technology #footer #multi-level .menu li a#technology {width:104px; height:34px; background:url(../images/top-menu/technology-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#faq #footer #multi-level .menu li a#faq {width:55px; height:34px; background:url(../images/top-menu/faq-a.jpg) no-repeat; no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#distributors #footer #multi-level .menu li a#distributors {width:106px; height:34px; background:url(../images/top-menu/distributors-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}
body#contact #footer #multi-level .menu li a#contact {width:79px; height:34px; background:url(../images/top-menu/contact-a.jpg) no-repeat; text-align:center; padding:15px 0px 0px 0px; text-decoration:none;font-weight:bold; color:#000000;}

/* Style the list OR link hover. Depends on which browser is used */
.menu li a {color:#FFFFFF; font-size:12px;}
.menu a:hover {visibility:visible; color:#000000;} /* for IE6 */
.menu li:hover { position:relative; z-index:200; color:#000000;} /* for IE7 */

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:46px; background: #76A90C; padding:3px 0px 3px 0px; border:2px solid #F6FF00; white-space:nowrap; width:143px; height:auto; font-family:Verdana; font-size:11px; text-align:left; font-weight:normal;}
.menu :hover ul#about {width:122px;}
.menu :hover ul#solutions {width:150px;}
.menu :hover ul#technology {width:195px;}
.menu :hover ul#distributors {width:102px;}

.menu :hover ul.sub li {display:block; height:20px; position:relative; padding:0px; float:left; width:130px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:135px; line-height:20px; text-indent:5px; background: #76A90C; color:#fff; text-decoration:none; border:3px solid #76A90C; border-width:0 0 0 3px;}
.menu :hover ul#about li a{width:116px;}
.menu :hover ul#solutions li a{width:143px;}
.menu :hover ul#technology li a{width:190px;}
.menu :hover ul#distributors li a{width:96px;}


.menu :hover ul.sub li a.fly {background:#76A90C url(http://greenearthnanoscience.com/styles/images/arrow.gif) 115px 7px no-repeat;font-family:Verdana; font-size:11px; text-align:left;}
.menu :hover ul.sub li a:hover {background:#466A02; color:#fff; font-family:Verdana; font-size:11px; text-align:left; font-weight:normal;}
.menu :hover ul.sub li a.fly:hover {background:#466A02 url(http://greenearthnanoscience.com/styles/images/arrow_over.gif) 115px 7px no-repeat; color:#fff; font-family:Verdana; font-size:11px; text-align:left; font-weight:normal;}
.menu :hover ul li:hover > a.fly {background:#466A02 url(http://greenearthnanoscience.com/styles/images/arrow_over.gif) 115px 7px no-repeat; color:#fff;font-family:Verdana; font-size:11px; text-align:left; font-weight:normal;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:127px; top:-2px; background: #4D700A; padding:0px; border:1px solid #000000; white-space:nowrap; width:130px; z-index:200; height:auto; z-index:300;font-family:Verdana; font-size:11px; text-align:left; font-weight:normal;}

/*Bottom Gradient color */
.menu-bottom { height:10px; background-image:url(../images/top-menu/bottom-bg.jpg); background-repeat:repeat-x; width:754px; clear:both;}