/*horizontalMenu styles*/

/* all lists */
#horizontalMenu, #horizontalMenu ul {padding:0; margin:0; list-style:none; line-height:1; }
#horizontalMenu a {display:block;  padding:10px 0; text-align:center;}
#horizontalMenu li {float:left;}
.pipe {color:#fff; padding:10px 5px;}
 
/* second-level lists */
#horizontalMenu li ul {position:absolute; background:#fff; width:13em; left:-999em; border:1px solid #29613F; border-top:0; z-index:20; margin-left:-9px;}
#horizontalMenu li ul li {display:block; width:13em; border-top:1px solid #29613F;}
#horizontalMenu li ul li a {display:block; padding:0.5em 0.5em 0.5em 1.5em; text-align:left; width:auto; *width:11em; background:url(/images/hm-arrow-lightgreen.gif) left center no-repeat;}
#horizontalMenu li ul li a:hover {background:#F5E4D1 url(/images/hm-arrow-darkgreen.gif) left center no-repeat;}
/* third-and-above-level lists */
#horizontalMenu li ul ul {margin:-2.1em 0 0 13em;}
#horizontalMenu li:hover ul ul, #horizontalMenu li.sfhover ul ul {left:-999em;}

/* lists nested under hovered list items */
#horizontalMenu li:hover ul, #horizontalMenu li li:hover ul, #horizontalMenu li.sfhover ul, #horizontalMenu li li.sfhover ul {left:auto;}

/*top level styles - you need to define a width for each of you top links otherwise safari doesn't like it*/