/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */





#menu { margin: 0px; height: auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;   }

#menu ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; position: relative; z-index: 500; list-style-type: none; width: 190px; text-align: center;   }

#menu li { background: url(../img/img-hover.jpg) no-repeat #0276B0; float: left; margin-top: 0px; margin-bottom: 0px; }
#menu li.sub { background-color: #0276B0; margin-top: 0px; margin-bottom: 0px; }

#menu table { position: absolute; border-collapse: collapse; top: 0px; left: 0px; z-index: 100; font-size: 11px; margin-top: -1px; }

#menu a, #menu a:visited { border-bottom: 1px solid #00486C; display: block; text-decoration: none; height: auto; line-height: 100%; width: 180px; color: #ffffff; padding: 15px 0 15px 10px;  }

a.navbottom, a:visited.navbottom { border-top: 1px solid #ffffff;  border-bottom: 1px solid #FFFFFF; display: block; text-decoration: none; height: auto; line-height: 100%; width: 180px; color: #ffffff; padding: 15px 0 15px 10px;  }

#menu b { float: right; margin-right: 5px; }
* html #menu a, * html #menu a:visited { width: 180px; }
* html #menu a:hover { color: #ffffff; background-color: #005783; position: relative; text-decoration: none; }


#menu li:hover { position: relative; }
#menu a:active, #menu a:focus { color: #ffffff; background-color: #0276B0; text-decoration: none; }
#menu li:hover a { color: #ffffff; background: url(http://www.saltlakeshoppingcenter.com/assets/img/img-hover2.jpg) no-repeat #00952E;  text-decoration: none; }
#menu li ul { padding: 0; visibility: hidden; position: absolute; top: 0px; left: 190px; background-color: transparent; }



#menu li:hover > ul { visibility: visible; }
#menu ul a:hover ul ul { visibility: hidden; }
#menu ul a:hover ul a:hover ul ul { visibility: hidden; }
#menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
#menu ul a:hover ul { visibility: visible; }
#menu ul a:hover ul a:hover ul { visibility: visible; }
#menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
#menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }





#dropdown ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; position: relative; z-index: 500; list-style-type: none;  }
#dropdown li { background-color: #016195; float: left; margin-top: 0px; margin-bottom: 0px; text-align: left; }

#dropdown a , #dropdown a:visited   { border-left: 2px solid #FFFFFF; display: block; text-decoration: none; height: auto; line-height: 100%; color: #ffffff; padding: 15px 0 15px 10px; background: url(../img/img-hover3.jpg) repeat-x #0276B0;  }

a.dropdownbottom , a:visited.dropdownbottom   { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; display: block; text-decoration: none; height: auto; line-height: 100%; color: #ffffff; padding: 15px 0 15px 10px; background: url(../img/img-hover3.jpg) repeat-x #0276B0;  }

#dropdown li:hover { position: relative; }
#dropdown a:active, #dropdown a:focus { color: #ffffff;  background: url(../img/img-hover3.jpg) repeat-x #0276B0; text-decoration: none;   }
#dropdown li:hover > a { color: #ffffff; background: url(../img/img-hover4.jpg) repeat-x #005783;  text-decoration: none; }
#dropdown li ul { padding: 0; visibility: hidden; position: absolute; top: 0px; left: 250px; background-color: transparent; }