/* common styling */
.menu              { line-height: 25px; margin: 0; padding-top: 6px; padding-left: 45px; position: relative; width: 1000px; height: 36px }
*html .menu  { line-height: 25px; margin: 0; padding-left: 25px; position: relative; width: 1000px; height: 25px }
.menu ul li a, .menu ul li a:visited               { color: #fff; font-size: 1em; line-height: 25px; text-decoration: none; text-align: left; display: inline; margin-right: 20px; margin-left: 20px; height: 25px; overflow: hidden }
* html .menu ul li a                { color: #fff; font-size: 1em; font-weight: bold; line-height: 25px; text-decoration: none; text-align: left; display: table-row; margin-right: 20px; margin-left: 20px; padding-bottom: 5px; height: 25px; overflow: hidden }
.menu ul li.last a, .menu ul li.active a                 { color: #fff; font-size: 1em; line-height: 25px; text-decoration: none; text-align: left; display: inline; margin-right: 20px; margin-left: 20px; height: 25px; overflow: hidden }
* html .menu ul li.last a                 { color: #fff; font-size: 1em; font-weight: bold; line-height: 25px; text-decoration: none; text-align: left; display: table-row; margin-right: 5px; margin-left: 5px; padding-bottom: 5px; height: 25px; overflow: hidden }
.menu ul    { list-style-type: none; margin: 0; padding: 0 }
.menu ul li    { margin-right: 1px; position: relative; float: left }
.menu ul li ul  { display: none }

/* specific to non IE browsers */
.menu ul li:hover a           { color: #fff; font-size: 1em; line-height: 25px; text-decoration: underline; background-image: none; background-position: 0 0; text-align: left; display: inline; margin-right: 20px; margin-left: 20px; height: 25px }
.menu ul li:hover ul        { display: block; position: absolute; top: 25px; left: 0; width: 167px }
.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 {display: none;}
.menu ul li:hover ul li a              { color: #000; font-size: 1em; font-weight: normal; text-decoration: none !important; background: #ccc; text-align: left; display: block; padding-left: 5px; width: 220px }
.menu ul li:hover ul li.last a     { color: #000; font-size: 1em; font-weight: normal; text-decoration: none !important; background: #ccc; text-align: left; display: block; padding-left: 5px; width: 220px }
.menu ul li:hover ul li a:hover          { color: #fff; font-weight: normal; text-decoration: none; background: #666; display: block; position: relative }
.menu ul li:hover ul li:hover ul   { display: block; position: absolute; top: 26px; left: 105px }