.menu-wrapper { height:52px; background:#538fd9 url(../images/nav_wrapper.gif) no-repeat; padding:0 10px; }
.menu {	font-size:12px; z-index:999; position:relative; font-size:12px; height:52px; background:url(../images/nav.gif) repeat-x; }
.menu ul { padding:0; margin:0; list-style-type:none; float:left; }

.menu li { float:left; position:relative; }

.menu a, .menu a:visited  { display:block; font-size:12px; text-decoration:none; color:#fff; background:transparent; line-height:52px; height:52px; padding:0 8px; margin:0; }

* html .menu a, * html .menu a:visited {} /* a hack so that IE5.5 faulty box model is corrected */

.menu ul ul a.drop, .menu ul ul a.drop:visited {}
.menu ul ul a.drop:hover {}
.menu ul ul :hover > a.drop {}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:50px; left:0; }

* html .menu ul ul { top:50px; t\op:51px; } /* another hack for IE5.5 */

/* position the third level flyout menu */
.menu ul ul ul { left:149px; top:1px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position:absolute; top:1; left:1; border-collapse:collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color:#FFF; background:#4f7eba; /*Background colo popup*/ padding:3px 10px; width:150px; border-width:2px 2px 2px 2px; line-height:20px; height:20px; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:150px; w\idth:150px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover { color:#fff; background:#538fd9 url(../images/nav_active.gif) repeat-x; }
.menu ul ul a:hover { background-image:none; }
.menu :hover > a, .menu ul ul :hover > a { color:#fff; }

.ulRight { text-align:right; left:-96px !important; width:150px !important; }
.ulRight .liRight { width:150px; }/* 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; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { visibility:hidden; }