[== css ==]
#primary-nav li li {  width: 160px; }

#primary-nav, #primary-nav ul { list-style: none; margin: 0; padding: 0 0 0 0;  }
#primary-nav ul { position: absolute; top: auto;  border-right: 4px solid #77787b; display: none; 
background-color:#939598; border-bottom: 3px solid #79787d; }
#primary-nav ul ul { margin-top: 10px; margin-left: -1px; left: 100%; top: 0;  }
	
#primary-nav li {  margin-left: -1px; float: left; border-bottom: 2px solid #ffffff;  }

#primary-nav li li { color: #fff; font-variant: normal;  margin-left: 0; margin-top: -2px; float: none; 
position: relative; border-bottom: 2px solid #ffffff; 
height: 40px; border-right: 2px solid #fff; white-space:nowrap; }

/* Styling the basic apperance of the menu elements */
#primary-nav a { display: block; margin: 0; text-decoration: none; color: #fff; font-size: 16px; line-height: 40px; text-align: center; font-family: Arial;
}

#primary-nav li a { background-color: #939598;  position: relative;  height: 41px; margin-right: 25px;  
border-right: 2px solid #fff; border-left: 2px solid #fff; font-weight: bold; padding-right: 15px; padding-left: 15px;
width: 140px;
}

#primary-nav li li a { font-size: 13px; line-height: 40px;  min-height: 40px; text-align: left;  padding-left: 40px; background-image: url(/uploads/images/layout/li.gif); background-repeat: no-repeat; 
background-position: 10px center; width: 115px;   }	
#primary-nav li, #primary-nav li.menuparent { background-image: none; }




/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {  }
#primary-nav li li.menuactive { }

span.underline { 


} 

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
    }


/* Styling the apperance of menu items on hover */

#primary-nav li li a:hover {background-image: url(/uploads/images/layout/li_a.gif); background-repeat: no-repeat; background-position: 10px center; min-height: 40px;} 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {background-image: url(/uploads/images/layout/li_a.gif); background-repeat: no-repeat; background-position: 10px center; }

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { height: 1%; }