На сайте https://www.rusgu.ru/ в горизонтальном меню сделать кликабельные выпадающие подменю во всех пунктах не меняя дизайн сайта - мой css - вопрос №4164085

сейчас: html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset { margin:0; padding:0 } img,fieldset { border:0 } img { max-width:100%; height:auto; width:auto\9 } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block } body { background:#D6BFD6 no-repeat center top; font:.81em/150% Arial,Helvetica,sans-serif; color:#666 } a { color:#026acb; text-decoration:none; outline:none } a:hover { text-decoration:underline } p { margin:0 0 1.2em; padding:0 } ul,ol { margin:1em 0 1.4em 24px; padding:0; line-height:140% } li { margin:0 0 .5em; padding:0 } h1,h2,h3,h4,h5,h6 { line-height:1.4em; margin:20px 0 .4em; color:#000 } h1 { font-size:2em } h2 { font-size:1.6em } h3 { font-size:1.4em } h4 { font-size:1.2em } h5 { font-size:1.1em } h6 { font-size:1em } input[type=search] { -webkit-appearance:none; outline:none } input[type=«search»]::-webkit-search-decoration,input[type=«search»]::-webkit-search-cancel-button { display:none } #pagewrap { width:980px; margin:0 auto } #header { position:relative; height:160px } #site-logo { position:absolute; top:10px } #site-logo a { font:bold 30px/100% Arial,Helvetica,sans-serif; color:#fff; text-decoration:none } #site-description { font:italic 100%/130% «Times New Roman»,Times,serif; color:#fff; position:absolute; top:55px } #searchform { position:absolute; right:10px; bottom:6px; z-index:100; width:150px } #searchform #s { width:140px; float:right; background:#ffefd5; border:none; padding:6px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2); box-shadow:inset 0 1px 2px rgba(0,0,0,.2); -webkit-transition:width .7s; -moz-transition:width .7s; transition:width .7s } #main-nav { width:100%; background:#ccc; margin:0; padding:0; position:absolute; left:0; bottom:0; z-index:100; background:#6a6a6a url(images/nav-bar-bg.png) repeat-x; background:-webkit-gradient(linear,left top,left bottom,from(#b9b9b9),to(#6a6a6a)); background:-moz-linear-gradient(top,#b9b9b9,#6a6a6a); background:linear-gradient(-90deg,#b9b9b9,#6a6a6a); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.4); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.4); box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.4) } #main-nav li { margin:0; padding:0; list-style:none; float:left; position:relative } #main-nav li:first-child { margin-left:10px } #main-nav a { line-height:100%; font-weight:700; color:#fff; display:block; padding:14px 15px; text-decoration:none; text-shadow:0 -1px 0 rgba(0,0,0,.5) } #main-nav a:hover { color:#fff; background:#474747; background:-webkit-gradient(linear,left top,left bottom,from(#282828),to(#4f4f4f)); background:-moz-linear-gradient(top,#282828,#4f4f4f); background:linear-gradient(-90deg,#282828,#4f4f4f) } #content { background:#fff; margin:30px 0; padding:20px 35px; width:600px; float:left; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); -moz-box-shadow:0 1px 3px rgba(0,0,0,.4); box-shadow:0 1px 3px rgba(0,0,0,.4) } .post { margin-bottom:40px } .post-title { margin:0 0 5px; padding:0; font:bold 26px/120% Arial,Helvetica,sans-serif } .post-title a { text-decoration:none; color:#000 } .post-meta { margin:0 0 10px; font-size:90% } .post-image { margin:0 0 15px } #sidebar { width:280px; float:right; margin:30px 0 } .widget { background:#fff; margin:0 0 30px; padding:10px 20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); -moz-box-shadow:0 1px 3px rgba(0,0,0,.4); box-shadow:0 1px 3px rgba(0,0,0,.4) } .widgettitle { margin:0 0 5px; padding:0 } .widget ul { margin:0; padding:0 } .widget li { margin:0; padding:6px 0; list-style:none; clear:both; border-top:solid 1px #eee } .widget .flickr_badge_image { margin-top:10px } .widget .flickr_badge_image img { width:48px; height:48px; margin-right:12px; margin-bottom:12px; float:left } #footer { clear:both; color:#fff; font-size:85% } #footer a { color:#fff } .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 } .clearfix { display:inline-block; display:block; zoom:1 } .buttonup { width:45px; height:45px; position:fixed; bottom:20px; right:30px; } Что добавить или изменить чтобы работало по