<style type="text/css">
#info {height:450px;}

.trans, .trans ul {padding:0; margin:0; list-style:none;}
.trans {margin-left:10px;} 
.trans {border-left:1px solid #aaa; border-right:1px solid #aaa; border-top:1px solid #aaa; border-bottom:1px solid #aaa; width:200px; height:auto; background:#f0f0ff; filter:alpha(opacity=80);opacity:0.80; position:relative; z-index:500}

.menu, .menu ul {padding:0; margin:0; list-style:none;}

.menu {margin-left:1px;margin-right:1px;margin-top:1px;margin-bottom:1px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:200px; height:auto; background:#f0f0ff; position:relative; z-index:500}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:200px; height:38px;  border-right:1px solid #ddd ; z-index:500}
.menu li a {display:block; width:100%; height:38px; line-height:40px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left; z-index:500}

.menu li.sub a {background:url('media/grey.gif') no-repeat 185px center;}
.menu li a:hover {white-space:nowrap; position:relative; color:#f00;}
.menu li.sub a:hover {background:url('media/blue.gif') no-repeat 185px center; color:#f00}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}
.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url('media/blue.gif') no-repeat 185px center; color:#f00}

// .menu li.home {background:url('media/home.gif') no-repeat 10px center;}

.menu li.home {background:url('media/kardiagr.png') no-repeat 10px center;}
.menu li.menu1 {background:url('media/organ2.gif') no-repeat 10px center;}
.menu li.menu2 {background:url('media/party.gif') no-repeat 10px center;}
.menu li.menu3 {background:url('media/handshak.ico') no-repeat 10px center;}
.menu li.menu4 {background:url('media/atom.ico') no-repeat 10px center;}
.menu li.menu5 {background:url('media/secur05.ico') no-repeat 10px center;}
.menu li.menu6 {background:url('media/safe.gif') no-repeat 10px center;}
.menu li.menu7 {background:url('media/phone.ico') no-repeat 10px center;}




.menu :hover ul {width:180px; height:auto; left:198px; top:5px; background:#f0f0ff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:180px; height:auto; left:178px; top:-1px; background:#f0f0ff; }

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a {width:180px; height:25px; line-height:25px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a {background:url('media/grey.gif') no-repeat 165px center; color:#777}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover {background:url('media/blue.gif') no-repeat 165px center; color:#f00}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a {background:url('media/blue.gif') no-repeat 165px center; color:#f00}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a {background:#f0f0ff; color:#777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a :hover {background:#f0f0ff; color:#f00;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b {display:block; background:#f0f0ff; color:#f00; font-weight:normal;}


</style>