/* common styling */
.menu {font-family: verdana; width:195px; height:auto; position:relative; margin-left:10px; font-size:14px; margin:0px 0px 0px 0px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:195px; height:21px; text-align:left; border:0px solid #fff; border-width:0px 1px 1px 1px; background: url(images/menubg.jpg) repeat-x; line-height:19px; font-size:11px; margin-left: 5px; padding-left: 10px; padding-top: 5px}
.menu ul {padding:0px; margin:0px;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 {color:#fff; background: url(images/menubgover.jpg) repeat-x;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:196px; width:196px; padding-left: 10px}
.menu ul li:hover ul li a.hide {background:#e5ddaf; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#856e4c; color:#FFF; width:150px;filter:alpha(opacity=95); -moz-opacity:.50; opacity:.90;}
.menu ul li:hover ul li a:hover {background:#e5ddb0; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#e5ddb0; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#856e4c; color:#fff;}