#background {margin:20px auto; height:200px; text-align:center; color:#fff;}
#menu {height:35px; margin:0 auto; padding-left: 10px; text-align:left; position:relative; font:normal 13px/1em helvetica, arial, sans-serif; text-align:center; z-index:500;}
#nav {padding:0; height:45px; margin:0; list-style:none; margin:0 auto; background:url(divider3.gif) no-repeat left top; position:relative; left:0px;}
#nav div {position:absolute; left:-9999px;}
#nav table {border-collapse:collapse: position:absolute; left:0; top:0; width:0; height:0;}
#nav li {float:left;}

#nav li a {display:block; padding:0; text-indent:10px; background:url(divider2.gif) no-repeat right top; text-decoration:none; text-align:left; color:#fff; font:normal 15px/33px helvetica, arial, sans-serif; text-shadow: #333333 0.1em 0.1em 0.1em;}
#nav li a.p1 {width:110px; height: 32px;}
#nav li a.p2 {width:118px; height: 32px;}
#nav li a.p3 {width:155px; height: 32px;}
#nav li a.p4 {width:112px; height: 32px;}
#nav li a.p5 {width:124px; height: 32px;}
#nav li a.p6 {width:151px; height: 32px;}
#nav li a.p7 {width:128px; height: 32px;}

#nav li:hover {position:relative;}
#nav li a:hover {z-index:100; background:#336699; border:1px solid #fff; border-width:0 1px; position:relative; left:-2px; top:0; margin-right:-2px; text-indent:11px;}
#nav li:hover > a {z-index:100; background:#336699; border:1px solid #fff; border-width:0 1px; position:relative; left:-2px; top:0; margin-right:-2px; text-indent:11px;}

#nav :hover div {left:-2px; top:32px; padding:0 8px 0 0; width:210px; z-index:500; height:auto;}
#nav li.right:hover div {left:auto; right:-8px; top:27px; padding:0 8px 0 0; width:210px; z-index:500; height:auto;}

#nav :hover div b {display:block; width:218px; height:100%; background:url(shadowa.png) repeat-y right bottom; position:absolute; right:0; top:0; z-index:10;}
#nav li:hover div em {display:block; width:218px; height:8px; background:url(shadowb.png) no-repeat right bottom; position:absolute; left:0; bottom:-8px;}

#nav :hover div ul {padding:5px 0 0 0; margin:0; list-style:none; background: url(sub-back.jpg) no-repeat top center; border:1px solid #fff; border-top:0; height:auto; width:208px; padding:0px 0 5px 0; position:relative; z-index:20;}
#nav :hover div ul li {padding:5px 0 0 0; float:none; width:100%;}
#nav :hover div ul li a {display:block; width:190px; padding:0px 9px 5px 11px; line-height:1em; margin:0; position:static; border:0; background:transparent; text-indent:0; font:normal 13px/1em helvetica, arial, sans-serif;}
#nav :hover div ul li a:hover {color:#fff; font-weight: bold;}

