body    {
		color: #000080;
		background-image: url(graphics/backgrounds/background-tile.png);
		background-color : rgb(230,230,230);
		font-family: Calibri, Arial, Helvetica, sans-serif;
		margin: 0%;
        }
.menucell    
    {
        width: 190px;
        color: #dd8888;
        background : rgba(400,400,200, 0.3);
        margin: auto;
    }

.menutable    
    {
        width: 180px;
        margin: auto;
        border-spacing : 0px;
        padding: 0px;
        
    }

.bodycell    
    {
        width: 1000px;        

    }
		
.bodytable    
    {
        width : 1020px;
        margin : auto;
    }
    
    		
.splashtable    
    {
        width : 820px;
        margin : auto;
        padding : 25px;
        text-align : center;
        align : center;
        vertical-align : middle;
        border-width : 0;
        border-color : #000000;
    }
    
.spaced
    {
        padding : 25px;
    
    }
	
A:link      {color: #000080;}
A:visited   {color: #000080;}
A:active    {color: #000080;}
A:hover     {color: #ff0000;}
			
.tiny   {
        font-size:80%;
		}
			
.menubutt
	{
		background: rgba(80, 80, 180, 0.7);
		color : #ffffff;
		text-align : center;
		text-decoration : none;
		font-size : 80%;
		vertical-align : middle;
		border-color : #ffffff;
		border-width : 1px;
		border-style : solid;
		width : 180px;
		height : 18px;
	}
	
.menubutt:hover
	{
		background: rgba(40, 80, 160, 0.7);
		cursor : pointer;
                border-color : #2222ff;
		border-width : 1px;
	}

.menubutt1
	{
		background: rgba(160, 80, 40, 0.7);
		color : #ffffff;
		text-align : center;
		text-decoration : none;
		font-size : 70%;
		vertical-align : middle;
		border-width : 1px;
		border-style : solid;
		border-radius : 8px;
		width : 180px;
		height : 18px;
	}
	
.menubutt1:hover
	{
		background: rgba(140, 120, 20, 0.7);
		cursor : pointer;
	}
        
.menubutt1grey
	{
		background: rgba(80, 80, 80, 0.7);
		color : #ffffff;
		text-align : center;
		text-decoration : none;
		font-size : 70%;
		vertical-align : middle;
		border-width : 1px;
		border-style : solid;
		border-radius : 8px;
		width : 180px;
		height : 18px;
	}
	
.menubutt1grey:hover
	{
		background: rgba(120, 120, 120, 0.7);
		cursor : pointer;
	}
	
.nomenubutt
	{
		background-color : transparent;
		color : #000080;
		text-align : left;
		text-decoration : none;
		vertical-align : middle;
		border-width : 0px;
		border-style : hidden;
	}
	
.nomenubutt:hover
	{
		text-decoration : underline;
		cursor : pointer;
	}
	
.menualphabet
	{
		background: rgba(96, 96, 128, 0.7);
		color : #ffffff;
		text-align : center;
		text-indent : -5px;
		vertical-align : top;
		text-decoration : none;
		font-size : 80%;
		border-width : 1px;
		border-style : solid;
		width : 18px;
		height : 18px;
	}
.menualphabet:hover
	{
		background: rgba(255, 64, 64, 0.7);
		cursor : pointer;
	}
	
.menucelltop
	{
		background-image: url(menubuttons/link-top.png);
		background-repeat: repeat-x;
		background-position: bottom;
                text-align: center;
	}
.menucellmid
	{
		background-image: url(menubuttons/link-mid-rainbow.png);
		background-repeat: repeat-y;
		background-position: 50%;
                text-align: center;
	}
.menucellgap
	{
		background-image: url(menubuttons/link-mid-rainbow.png);
		background-repeat: repeat-y;
		background-position: 50%;
                text-align: center;
                height: 8px;
	}

.menucellbott
	{
		background-image: url(menubuttons/link-bot.png);
		background-repeat: repeat-x;		
		background-position: top;
                text-align: center;
	}

.reviewhead {   
        color: #000090;
		font-size: 70%;
		}

.reviewtext 	{			
		color: #000080;
		font-size: 90%;
		}
			
.reviewtext2 	{			
		color: #000080;
		font-size: 90%;
		}			
				
.reviewtiny {   
                color: #000080;
		font-size: 70%;
		}	
			
.reviewform 	{			
		color: #000080;
		font-size: 70%;
		background: #333332;
		}
                
.formbutt 	{			
		height : 20px;
		valign : text-top;
		background: #11aa11;
		border-radius : 8px;
		}

.formbutt:hover 	{			
		background: #00ee00;
}

audio { 
		width: 500px;
		font-size : 60%; 
		display: block; 
		margin:2px; 
		}
	
.ReleaseVariations
	{
		font-size : 80%;
	}
	
.TallIcon
	{
		height : 120px;
		width : 80px;
	}
	
.SquareIcon
	{
		height : 100px;
		width : 100px;
	}
	
.WideIcon
	{
		height : 80px;
		width : 120px;
	}
        

.ImageFade1 {
    animation-name: fadeInAnimation;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: 0.7s;
    margin: 2px;
    align-content: center;
    border: 0;
    opacity: 0;
    position: relative;
    top: 200px;
}

.ImageFade2 {
    animation-name: fadeInAnimation;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-duration: 0.7s;
    margin: 2px;
    align-content: center;
    border: 0;
    opacity: 0;
    position: relative;
    top: 200px;
}

.ImageFade3 {
    animation-name: fadeInAnimation;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    animation-duration: 0.7s;
    margin: 2px;
    align-content: center;
    opacity: 0;
    border: 0;
    position: relative;
    top: 200px;
}


.ImageFade4 {
    animation-name: fadeInSplash;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    animation-duration: 1s;
    margin: 2px;
    align-content: center;
    border: 0;
    opacity: 0;
    position: relative;
    top: 0px;
    color : #ff0000;
    font-size : 180%;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0; top:-200px;
    }
    80% {
        top:0px;
    }
    90% {
        top:-5px;
    }
    100% {
        opacity: 1; top:0px;
    }
}

@keyframes fadeInSplash {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Scroller Box */
#scroller_container {
    font-size: 90%;
    color: #ffffff;
    position: relative;
    width: 170px;
    height: 100px;
    background: rgba(60, 110, 120, 0.7);
    overflow: auto;
    border: 2px solid orange;
    border-radius : 12px;
    padding: 2px;
    padding-left: 4px;
}
                
a.scroller_container:link  {color: #ffff80}
a.scroller_container:visited  {color: #80ff80}
a.scroller_container:active  {color: #ff80ff}
a.scroller_container:hover  {color: #80ffff}

/* Scroller Box */