#pmenu li a {font-size:10px; width:215px;background:#d5d7d9;z-index:1;display:block;color:#777;padding:6px; text-decoration:none; text-align:left; text-transform:none;}

#pmenu li{padding:0 1px 0 1px;background:#d5d7d9;border-bottom:1px solid #cdcfd1;}
/* Set up the sub level borders */

/* For Non-IE browsers and IE7 */
#menu li:hover {z-index:1;position:relative;}

/* Make the hovered list color persist */
#menu ul li ul li:hover > a {background:#d5d7d9; color:#6E592D;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#menu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#menu li:hover > ul {display:block; position:absolute; top:-10px; left:-30px; top:34px;padding:1px 30px 30px 30px;}

#menu li:hover {color:#2d3538;background: url("../images/bgmenu_over.jpg") repeat-x;}


#menu li:hover #pmenu li:hover {background:#bdc1c4; color:#2d3538;}
.pmenu li ul #fly{display:none; }
.pmenu li ul li:hover #fly{display:block; position:absolute; top:-1px; left:100px;}
.pmenu li ul li #fly a {background:#d5d7d9; color:#777;}
.pmenu li ul li #fly a:hover {background:#bdc1c4; color:#2d3538;}

/* Position the first sub level beneath the top level liinks */
#menu > li:hover > ul {left:-30px; top:75px;}

/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #menu li a:hover {position:relative; background:#333; color:#fff;}