/* common styling */
.menu           { line-height: 25px; margin: 0; position: relative; width: 710px; height: 25px }
.menu ul li a, .menu ul li a:visited             { color: #fff; font-size: 0.8em; line-height: 25px; text-decoration: none; text-align: left; text-transform: uppercase; display: inline; margin-right: 18px; margin-left: 18px; height: 25px; overflow: hidden }
* html .menu ul li a              { color: #fff; font-size: 0.8em; font-weight: bold; line-height: 25px; text-decoration: none; text-align: left; text-transform: uppercase; display: table-row; margin-right: 18px; margin-left: 18px; padding-bottom: 5px; height: 25px; overflow: hidden }
.menu ul li.last a, .menu ul li.active a               { color: #fff; font-size: 0.8em; line-height: 25px; text-decoration: none; text-align: left; text-transform: uppercase; display: inline; margin-right: 18px; margin-left: 18px; height: 25px; overflow: hidden }
* html .menu ul li.last a              { color: #fff; font-size: 0.9em; font-weight: bold; line-height: 25px; text-decoration: none; text-align: left; text-transform: uppercase; 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: 0.8em; line-height: 25px; text-decoration: underline; background-image: none; background-position: 0 0; text-align: left; text-transform: uppercase; display: inline; margin-right: 18px; margin-left: 18px; 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: 0.8em; font-weight: normal; text-decoration: none !important; background: #e0edc7; text-align: left; text-transform: none; display: block; padding-left: 5px; width: 167px; border-style: solid; border-width: 1pt 1pt 0; border-color: #6c5e00 }
.menu ul li:hover ul li.last a  { color: #000; font-size: 0.8em; font-weight: normal; text-decoration: none !important; background: #e0edc7; text-align: left; display: block; padding-left: 5px; width: 167px; border: solid 1pt #6c5e00 }
.menu ul li:hover ul li a:hover        { color: #000; font-weight: normal; text-decoration: none; background: #a3caf2 !important; text-transform: none; display: block; position: relative }
.menu ul li:hover ul li:hover ul  { display: block; position: absolute; top: 26px; left: 105px }