/* стр 23 - цвет подложки выпадающего меню */
/* стр 27 - цвет шрифта выпадающего меню */
/* стр 32 - цвет выделения подложки выпадающего меню */
#outer {width:100%; text-align:center; position:relative;}
.pad1 {width:51px; background:#3300cc; float:center; margin-top:0px; margin-right:0px;}
.pad2 {width:52px; background:#3300cc; float:center; margin-top:0px;}
.topline {width:100%; height:3px; background:#3300cc;}

#menu {z-index:100; list-style-type:none; padding:0; margin:0 0 0 0px;}
#menu ul {z-index:100; list-style-type:none; padding:0; margin:0;}
#menu li {z-index:100; float:left; background:#cdc; margin:0px 0px 0 0; border:0px solid #fff; width:108px;}

#menu li.xsub   {background:#ffcc33; color:#000000; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 4px; padding-bottom: 4px;}
#menu li.xsub1 {background:#8f9f56; color:#ffcc33; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 7px; padding-bottom: 7px;}
#menu li.xsub9 {background:#8f9f56; color:#ffcc33; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 4px; padding-bottom: 4px;}
#menu li.xsub2 {background:#b9d5fd; color:#555555; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 7px; padding-bottom: 7px;}
#menu li.xsub3 {background:#cccccc; color:#555555; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 7px; padding-bottom: 7px;}
#menu li.xsub4 {background:#8b96a8; color:#eeeeee; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; line-height: 1em; padding-top: 1px; padding-bottom: 1px;}
#menu li.xsub5 {background:#ffffff; color:#333333; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; line-height: 1em; padding-top: 1px; padding-bottom: 1px;}
#menu li.xsub6 {background:#666666; color:#ffffff; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; line-height: 1em; padding-top: 4px; padding-bottom: 4px;}
#menu li.xsub7 {background:#5c92d0; color:#ffffff; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 7px; padding-bottom: 7px;}
#menu li.xsub8 {background:#cccccc; color:#333333; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; text-decoration:none; text-align:center; padding-top: 4px; padding-bottom: 4px;}

#menu li.sub {background:#ffff99; width:100%;}
#menu li.sub1 {background:#ffcc33; width:100%;}

/* for IE5.5 and IE6 only */

#menu li a {display:block; color:#003399; font-weight: bold; font-family:verdana, sans-serif; font-size:8px; padding:3px 5px 3px 5px; text-decoration:none; text-align:center;}
#menu li a table {position:absolute; left:0; top:0px; width:0; height:0;}

#menu :hover {position:relative;}
#menu :hover > a.xx { background: #999999;}
#menu :hover > a.xx1 { background: #cccccc;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;}

#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:100%; left:0px; top:24px; } /* the background image is for IE7 */