.blackcell,
.blackcell p
{
    background-color:black;
    color: white;
}

.whitecell
{
    background-color:white;
    color: black;
}

.copyright
{
    font-size: small;
    font-family: sans-serif;
    color: white;
}

body, p, td, ol, ul, li, h1, h2, h3, h4
{
    font: normal 14px/19px Verdana,Tahoma,Arial,Helvetica,Geneva,Sans-serif;
    color:black;
}

body
{
    margin:0;
    padding:0;
    background-color:black;
    color:white;
}

h1
{
    font: normal 25px/33px Georgia,Times,Serif;
    color:black;
    margin:12 0 12 0;
    padding-bottom:5px;
    border-bottom:2px dotted #996;
}

h2
{
    font:bold 19px/22px Arial,Helvetica,Sans-Serif;
    color:black;
    margin:20px 0 0 0;
}

h3
{
    font : bold 15px/18px Arial,Helvetica,Sans-Serif;
    color : black;
    margin : 24px 10px 10px 130px;
    border-bottom : 1px dotted #bbb;
}

h4
{
    font:13px bold;
    color:black;
    padding-bottom:0px;
    margin-bottom:0px;
    letter-spacing:1px;
    text-transform:uppercase;
}

h5
{
    font-size:13px;
    font-weight:bold;
    margin-bottom: 0px;
}

p, td, li
{
    margin-top:6px;
    margin-bottom:6px;
}


ol, ul
{
    margin-bottom: 5px;
    margin-top: 0px;
}

ul
{
    list-style-type:square;
}

ul ul
{
    list-style-type:circle;
}

ul ul ul
{
    list-style-type:none;
}

hr
{   color: #999966;
    noshade;
    height: 1
}

a
{ 
	text-decoration: none; 
}

a:link, a:visited, a:active,
a p
{
    color: #669;
    text-decoration: none;
    font-weight: bold;
}

a:hover,
a:hover p
{
    text-decoration: underline;
    color: #669;
}

/* for my images as links - */
/* this works in Firefox and IE on Win, so far */
a img 
{
    color: black;
    border-color: black;
}

a:hover img
{
    color: #669;
    border-color: #669;
}
/* for my images as links - */


p.subheading {
    margin-top : 0;
    text-align : center;
    font-size : .9em;
    color : #3f3f3f;
}

div#schedule {
    margin : 0;
    padding : 0;
    width : 695px;
    position : relative;
    min-height : 1100px;
    height : auto !important;
    height : 1100px; /* min-height fast hack */
}
ul.schedule {
    list-style-type : none;
    margin : 0;
    padding : 0;
}
ul.schedule li {
    margin : 0;
    padding : 0;
}
ul.schedule p {
    margin-top : 0;
    padding-left : 130px;
}

div#thumbnails img {
    margin-right : 7px;
    border : 3px solid black;
}
div#thumbnails p {
    font-size : .9em;
    color : #3f3f3f;
    width : 110px;
    position : absolute;
    left : 0;
}
div#thumbnails p#pecosbill {
    top : 10em;
}
div#thumbnails p#bigfoot {
    top : 20.5em;
}
div#thumbnails p#anansi {
    top : 31em;
}
div#thumbnails p#pussinboots {
    top : 40.5em;
}
div#thumbnails p#jack {
    top : 52em;
}
div#thumbnails p#thumbelina {
    top : 64em;
}
div#thumbnails p#greenbird {
    top : 73em;
}


div#thumbnails a:hover img {
/*    width : 350px; */
    position : relative;
    z-index : 10;
}

.color {
    color: #aad;
}

.highlight {
    color : #009900;
}
/*
img 
{
    border-color: black;
}

a         { color: white; text-decoration: none; border: 3px black solid; bottom-border: underline; }
a:link    { border-color: white }
a:visited { border-color: white }
a:hover   { border-color: purple }
a:active  { border-color: white }
*/

a.WebYepLoopAddButton {
    /* this will push out all the other loop buttons */
    padding-left : 130px;
}