body
{
    background-color: #ffffff;
    background-color: #000000;
    color: #000000;
    color: #aaaa55;
    font-family: "Verdana" "Lucida Sans", "Century Gothic", Tahoma, Arial;
    font-family: Verdana;
    font-size: 14;
}
h1
{
    font-weight:normal;
    font-size:32;
}
h2
{
    font-weight:normal;
    font-size:24;
}
h3
{
    font-weight:normal;
    font-size:19;
}
h4
{
    font-weight:normal;
    font-size:16;
}
h4.EnterHere
{
    cursor:pointer;
    font-weight:normal;
    font-size:16;
}
h5
{
    font-weight:normal;
    font-size:14;
}
h6
{
    font-weight:normal;
    font-size:10;
}
a
{
    color:#aaaa55;
}
a:hover
{
    color:#cc0000;
}
a:visited
{
    color:#777755;
}
div
{
    border-color: #777700;
    left:1em;
    position:absolute;
    width:100%;
}
div.Background
{
    position: relative;
    z-index:3;
}
div.EntranceLogo
{
    text-align: center;
    top:0;
    left:0;
    width: 100%;
    visibility:visible;
    z-index:3;
}
div.EntranceTitles
{
    text-align: center;
    top:5em;
    left:0;
    width: 100%;
    visibility:visible;
    z-index:3;
}
div.Entrance
{
    text-align: left;
    left: 50%;
    width: 60%;
    top:0;
    visibility:hidden;
    z-index:3;
}
div.TitleBorderTop
{
    width:870;
    z-index:1;
}
div.Titles
{
    top:20;
    width: 390;
    visibility:hidden;
    z-index:3;
}
div.Menu
{
    top:25;
    left:430;
    width: 460;
    text-align: center;
    visibility:hidden;
    z-index:3;
}
div.GalleryControl
{
    top:60;
    left:257.5;
    width: 460;
    text-align: center;
    visibility:hidden;
    z-index:3;
}
div.TitleBorderBottom
{
    top:80;
    width:870;
    z-index:1;
}
div.Picture
{
    top:6em;
    left:55%;
    width:55%;
    visibility:hidden;
    z-index:0;
}
img.ThumbNail
{
    width:180;
    height:180;
}
span.MainMenuItem
{
    cursor: pointer;
}
span.GalleryMenuItem
{
    cursor: pointer;
    font-size: 12;
}
span.MenuGap
{
    color: #aa0000;
}
span.NextGigNeon
{
    color: #aa0000;
    font-size: 8;
}
span.NextGig
{
    color: #aa0000;
}
span.GalleryMenuGap
{
    color: #aa0000;
    font-size: 12;
}
div.News
{    
    top:0;
    left:20em;
    width:7em;
}
div.Content
{
    top:6.5em;
    width: 71%;
    visibility:hidden;
    z-index:3;
}
div.ContentLeft
{
    width: 390;
    left:-1;
}
div.ContentRight
{
    left:435;
    width: 390;
}
div.Content#Gallery
{
    left:0;
    top:3em;
    z-index:1
}
span.Quote
{
    color:#aaaa77;
    font-style:italic;
}

span.Quoted
{
    color:#aa3311;
}

span.Date
{
    font-family:Lucida Console;
    font-size:14;
    color:#aaaa77;
}

span.DateNotOn
{
    font-family:Lucida Console;
    font-size:14;
    color:#555500;
}

span.Gig
{
    color:#888855;
}

span.PublicGig
{
    color:#aaaa66;
}

span.GigNotOn
{
    color:#555500;
}

img.song { vertical-align:middle; cursor:hand; width:15; height:15; }
img.nosong { vertical-align:middle; width:15; height:15; }
td.songentry { vertical-align:middle; }
span.songtext { vertical-align:middle; }

#rotating
{
    cursor:hand; width:20; height:20;
    z-index:3;
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    /* Firefox: */
    -moz-animation-name: myfirst;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
}
@keyframes myfirst
{
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
 
@-moz-keyframes myfirst /* Firefox */
{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
