#menu {background: #0067A3; width: 100%; height: 18px; margin:-3px 0 0 0; padding:0; background: #0067A3;}

#menu ul {list-style: none; margin: 0 0 0 3px; padding: 0; background: #0067A3; float: left; height: 18px; width: auto; z-index: 999; }
*html #menu ul {width: 1%;}
#menu li {float: left; position: relative; background: #0067A3; back\ground: none;}
#menu li ul {display: none; position: absolute; background:none; margin:0; width:1%}

#menu a {text-decoration: none; display: block; padding: 2px 10px; color: #FFFFFF; font-size: 11px;}
#menu a:hover {color: #FFFFFF; background: #1C89CC}
#menu li li a {border: 1px solid #FFF; border-width: 1px 1px 0 0; background: #CFE8F9; color: #004A91; width: 200px; display: block; }
#menu li li a:hover {border: 1px solid #FFF; border-width: 1px 1px 0 0; color: #EB3D00; background: #ddd; width: 200px; }

#menu li:hover {background: #1C89CC}
#menu li:hover ul {display:block}

/* 
Это третий уровень меню. Его надо настроить.
 
#menu li:hover li ul {display: none; width: 138px; top: -9px; left: 118px; lef\t: 133px;}
#menu li:hover li:hover ul {display: block;}
*/

#menu h2 {font-size:11px; font-weight: normal; color: #fff; display: block; white-space: nowrap;}

.num { font-family: sans-serif; background: white; color: black }