/* CSS menu kompasiana */
#menu {width: 950px; height: 22px;margin-top:2px; text-align: left;float:left;position:relative; z-index:3;}
#menu ul {display: inline-block}
#menu ul.top-level {margin-left: 0px}
#menu ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; white-space: nowrap; list-style-type: none; text-align: left}
#menu li {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
#menu a {padding-right: 8px; display: block; padding-left: 8px; padding-bottom: 0px; font: 11px/22px arial,sans-serif; color: #444444; padding-top: 0px; text-decoration: none}
* html #menu ul.top-level {margin-left: 0px}
#menu li:hover > ul {visibility: visible}
#menu a:hover ul {visibility: visible}
#menu a:hover a:hover ul {visibility: visible}
#menu a:hover a:hover a:hover ul {visibility: visible}
#menu a:hover ul ul {visibility: hidden}
#menu a:hover a:hover ul ul {visibility: hidden}
#menu ul.top-level {margin: 0px auto}
#menu li.top-level-li {float: left; margin-right: 1px; position: relative}
#menu a.top-level-a {padding-right: 0px; padding-left: 8px; background: url(images/taba.gif) no-repeat left top; float: left; padding-bottom: 0px; padding-top: 0px;color: #ffffff}
#menu a.top-level-a B {padding-right: 8px; padding-left: 0px; background: url(images/tabb.gif) no-repeat right top; float: left; padding-bottom: 0px; cursor: hand; padding-top: 0px}
#menu a.top-level-selected {padding-right: 0px; padding-left: 8px; background: url(images/taba.gif) no-repeat left -30px; float: left; padding-bottom: 0px; padding-top: 0px;color: #063f6c}
#menu a.top-level-selected B {padding-right: 8px; padding-left: 0px; background: url(images/tabb.gif) no-repeat right -30px; float: left; padding-bottom: 0px; cursor: hand; padding-top: 0px}
#menu a.top-level-dashb {padding-right: 0px; padding-left: 8px; background: url(images/taba2.gif) no-repeat left top; float: left; padding-bottom: 0px; padding-top: 0px;color: #ffffff}
#menu a.top-level-dashb B {padding-right: 8px; padding-left: 0px; background: url(images/tabb2.gif) no-repeat right top; float: left; padding-bottom: 0px; cursor: hand; padding-top: 0px}
#menu a.top-level-a down B {padding-right: 8px; padding-left: 0px; background: url(images/tabb.gif) no-repeat right top; float: left; padding-bottom: 0px; cursor: pointer; padding-top: 0px}
#menu a.top-level-selected down B {padding-right: 8px; padding-left: 0px; background: url(images/tabb.gif) no-repeat right top; float: left; padding-bottom: 0px; cursor: pointer; padding-top: 0px}
#menu a.top-level-a:hover {background: url(images/taba.gif) no-repeat left -30px; white-space: nowrap;color: #063f6c}
#menu a.top-level-a:hover B {background: url(images/tabb.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.top-level-a:focus B {background: url(images/tabb.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.top-level-a:active B {background: url(images/tabb.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.top-level-dashb:hover {background: url(images/taba2.gif) no-repeat left -30px; white-space: nowrap;color: #063f6c}
#menu a.top-level-dashb:hover B {background: url(images/tabb2.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.top-level-dashb:focus B {background: url(images/tabb2.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.top-level-dashb:active B {background: url(images/tabb2.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.down:hover B {background: url(images/tabb.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.down:focus B {background: url(images/tabb.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu a.down:active B {background: url(images/tabb.gif) no-repeat right -30px; cursor: pointer; color: #063f6c}
#menu li.top-level-li:hover > a {background: url(images/taba.gif) no-repeat left -30px; white-space: nowrap}
#menu li.top-level-li:hover > a B {background: url(images/tabb.gif) no-repeat right -30px; color: #063f6c}
#menu li.top-level-li:hover > a.down B {background: url(images/tabb.gif) no-repeat right -30px; color: #063f6c}
#menu li ul {padding-right: 1px; display: block; padding-left: 1px; background: #8ba9be; left: 0px; visibility: hidden; padding-bottom: 0px; padding-top: 1px; position: absolute}
#menu li li {border-bottom: #8ba9be 1px solid}
#menu li li a {background: #ffffff}
#menu li li a:hover {background: #c1d1e0}
#menu li li:hover > a {background: #c1d1e0}
#menu li li a.fly {background: url(images/fly.gif) #fff no-repeat right top}
#menu li li a.fly:hover {background: url(images/fly.gif) #e3e6ed no-repeat right top}
#menu li li:hover > a.fly {background: url(images/fly.gif) #e3e6ed no-repeat right top}
#menu ul.drop-down {top: 22px; }
#menu li li ul {margin-top: -23px; left: 100%; margin-left: -5px;}
#menu table {left: 0px; position: absolute; top: 0px; border-collapse: collapse; text-align: left}
#menu table ul li a {padding-left: 10px;}
#menu table table {padding-right: 0px; padding-left: 0px; left: 100%; padding-bottom: 0px; margin: 0px; padding-top: 0px; top: auto}
#menu table table ul {margin-top: -7px}