/*horizontalMenu styles*/

/* all lists */
#horizontalMenu, #horizontalMenu ul {padding:0; margin:0; list-style:none; line-height:1; width:760px;}
#horizontalMenu {margin-left:15px;}
#horizontalMenu a {display:block; color:#fff; padding:10px 0; text-align:center;}
#horizontalMenu li {float:left;}
.pipe {color:#fff; padding:10px 8px;}

#topLink9 a {padding-left:20px; background:url(/images/home-back.gif) left center no-repeat; *width:35px;}

/* 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*/