=============================================== */
/* common styling */
.menu {font: bold 14px arial; width:643px; height:30px; z-index:100;  float: left; color:#333; overflow:hidden; }
.menu ul li a, .menu ul li a:visited { text-decoration:none;   width:128px;  text-align:center; color:#333;  overflow:none; height: 30px; line-height: 30px; display: block;}
.menu ul {  list-style: none; font: bold 14px arial; padding: 13px 0 0 275px; margin: 0;}
.menu ul li {float:left; position: relative; border-right: 1px solid #eee; }
.menu ul li ul {display: none; }
.menu ul li a:hover { background: #cc0066 url('../images/navupbg.gif') repeat-x; color: #FFF; }
/* specific to non IE browsers */

.menu ul li:hover ul {display: block; position:absolute; top:30px; left:-1px; width:198px;  padding:0; margin:0; list-style: none; font: bold 12px arial; z-index: 20;}
.menu ul li:hover ul li a{ height: auto;  border: 1px solid #ccc; border-top: 0; width: 198px; text-align:left;  color: #fff;  background: #cc0066 url('../images/navupbg.gif') repeat-x;  display: block; padding-left: 5px; border-right: 0;}
.menu ul li:hover ul li a:hover { height: auto;   width: 198px;  background: url('../images/navbg.jpg'); color: #333; text-align: left; padding-left: 5px; display: block;}