﻿body 
{
    font-family: Garamond, Times New Roman, Serif, Verdana, Arial, Sans-Serif;
    font-size: .8em;            
    background-color: White;
    background-image: url(../bg2.gif);
    margin: 0;
    padding: 0;
}

img 
{
    border: 0;
}

h2 
{
    background-color: Black;
    color: White;
    padding: .5em;
    white-space: nowrap;
    overflow: visible;
}

ul li 
{
    position: relative;
    list-style-type: none;
    white-space: nowrap;
    margin: 1px;
}

ul li a img
{
    vertical-align: middle;
}

ul li a:hover img
{
    /*margin-left: -5px;
    margin-right: 5px;*/
}

ul li a:hover 
{
    /*color: Blue;*/
}

a 
{
    text-decoration: none;
    color: black;
}

.name 
{
    font-weight: bold;
}

a.show span
{
    visibility: hidden;
}

a span.show, a.show:hover span
{
    font-family: Georgia, Serif;
    margin-left: 1em;
    display: none;
    font-size: 90%;
    color: Blue;
    right: 0;
}

a.show:hover span
{
    visibility: visible;
    display: inline;
}

a:hover span.show 
{
    display: inline;
}

ul li div.preview
{
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    top: 28px;
    right: 0;
    width: 80%;
    z-index: 500;
    overflow: visible;
    padding: 1em;
    margin-top: -1em;
}

ul li:hover div.preview
{
    /*display: block;*/
    visibility: visible;
}

ul li:hover 
{
    /*background-color: Green;*/
}

.delicious a 
{
    color: Blue;
}


/* begin shadow style
    ...from http://www.hedgerwow.com/360/dhtml/css-fuzzy-shadow.html */

div.shadowContainer {
	position: relative;
	z-index: 1;
}

div.shadowContainer > div:first-child {
	width: 100%;
}

div.shadow b {
	position: absolute;
	background: #666666; /*color of shadow for Not IE*/
	-moz-border-radius: 6px;
	border-radius: 4px;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -2;
	opacity: 0.4;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right-style: none;
}

div.shadow b b {
	opacity: 0.7;
}

div.shadowContent 
{
	background: White;
	padding: 1em;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FF0000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ff9191;
  border-right:1px solid #ff9191;
  background:#ff3f3f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffe5e5;
  border-right:1px solid #ffe5e5;
  background:#ff3030}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ff3030;
  border-right:1px solid #ff3030;}
.spiffy4{
  border-left:1px solid #ff9191;
  border-right:1px solid #ff9191}
.spiffy5{
  border-left:1px solid #ff3f3f;
  border-right:1px solid #ff3f3f}
.spiffyfg{
  background:#FF0000}

