/*horizontalMenu styles*/

/* all lists */
#horizontalMenuHolder {padding:8px 0; margin:0; text-align:center; width:100%; background-color:#EEE;}

#horizontalMenu, #horizontalMenu ul {padding:0; margin:0; list-style:none; line-height:1;}
#horizontalMenu {margin-left:5px; margin:auto; width:650px;}
#horizontalMenu a {display:block; color:#5C5C5C; font-weight:bold; padding:3px 0; text-align:center;}
#horizontalMenu li {float:left;}
.pipe {color:#5C5C5C; padding:3px 43px;}

#horizontalMenu .parent a {color:#5C5C5C;}


/* second-level lists */
#horizontalMenu li ul {position:absolute; background:#fff; width:13em; left:-999em; border:1px solid #5C5C5C; border-top:0; z-index:20;}
#horizontalMenu li ul li {display:block; width:13em; border-top:1px solid #5C5C5C;}
#horizontalMenu li ul li a {display:block; padding:0.5em; width:auto; *width:13em; text-align:left;}

/* third-and-above-level lists */
#horizontalMenu li ul ul {margin:-2.05em 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*/