.blinkslow			{ animation: blinker 2s linear infinite; }
@keyframes blinker	{ 70% { opacity: 0.2; }}

IMG.banner-top		{ /* margin-bottom: 6px; */ }
IMG.banner-bottom	{ margin-top: -8px; }

/* Alter the position of the menuspacer, since on the homepage the logo is never allowed to be hidden. */
#MenuSpacer.homepage							{ margin-top: 99px !important; } 
#MenuSpacer.homepage.menu-hidable				{ margin-top: 52px !important; } 
#MenuSpacer.homepage.menu-hidable.menu-hidden	{ margin-top: 52px !important; } 
#MenuSpacer.homepage.menu-hidable.menu-hidden	{ margin-top: 52px !important; } 
#MenuSpacer.homepage.logo-hidden							{ margin-top: 52px; } 
#MenuSpacer.homepage.logo-hidden.menu-hidable				{ margin-top: 52px; } 
#MenuSpacer.homepage.logo-hidden.menu-hidden				{ margin-top: 52px; } 
#MenuSpacer.homepage.logo-hidden.menu-hidable.menu-hidden	{ margin-top: 52px; } 

TABLE.homepage-content-wrapper {
/*	z-index: 5;*/
	position: relative; 
	top: -50px; 
	margin: 0px;
	padding: 0px;
}

TABLE.homepage-content-wrapper TR.homepage-content-row {
	top: -10px;
	vertical-align: top;
}


DIV#livecontent-container, DIV#morecontent-container{
	width: 100%;
	display: inline;
	margin: auto;
	clear: both;
	position: relative;
	overflow: hidden;
}

DIV#livecontent-centerband {
	float:left; 
	clear: none;
	margin-left: auto;
	margin-right: auto;
}

DIV#homepage-slideshow {
	position: relative;
	top: -8px;
	left: 224px;		/* Note that the positioning is a little funky due to the slideshow using absolute positioning internally;
							This means I can't manipulate the z-index of the panels to layer them as I wish (side live content 
							panels atop the center slideshow panel.  So I compensated by altering the document element order and CSS. 
							Affected DIVS are this one, and the livecontent-left. */
}

DIV#livecontent-left, DIV#livecontent-right {
	margin: 15px 0px 10px 0px;
	box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.75);
	clear: none;
	width: 200px;
	height: 370px;
	float: left;
	position: relative;
	top: -8px;
}

DIV#livecontent-left {
	left: -568px;
	/* left: 12px; << overlap amount.  Had to deduct 576 pixels when I changed the element order.  See note at DIV#homepage-slideshow. */
}

DIV#livecontent-right {
	left: -12px;
}

DIV#GigsSlideshow, DIV#EventsSlideshow {
	overflow: hidden;

}