#navigation { float: right; width: 340px; margin: 100px auto 0 auto; height: 25px; font: 12px Arial }

/* First-Level Menu Items */
#navigation ul { float: left; list-style-type: none; line-height: 1; margin: 0; padding: 0;; z-index: 9997  }
#navigation ul li a { display: block; color: #ccc; text-decoration: none; padding: 6px; }
#navigation ul li a:hover { color: #ccc; }
#navigation ul li:hover { background-color: transparent; }
#navigation ul li { float: left; padding: 0; margin: 0 8px 0 8px; }

/* Second-Level Menu Items */
#navigation ul li ul { position: absolute; left: -999em; margin: -3px 0 0 -5px; height: auto; width: 135px; font: 11px Arial; z-index: 9998 }
#navigation ul li ul li { background: #142f87; border-bottom: 1px solid #142f87; height: auto; width: 135px; }
#navigation ul li ul li:hover, #navigation li.sfhover { background: #09153d; }
#navigation ul li ul li a { color: #eee; text-decoration: none; }
#navigation ul li ul li a:hover { color: #fff; }

/* Third-Level Menu Items */
#navigation ul li ul li ul { margin: -24px 0 0 127px;  z-index: 9999 }
#navigation ul li ul li ul li { background: #ddd; border-bottom: 1px solid #bbb; }

/* Arrows, Show & Hide Commands */
#navigation ul li ul a.parent { background: URL("../images/arrow.gif") no-repeat right center; }
#navigation #nav li:hover ul ul, #navigation #nav li:hover ul ul ul, #navigation #nav li.sfhover ul ul, #navigation #nav li.sfhover ul ul ul { left: -999em; }
#navigation #nav li:hover ul, #navigation #nav li li:hover ul, #navigation #nav li li li:hover ul, #navigation #nav li.sfhover ul, #navigation #nav li li.sfhover ul, #navigation #nav li li li.sfhover ul { left: auto; }