1422 1463 1939 1967 1530 1229 1544 1667 1410 1005 1399 1753 1933 1388 1135 1077 1147 1851 1244 1711 1629 1772 1043 1143 1576 1937 1464 1615 1636 1793 1410 1329 1410 1644 1998 1429 1294 1799 1639 1790 1091 1191 1417 1952 1810 1824 1614 1778 1333 1679 1775 1958 1308 1406 1698 1163 1924 1343 1160 1393 1039 1190 1369 1677 1388 1033 1464 1232 1747 1720 1836 1233 1236 1100 1872 1367 1710 1564 1524 1782 1598 1075 1807 1834 1948 1998 1436 1543 1807 1069 1136 1589 1993 1925 1395 1428 1522 1054 1812 .ddsmoothmenu{ font: bold 14px Tahoma; background-color: #053587; /*#414141; /*background of menu bar (default state)*/ width: 100%; } .ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .ddsmoothmenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .ddsmoothmenu ul li a { display: block; background: #053587; /*#414141; /*background of menu items (default state)*/ font-size: 14px; color: white!important; padding: 8px 10px; border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; } .ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #006CD1!important; color: white; } .ddsmoothmenu ul li a:hover{ background: #006CD1; /*background of menu items during onmouseover (hover state)*/ color: white; } /* sub menus */ .ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; } /*Sub level menu list items (alters style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ font: normal 13px Tahoma; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */ } .toplevelshadow{ margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */ opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */ } .ddcss3support .ddshadow.toplevelshadow { margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */ /* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */ } .ddcss3support .ddshadow { background-color: transparent; box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */ -moz-box-shadow: 5px 5px 5px #aaa; -webkit-box-shadow: 5px 5px 5px #aaa; }