.menu {z-index:1000;font-size:90%;margin:0; font-weight:bold; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;width:210px; height:}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0; }
/* position relative so that you can position the sub levels */
.menu li {position:relative;background:transparent;height:24px;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited { background: transparent; display:block; text-decoration:none;height:25px;line-height:25px;width:210px;color:#2C0700;text-indent:15px;}


/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:transparent; width:210px; w\idth:210px;}
/* style the link hover */
/* html .menu a:hover {color:#000; background:#e3f2f6;border:1px solid #2C0700;}
.menu :hover > a {color:#000; background:#e3f2f6; border:1px solid #6e94a8; border-width:1px 0 1px 0;}*/

.menu :hover{
color:#fff;
text-decoration:none;
margin:0px;
text-align:left;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;top:0;left:200px; text-align:left;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul { visibility:visible;}


/*sub navigation back botton hover*/
.menu ul ul a, .menu ul ul a:hover{background: #7eb245 url(../../images/bkgNavRoll.jpg) no-repeat;
color:#fff;
text-decoration:none;
margin:0px;
text-align:left;
height:25px;
width:210px; 
}

.menu ul ul a, .menu ul ul a:visited { background: #7eb245 url(../../images/bkgNavRoll.jpg) no-repeat; }

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; left: -1px; margin: 0 0 0 210px;
}