.glossymenu{ margin: 0; padding: 0px; width: 168px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .menuhead{ color:#fff; margin: 0px 0px 2px 0px; display:block; text-align: center; font-size:larger;  font-weight: bold; } .glossymenu a.menuitem{ background: #c3dcf2; border-bottom: 1px solid #ccc; color: #464646; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: 164px; padding: 4px 0; padding-left: 4px; text-decoration: none; } .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: #464646; } .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } .glossymenu a.menuitem:hover{ background: url("palette-bg.jpg") repeat-x 0px -80px; color: #fff; } .glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; } .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } .glossymenu div.submenu ul li{ border-bottom: 1px solid #ccc; } .glossymenu div.submenu ul li a{ display: block; font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; background: url("palette-bg.jpg") repeat-x 0px -40px; color: #464646; text-decoration: none; padding: 2px 0; padding-left: 4px; } .glossymenu div.submenu ul li a:hover{ background: url("palette-bg.jpg") repeat-x 0px -80px; color: #fff; } .glossymenu div.submenu ul li a:active{ background: url("palette-bg.jpg") repeat-x 0px -80px; color: #fff; } .glossymenu div.submenu ul li a:focus{ background: url("palette-bg.jpg") repeat-x 0px -80px; color: #fff; } .acc_caption {font-size:larger; font-weight: bold;}	/*Caption for Brochure and Section List*/