/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 

	img
	{
	border-width: 0px;
	vertical-align: middle;
	}

	body
	{
	
	font-family: verdana,arial;
	font-size: 9pt;
	color: rgb(0,0,0); /* rgb(0,0,0); */
	padding: 5px;
	background-color: rgb(150,150,160); 	/*rgb(190,190,255) */
	}

	a
	{
	color: rgb(40,60,120) /*#96C8FF; /*rgb(64,64,200);*/
	}

	a:visited
	{
	color: rgb(40,40,70) /*#8F9EAF; /*rgb(32,32,100);*/
	}


	h1
	{
	font-size: 1.6em;
	/*color: #FF9900;*/
	}


	/* Turn off list bullets */
	ul.mktree  li { list-style: none; font-family: verdana,arial; } 

	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
	
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(minus2.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(plus2.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(bullet.gif) center left no-repeat; }
	
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 1.2em; }
	ul.mktree  li ul li { font-size: 0.8em; }
	ul.mktree  li ul li ul li { font-size: 1em; }
	ul.mktree  li ul li ul li ul li { font-size: 1em; }

	/* Test */

	.thumbnail{
	position: relative;
	z-index: 0;
	}

	.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	}

	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: rgb(200,200,200);
	padding: 0px;
	left: -2000px;
	border: 2px outset rgb(200,200,200);
	visibility: hidden;
	color: black;
	text-decoration: none;
	text-align: center;
	}

	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 10px;
	}

	.thumbnail:focus span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -40px;
	left: 60px; /*position where enlarged image should offset horizontally */

	}
}