*#wrapper {width:540px; margin:0px auto; text-align:center;}

.menu {width:540px;height:21px;padding:0;text-align:center font-family:verdana,arial,helvetica,sans-serif;font-weight:normal;position:relative;z-index:100;}

/* needed for IE 5.5 */
* html .menu {width:540px;w\idth:540px;background:#000;}

/* remove bullets and other doodads from list style defaults*/
.menu ul {padding:0;margin:0;spacing:0;list-style-type:none;text-align: center;}
.menu ul ul {width:209px;} /* JMS: width of drop-downs */

/* float list horizontally from right edge, make position relative to control position of drop down */
.menu li {float:right;width:107;position:relative;}

/* top level links */
.menu a, .menu a:visited {display: block;font-size:11px;text-decoration:none;color:#fff;width:80px;height:21px;border:1px solid #000;border-width:0px 0px 1px 1px;background:#000;padding-left:0px;padding-right:0px;line-height:20px;} /*Top level menus */

/* needed for IE5.5 */
* html .menu a, * html .menu a:visited {width:92px; w\idth:80px;} /*was 81/69 */

/* second level links - JMS: This applies only to drop down menu items that also have fly-outs */
.menu ul ul a.flyout, .menu ul ul a.flyout:visited {background:#575757 url("http://www.guidemy401k.com/images/flyout.gif") bottom right no-repeat;font-weight: normal;} /* JMS: flyout.gif is the fly-out indicator triangle */

/* second level hover - JMS: The background color below is the background hover color only for drop down items that also have fly-outs */
.menu ul ul a.flyout:hover {background:#575757 url("http://www.guidemy401k.com/images/flyout.gif") bottom right no-repeat;} /* JMS: Hover color same as background color else flyout.gif disappears? */
.menu ul ul :hover > a.flyout {background:#575757 url("http://www.guidemy401k.com/images/flyout.gif") bottom right no-repeat;} /* JMS: Hover color same as background color else flyout.gif disappears? */

/* third level links */
.menu ul ul ul a, .menu ul ul ul a:visited {font-weight: normal;}

/* third level hover style */
.menu ul ul ul a:hover {font-weight: bold;} /* JMS: Causes flyout hover to be bold */

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:209px;border-top:1px solid #000;}

/* needed for IE5.5 */
* html .menu ul ul {top:21px;t\op:22px;}

/* third level positioning */
.menu ul ul ul{left:209px; top:-1px; width:209px;}

/* third level positioning for left-hand flyout - JMS not currently used */
.menu ul ul ul.left {left:-209px;}

/* style table so it doesn't appear in the layout - IE requirement */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* second level links */
.menu ul ul a, .menu ul ul a:visited {background:#575757; font-size:10px; font-weight: normal; text-align: left; color:#fff; height:auto; line-height:1em; padding:4px 10px; width:188px;border-width:0 1px 1px 1px;}
/* needed for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:210px;w\idth:188px;}

/* top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; font-weight: bold;} 
.menu :hover > a, .menu ul ul :hover > a {color:#fff; font-weight: bold;}

/* this makes the second level visible when user hovers on a top level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* this keeps the third level hidden when the user hovers on a first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* makes the third level visible when the user hovers over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}