/* common styling */
.menu {font-family: arial, sans-serif; width:150px; position:relative; margin:0; font-size:.8em;  z-index: 10; }
.menu h3 { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; font-size: 1em;}
.menu li { line-height:2em; }
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#009; width:150px; text-align:center; border:1px solid #69f; border-width:1px 0 0 0;}

.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;}
.menu ul li:hover.current { cursor:default;	background: #ffc; }

.lastlink { height:0; border:1px solid #69f; border-width: 0 0 0 0; }
.arrow-right {background: url(images/arrow-right.gif) no-repeat 100% 60%; z-index:11;}
.arrow-left {background: url(images/arrow-left.gif) no-repeat 0 60%; z-index:11;}



/* specific to non IE browsers */
.menu ul li:hover a { color:#666; background:#bbd; }  /* #e7977e  */
.menu ul li:hover ul { display:block; position:absolute; top:3px; left:148px; width:200px; }
.menu ul li:hover ul li a.hide { color:#006; background:#bdb; }  /*  dfc184  */
.menu ul li:hover ul li:hover a.hide { width:200px; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { display:block; color:#006; background:#bdb; width:200px; }  /* b3ab79 */
.menu ul li:hover ul li a:hover { color:#666; background:#bbd; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:148px; top:0; color:#000; }
.menu ul li:hover ul li:hover ul li a { display:block; width:200px; background:#bbd; color:#000; }
.menu ul li:hover ul li:hover ul li a:hover { background:#bdb; color:#fff; }

