.menu {
	position: absolute;
	left: 374px;
	top: 9px;
	width: 575px;
	height: 26px;
	z-index:10000;
}


/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* 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; z-index:10000;}

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

/* pre-load the hover images into the lists */
.menu li.m1 {width: 88px; background:url(../images/menu/menu01.jpg) 0 -26px no-repeat; z-index:10000;}
.menu li.m2 {width: 88px; background:url(../images/menu/menu02.jpg) 0 -26px no-repeat; z-index:10000;}
.menu li.m3 {width: 117px; background:url(../images/menu/menu03.jpg) 0 -26px no-repeat; z-index:10000;}
.menu li.m4 {width: 106px; background:url(../images/menu/menu04.jpg) 0 -26px no-repeat; z-index:10000;}
.menu li.m5 {width: 88px; background:url(../images/menu/menu05.jpg) 0 -26px no-repeat; z-index:10000;}
.menu li.m6 {width: 88px; background:url(../images/menu/menu06.jpg) 0 -26px no-repeat; z-index:10000;}

/* set up the normal unhovered images in the links */
.menu li a#menu1 {width: 88px; background:url(../images/menu/menu01.jpg) no-repeat; }
.menu li a#menu2 {width: 88px; background:url(../images/menu/menu02.jpg) no-repeat;}
.menu li a#menu3 {width: 117px; background:url(../images/menu/menu03.jpg) no-repeat;}
.menu li a#menu4 {width: 106px; background:url(../images/menu/menu04.jpg) no-repeat; z-index:10000;}
.menu li a#menu5 {width: 88px; background:url(../images/menu/menu05.jpg) no-repeat;}
.menu li a#menu6 {width: 88px; background:url(../images/menu/menu06.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:10000;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#menu1:hover, .menu li:hover a#menu1,
.menu li a#menu2:hover, .menu li:hover a#menu2,
.menu li a#menu3:hover, .menu li:hover a#menu3,
.menu li a#menu4:hover, .menu li:hover a#menu4,
.menu li a#menu5:hover, .menu li:hover a#menu5,
.menu li a#menu6:hover, .menu li:hover a#menu6,
.menu li a#menu7:hover, .menu li:hover a#menu7 {background:transparent; z-index:10000; }

/* 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; z-index:10000; }

/* set up the first drop down sub level */
.menu :hover ul.sub { position: absolute; top: 26px; left: 0; background: url(../images/menu/submenubg.jpg) no-repeat; padding: 0; margin: 0; white-space:nowrap; z-index:10000; }
.menu :hover ul.sub li {display:block;  position:relative; z-index:10000; }
.menu :hover ul.sub li a {display:block; font-size: 1.2em; *font-size: 1.1em; padding: 6px 6px 0px 18px; color:#fff; letter-spacing: 1.2px; text-decoration: none; z-index:10000; }
.menu :hover ul.sub li a:hover { display:block; color:#ccc;  text-decoration: underline; z-index:10000; }

.menu :hover ul.sub_end { position: absolute; top: 26px; left: -32px; background: url(../images/menu/submenubg.jpg) no-repeat; padding: 0; margin: 0; white-space:nowrap;  }
.menu :hover ul.sub_end li {display:block;  position:relative; }
.menu :hover ul.sub_end li a {display:block; font-size: 1.2em; *font-size: 1.1em; padding: 6px 6px 0px 18px; letter-spacing: 1.2px; color:#fff; text-decoration: none; z-index: 100000;}
.menu :hover ul.sub_end li a:hover { display:block; color:#ccc; text-decoration: underline;}


/* 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: 120px;
	_left: 86px; 
	top: 0px; 
	padding: 0;
	white-space:nowrap;  
	z-index:300;
	}

.subm1 { display:block; background: url(../images/menu/submenubg.jpg) no-repeat; *margin: 0 0 -2px 0; height: 28px; width: 120px; z-index:10000; }
.subm2 { display:block; background: url(../images/menu/submenubg.jpg) no-repeat; *margin: 0 0 -2px 0; height: 28px; width: 120px; z-index:10000; position: absolute; top: 0; left: 0; _left: 34px; font-size: 1.1em; _font-size: 1.1em }