/* CSS Document */
<style type="text/css">

body,td,div,p,a,font,span{font-family:Cambria;}
.i{ margin-left: .5em; margin-right: 1em;}
.s { line-height: 135%; } 
.c {width:20%;vertical-align:top;margin:0px; border-top:1px;}
.h {ssborder-top:1px;}
.d {width:1px;}
.t {font-weight:bold;font-size:14px; text-decoration:none;margin:2px 2px 2px 2px;}
.t2 {font-weight:bold;font-size:12px; text-decoration:none;margin:0px 0px 2px 0px;}
.h {background:#fffccc;border:1px solid #fff666; margin:0px 0px 2px 2px;}
ul.col {margin:1px;padding:2px;list-style-position: inside; border:1px #fffccc; font-size:12px }
ul.col2 {margin:1px 0px 1px 10px;padding:5px 0px;list-style-position: inside; border:1px #fffccc;}
li {color:#CCCCFF;list-style-type:disc;}

.default {
	font-family:Cambria;
	font-size:12px;
	color:#000000;
	font-style:normal;
	text-shadow:Aqua;
}

.bodytext {
	font-family:Cambria;
	font-size:14px;
	color: #3366cc;
	font-weight:bold;
	font-style:normal;
}

.smalltext {
	font-family:Cambria;
	font-size:-1px;
	color: #3366cc;
	font-style:normal;
}

.fieldBG { height: 20px; background-image: url(pictures/fieldBG.gif); background-repeat: repeat-x; border: 1px solid #5972C8; background-position: top; }
body,td,th {
	font-size: 12px;
	color: #000000;
	font-family: Cambria;
}

h2 {
	font-size: 14px;
	color: #3366cc;
	font-family:Cambria;
}

h1 {
	font-size: 18px;
	color: #000000;
	font-family:Cambria;

a:visited{
	text-decoration: underline;
	color: #3366cc;
	font-family:Cambria;
	}

a:active{
	text-decoration: underline;
	color: #3366cc;
	font-family:Cambria;
	}

a:hover{
	text-decoration:none;
	color:#00CCFF;
	font-family:Cambria;
	}

.sidebar1{
font-family:Cambria;
font-size:14px;
}

.lowertext{
font-family:Cambria;
font-size:10px;
color:#666666;
}

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.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
}

</style>

<script type="text/javascript">

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; x<gradientshadow.depth; x++){
			var newSd = document.createElement("DIV")
			newSd.className = "shadow_inner"
			newSd.id="shadow"+gradientshadow.containers.length+"_"+x //Each shadow DIV has an id of "shadowL_X" (L=index of target element, X=index of shadow (depth) 
			if (a[i].getAttribute("rel"))
				newSd.style.background = a[i].getAttribute("rel")
			else
				newSd.style.background = "black" //default shadow color if none specified
			document.body.appendChild(newSd)
		}
	gradientshadow.containers[gradientshadow.containers.length]=a[i]
	}
}
gradientshadow.position()
window.onresize=function(){
	gradientshadow.position()
}
}

gradientshadow.position=function(){
if (gradientshadow.containers.length>0){
	for (var i=0; i<gradientshadow.containers.length; i++){
		for (var x=0; x<gradientshadow.depth; x++){
  		var shadowdiv=document.getElementById("shadow"+i+"_"+x)
			shadowdiv.style.width = gradientshadow.containers[i].offsetWidth + "px"
			shadowdiv.style.height = gradientshadow.containers[i].offsetHeight + "px"
			shadowdiv.style.left = gradientshadow.containers[i].offsetLeft + x + "px"
			shadowdiv.style.top = gradientshadow.containers[i].offsetTop + x + "px"
		}
	}
}
}

if (window.addEventListener)
window.addEventListener("load", gradientshadow.create, false)
else if (window.attachEvent)
window.attachEvent("onload", gradientshadow.create)
else if (document.getElementById)
window.onload=gradientshadow.create

</script>