/* common styling */
.menu               { background-image: url(images/nav-off.png); background-repeat: repeat-x; width: 960px; height: 41px; clear: both }
.menu ul li a  { color: #fff; font-size: 17px; line-height: 41px; text-decoration: none; text-align: center; display: block; width: 160px }
/* .menu li.active a    { color: #fff; text-decoration: none; background-image: url(images/nav-on.png); background-repeat: no-repeat; background-position: 0 0; display: block }***/
/* .menu li.last a   { color: #d80000; font-size: 12px; line-height: 19px; text-decoration: none; text-align: center; display: block }***/
.menu ul  { list-style-type: none; margin: 0; padding: 0; float: right }
.menu ul li   { position: relative; float: left }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a        { color: #fff; text-decoration: none; background-image: url(images/nav-on.png); background-repeat: no-repeat; background-position: 0 0; display: block }
.menu ul li:hover ul        { display: block; position: absolute; top: 41px; left: 1px; width: 202px; height: 28px }
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul    { line-height: 28px; display: none; height: 28px }
.menu ul li:hover ul li a            { color: #fff; font-size: 12px; line-height: 27px; background: #914800; text-align: left; display: block; padding-left: 7px; width: 202px; border-bottom: 1px solid #fff }
.menu ul li:hover ul li a:hover        { color: #fff; text-decoration: none; background: #e67300; display: block; position: relative }
.menu ul li:hover ul li:hover ul    { display: block; position: absolute; top: 28px; left: 105px }