/* common styling */
.menu                 { background-image: url(images/nav-off.jpg); background-repeat: repeat-x; z-index: 10; width: 960px; height: 43px; clear: both }
.menu ul li a   { color: #fff; font-size: 17px; line-height: 43px; 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.jpg); 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; z-index: 10; 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.jpg); background-repeat: no-repeat; background-position: 0 0; display: block }
.menu ul li:hover ul         { display: block; position: absolute; top: 43px; 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: #0678b3; text-align: left; display: block; padding-left: 7px; width: 152px; border-bottom: 1px solid #fff }
.menu ul li:hover ul li a:hover         { color: #fff; text-decoration: none; background: #7fc31c; display: block; position: relative }
.menu ul li:hover ul li:hover ul    { display: block; position: absolute; top: 28px; left: 105px }