
ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
filter: alpha(opacity=90);
opacity: 0.9;
}

ul#primary-nav ul ul {
display: block;
clear: both;
}

ul#primary-nav li {
position: relative;
list-style: none;
list-style: none;
display: block;
float: left;
}

ul#primary-nav {
background: url(main-navi-bg.gif);
}
ul#primary-nav ul {
background: url(main-navi-sub-1.gif);
}
ul#primary-nav ul ul {
background: url(main-navi-sub-2.gif);
}

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over {  background: url(main-navi-bg-hover.gif) repeat-x 0 0; }

ul#primary-nav li.menuparent .active,
ul#primary-nav li.over {  background: url(main-navi-bg-hover.gif) repeat-x 0 0; }

ul#primary-nav li.menuparent li:hover,
ul#primary-nav ul li.over {  background: url(main-navi-sub-1-hover.gif) repeat-x 0 0; }

ul#primary-nav li.menuparent li li:hover,
ul#primary-nav ul ul li.over {  background: url(main-navi-sub-2-hover.gif) repeat-x 0 0; }

*html ul#primary-nav li.menuparent a:hover {  background: url(main-navi-bg-hover.gif) repeat-x 0 0; display: block;  }
*html ul#primary-nav li.menuparent li a:hover {  background: url(main-navi-sub-1-hover.gif) repeat-x 0 0; display: block; width: 180px; }
*html ul#primary-nav li.menuparent li li a:hover {  background: url(main-navi-sub-2-hover.gif) repeat-x 0 0; display: block; width: 180px; }

*html ul#primary-nav li.menuparent a.active{  background: url(main-navi-bg-hover.gif) repeat-x 0 0;  }
*html ul#primary-nav li.menuparent li a.active {  background: url(main-navi-sub-1-hover.gif) repeat-x 0 0;  }
*html ul#primary-nav li.menuparent li li a.active {  background: url(main-navi-sub-2-hover.gif) repeat-x 0 0;}


ul#primary-nav li li,
ul#primary-nav li li li  {
display: block;
width: 180px;
height: 31px;
clear: both;
}


ul#primary-nav li a {  
background: url(main-navi-border.gif) no-repeat right top;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
float: left;
padding: 0 28px 0 28px;
}
ul#primary-nav li li a {  
background:none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%;}
/* End */

ul#primary-nav ul {
  position: absolute;
  display: none;
  top: 28px; /* Set 1px less than menu width */
  left: 0;
}
ul#primary-nav ul ul {
position: absolute;
display: none;
top: 0; /* Set 1px less than menu width */
left: 179px;
}
ul#primary-nav ul ul ul {
position: absolute;
display: none;
top: 0; /* Set 1px less than menu width */
}
  
  
  
ul#primary-nav li ul li a { padding: 2px 28px; } /* Sub Menu Styles */
*ul#primary-nav li ul li a { padding: 2px 28px 1px 28px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */
