body { background-color: #333; } h3 { color: #0086bd; } .oddrow { background-color: #eeeeff; } /* --------------------------------------------------------------------------------------- */ /* Nest Side bar menu */ /* Start */ .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: 14px Verdana; width: 218px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; /* border-left: 8px solid #ffa1a3; thick left border of menu */ } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a { background: white url(../images/vstrips.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */ font: 14px Verdana; display: block; color: black; width: auto; border-bottom: 1px solid #ffea44; /* White border beneath each menu item link, to add depth */ padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 20px; text-decoration: none; } /* Top level menu with submenu */ .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background: white url(../images/vstrips.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */ font: 14px Verdana; display: block; color: black; width: auto; border-bottom: 1px solid #ffea44; /* White border beneath each menu item link, to add depth */ padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 20px; text-decoration: none; background-color: #010D58; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: black; } .sidebarmenu ul li a:hover{ /* bbackground-position: -387px 0; Shift background image horizontally 387px, or the start of the 2nd background image color: red; */ } /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; font: 20px "Lucida Grande", "Trebuchet MS", Verdana; width: 218px; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarmenu a.subfolderstyle{ background: url(right.gif) no-repeat 97% 50%; } /* Holly Hack for IE \*/ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */