td { font: 1em Arial; } .heading{ font: 1.5em Arial; color: navy; text-decoration: none; font-weight: 100; } A.leftmenu{ font-size: 1em; color: navy; text-decoration: none; font-weight: 100; } A.leftmenu:hover{ color: gray; text-decoration: none;} A.footer{ font-size: .8em; color: black; text-decoration: none; } A.footer:hover{ color: gray; text-decoration: none;} .small { font: .9em; } html, body{ scrollbar-face-color:#6980A1; scrollbar-base-color:#EBF5FF; scrollbar-arrow-color:white; scrollbar-track-color:#F3F3F3; scrollbar-shadow-color:#EBF5FF; scrollbar-highlight-color:#EBF5FF; scrollbar-3dlight-color:#78AAFF; scrollbar-darkshadow-Color:#78AAFF; } .thumbnail{ position: relative; z-index: 0; text-decoration: none; } .thumbnail:hover{ background-color: transparent; z-index: 50; text-decoration: none; } .thumbnail span{ /*CSS for enlarged image*/ width: 250px; position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } .menu ul{ list-style-type:none; } .menu li{ display:inline; } .menu a{ float: right; text-decoration: none; color: white; background: #6980A1; padding: 5px; font-size: 13px; } .menu a:hover{ background:silver; } .sidebar{ font: 10pt arial; color:gray; padding: 10;} .shadow{ border-top: 1px solid silver; border-bottom: 1px solid silver; border-right: 1px solid silver; font: 11pt arial; position: relative; display: inline; background: white; z-index: 100; padding: 10; } .shadow_inner{ overflow:hidden; position:absolute; top: -1000px; filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/ opacity:0.1; /*firefox 1.5 opacity*/ -moz-opacity:0.1; /*mozilla opacity*/ -khtml-opacity:0.1; /*opacity*/ z-index:10 } The javascript for the shadow effect... var gradientshadow={} gradientshadow.depth=6 //Depth of shadow in pixels gradientshadow.containers=[] gradientshadow.create=function(){ var a = document.all ? document.all : document.getElementsByTagName('*') for (var i = 0;i < a.length;i++) { if (a[i].className == "shadow") { for (var x=0; x0){ for (var i=0; i