/* common styling */
.menu { font-family: georgia, sans-serif; width: 199px; height: 150px; position: relative; margin: 0 0 0 1px; font-size: 11px; }
.menu ul li a, .menu ul li a:visited { display: block; text-decoration: none; color:#fff; width: 195px; height: 20px; text-align: center; border: 1px solid #fff; border-width: 1px 1px 0 0; background: #277222; line-height: 19px; font-size: 13px; }
.menu ul { padding: 0; margin: 0; list-style-type: none; }
.menu ul li { float: left; margin-right: 1px; position: relative; }
.menu ul li ul { display: none; }

/* specific to non IE browsers */
.menu ul li:hover a { background: #3ea12d; color: #fff; }
.menu ul li:hover ul { display: block; position: absolute; top: 0; left: 195px; width: 195px; }
.menu ul li:hover ul li a.hide { background: #3ea12d; color: #fff; }
.menu ul li:hover ul li:hover a.hide { width: 195px; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { display: block; background: #3ea12d; color: #fff; width: 195px; }
.menu ul li:hover ul li a:hover { background: #277222; color: #fff; }
.menu ul li:hover ul li:hover ul { display: block; position: absolute; left: 196px; top: 0; color: #fff; }
.menu ul li:hover ul li:hover ul li a { display: block; width: 195px; background: #277222; color: #fff; }
.menu ul li:hover ul li:hover ul li a:hover { background: #277222; color: #fff; }