.menu { list-style-type: none; margin: 0; padding: 0; width: 180px; /* width of menu */ }
.menu li { border-bottom: 1px solid white; /* white border beneath each menu item */ }
.menu li a { background: #333 url(../images/menu.gif) no-repeat right top; /*color of menu by default*/ font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana; display: block; color: white; width: auto; padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 8px; text-decoration: none; border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/ }
.menu li a:visited, .menu li a:active { color: white; }
.menu li a:hover { background-color: black; /*color of menu onMouseover*/ color: white; border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/ }
.submenu { list-style-type: none; margin: 0; padding: 0; width: 180px; /* width of menu */ }
.submenu li { border-bottom: 1px solid white; /* white border beneath each menu item */ }
.submenu li a { background: #747170 url(../images/submenu.gif) no-repeat right top; /*color of menu by default*/ font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana; display: block; color: white; width: auto; padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 8px; text-decoration: none; border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/ }
.submenu li a:visited, .menu li a:active { color: white; }
.submenu li a:hover { background-color: black; /*color of menu onMouseover*/ color: white; border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/ }
* { margin: 0; padding: 0 }
.sm { list-style: none; width: 775px; height: 40px; display: block; overflow: hidden }
.sm li { float: left; display: inline; overflow: hidden }
img { border-radius: 4px !important; }