﻿/* The divider margin that separates the top of the master from the main pictures*/
div.topMargin
{
	width:800; 
	height:10px;
}

/* The divider that contains the pictures of the bands */
div.pictures
{
	width:inherit; 
	border-style:none;
	height:auto;
}

/* The class for the events container div in the main home page */
div.eventsContainer
{
	
}

/* The right paragraph text container */
div.rightParagraphContainer
{
	
}

/* The margin before the duo/quartet pictures are displayed on the page */
div.leftMargin
{
	width:50px; 
	height:inherit; 
	float:left;
}


/* The divider that separates the duo from the quartet */
div.divider
{
	width:50px; 
	height: inherit;
	float:left
}

/* The left hand paragragh text */
div.leftParagraph
{
	text-align:justify;
	width:400px;
	margin:5px;
	margin-top:15px;
	margin-left:30px;
}

/* Offsets the right hand side paragraph */
div.rightParagraphOffset
{
	float:left;
	width:50px;
}

/* The right hand paragragh text */
div.rightParagraph
{
	text-align:justify;
	width:380px;
	margin:10px;
	margin-top:4px;
	float:left;
}

/* The divider that contains the quartet picture and text */
div.quartet
{
	height:inherit;
	width:800px;
	height:auto;
	float:left;
	margin-bottom:10px;
}

div.quartetPictureContainer
{
	width:inherit;
	height:296px;
}

/* The dividor that contains the quartet picture content*/
.quartetPicture
{
	
	margin-top:10px;
	width:inherit;
	height:296px;
}

/* The dividor that contains all of the content beneath the main pictures */
div.content
{
	width:inherit;
}

/* The container for all left content beneath the main pictures. */
div.leftContent
{
	float:left;
	width:460px;
	margin:8px;
}

/* The container for all right content beneath the main pictures. */
div.rightContent
{
	float:right;
	width:240px;
	margin:10px;
	
}

/* The container for the event header text */
div.eventsHeader
{
	font-weight:bold;
	width:inherit;
	margin:10px;
}

/* The container for all the event items on the main page */
div.eventsList
{
	width:inherit;
	height:auto;
}

/* The container for all the news items on the main page */
div.newsList
{
	height:auto;
	width:inherit;
}

/* The header used in the at home with gasoline alley */
p.atHomeHeader
{
	font-family:inherit;
	font-weight:bold;
	font-size:10pt;
}

.phoneNumbersBanner
{
	text-align:center;
	font-weight:bold;
	font-size: 13pt;
	width:inherit;
}

div.eventText
{
	float:left;
	vertical-align:top;
}

div.eventIcon
{
	float:left;
	height:16px;
	width:16px;
	margin-right: 4px;
}

img.eventIcon
{
	height:inherit;
	width:inherit;
	vertical-align:middle;
}

div.eventItem
{
	vertical-align:top;
}

span.eventItem
{
	font-family:Verdana;
	font-size:8pt;
	vertical-align:top;
}


div.newsText
{
	float:left;
	vertical-align:top;
	width:220px;
	height:auto;
}

div.newsIcon
{
	float:left;
	height:inherit;
	width:16px;
	margin-right: 4px;
}

img.newsItemImage
{
	height:inherit;
	width:inherit;
	vertical-align:middle;
}

div.newsItem
{
	height:auto;
}

span.newsItem
{
	text-align:justify;
	font-family:Verdana;
	font-size:8pt;
	width:inherit;
}


div.disclaimers
{
	height:auto;
	margin-left:80px;
	float:left;
	width:inherit;	
}

div.disclaimerText
{
	margin-top:10px;
	margin-left:10px;
	float:left;
	text-align:center;
}

div.disclaimerIcon
{
	float:left;
}

span.disclaimers
{
	vertical-align:middle;
	font-weight: bolder;
	font-size: 8pt;
	color: Yellow;
	text-align:center;
}

/* The events footer more item */
.eventsFooter
{
	text-align:right;
	color: #CCCC33;
	font-size: 8pt;
}


div.bandInfo
{
	float:left;
	margin-bottom:10px;
}

div.itemseparator
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:Gray;
	margin-bottom:3px;
	margin-top:3px;
	clear: left;
	
}
