* 
{
	margin:0pt;
	padding:0pt;
}

body
{
	background-color: #ffffff;
	background-image: url('../images/BackgroundHorizontalRepeatXTop.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

body.EventDetailBody a
{
	color: #ffffff;
	text-decoration: underline;
}
a:hover
{
	text-decoration: underline;
}

div.BackgroundOuter
{
	background-image: url('../images/BackgroundOuterNoRepeat.JPG');
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
}
div.HeaderContainer
{
	width: 908px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}

div.HeaderLogoDiv
{
	float: left;
	width: 445px;
	height: 200px;
}
div.HeaderTopButtons
{
	width: 445px;
	height: 30px;
}
div.HeaderClickableLogo
{
	width: 445px;
	height: 170px;
}
div.ButtonCentralWashingtonStateFair
{
	float: left;
	width: 236px;
	height: 30px;
}
div.ButtonYakimaSundome
{
	float: left;
	width: 209px;
	height: 30px;
}
div.HeaderVerticalSpacerColumnDiv
{
	float: left;
	width: 10px;
	height: 200px;
}
div.HeaderPhotoColumnDiv
{
	float: left;
	width: 445px;
	height: 200px;
}
div.TopAbovePhoto
{
	width: 445px;
	height: 20px;
}
div.HeaderPhotoMiddleDiv
{
	position: relative;
	width: 445px;
	height: 158px;
}
div.TopPhotoMaskedImageDiv
{
	width: 445px;
	height: 158px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
div.BackgroundContentBoxRepeatY
{
	margin-left: auto;
	margin-right: auto;
	width: 908px;
	background-image: url('../images/BackgroundContentBoxRepeatY.png');
	background-position: top center;
	background-repeat: repeat; /* do not repeat x or y, only simple repeat works for the hack */
	behavior:url("shared/client/pngMSIE/iepngfix.htc");  /*This is a hack */
	color: navy;

	/* This causes min-height to work for Firefox, MSIE 6 and MSIE 7 */
	min-height: 514px;
	height: auto !important;
	height: 514px;

}
div.ContentBoxInsideBGRepeatY
{
	margin-left: 4px;
	margin-right: 4px;
}
div.InnerAboveContent
{
	width: 900px;
	height: 13px;
}
div.InnerContent
{
	width: 900px;
	/*min-height: 478px;*/
}
div.InnerOutsidePaddingColumn
{
	float: left;
	width: 29px;
	height: 478px;
}
div.InnerInsidePaddingColumn
{
	float: left;
	width: 30px;
	height: 478px;
}
div.InnerVerticalBarColumn
{
	float: left;
	background-color: #acacac;
	width: 1px;
	height: 486px;
}
div.InnerLeftNarrowContent
{
	float: left;
	width: 230px;
}
div.InnerMainContent
{
	width: 550px;
	margin-left: 320px;

	/* This causes min-height to work for Firefox, MSIE 6 and MSIE 7 */
	min-height: 514px;
	height: auto !important;
	height: 514px;
}

div.JoinOurFanClub
{
	width: 230px;
	height: 40px;
}
div.HistoricRentals
{
	width: 230px;
	height: 39px;
	background-image: url('../images/HistoricRentals.jpg');
}
div.HistoricRentalsScroller
{
	width: 230px;
	height: 374px;
	overflow: auto;
}
div.BottomLogosRow
{
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/BackgroundBottomLogosRow.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	width: 860px;
	height: 86px;
}
div.BottomLogosRow table
{
	width: 860px;
/*	height: 86px;*/
	border-collapse: collapse;
}
div.BottomLogosRow table tbody tr td
{
	padding: 5px;
	text-align: center;
}
div.BottomBannerAd
{
	width: 860px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.FooterOuter
{
	width: 907px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1px;
	padding-right: 0px;
}
div.FooterInner
{
	width: 907px;
	height: 30px;
	color: #ffffff;
	background-color: #2a3f6e;
	text-align: center;
}
div.FooterTextPositioning
{
	padding-top: 9px;
}
div.PostFooterPadding
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 30px;
}

div.CommonMenuContainer
{
	background-color: #bbbbbb;
}


/* MENU */
div#MenuTextContainer1
{
	font-size: 14px;
	color: #898989; /* grey */
}
div#MenuTextContainer1 span
{
	color: #2a3f6e;	/* Dark blue */
	font-weight: bold;
}

div#MenuTextContainer1 a
{
	font-weight: normal;
	color: #898989; /* grey */
	text-decoration: none;
}
div#MenuTextContainer1 a:hover
{
	text-decoration: underline;
}

div#MenuTextContainer1 div.MenuPanel1
{
	padding-bottom: 4px;
	border-bottom: solid 1px #898989;
}

div#MenuTextContainer1 div.MenuPanel2
{
	padding-top: 4px;
	font-size: 11px;
}

/* Main content */
div.MainContentContainer
{
	width: 550px;
	padding-top: 30px;
	padding-bottom: 20px;
	overflow-x: hidden;
}

div.MainContentContainer, div.MainContentContainer a
{
	color: #2a3f6e;	/* Dark blue */
}

/* Photo gallery */
/* Hide the photo gallery dates */
table.PhotoGalleryList1 td.Details div.EventDate
{
	visibility: hidden;
}
div#SlideShowThumb1_GalleryWhenStart
{
	visibility: hidden;
	height: 0px;
}


/************/
/* Calendar */
/************/
table
{
	border-collapse: collapse;
}
div.MonthNavigation
{
	color: #1c4579;
	padding-bottom: 10px;
	padding-left: 0px;
}
div.MonthNavigation a
{
	color: #1c4579;
}

div.MonthCalendar
{
	padding: 0px 0px 0px 0px;
	background-color: #adc1d9;
	width: 548px;
	margin-right: auto;
	margin-left: auto;
}
table.MonthCalendarTable
{
	width: 548px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}
tr.DaysOfWeek th
{
	border: solid 1px black;
	text-align: center;
	width: 78px;
	color: #eee5c6;
	background-color: #1c4579;
}

td.DayNumberCell
{
	width: 14px;
	text-align: right;
}
td.DayNumberFillCell
{
	width: 64px;
	text-align: right;
}
tr.WeekDayNumbers
{
	border-style: solid;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-color: #000000;
}
tr.WeekEvents
{
}
th.DayNumberRowHeaderCell
{
	border-color: black;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	color: #052a3d;
}
td.DayCell
{
	border-color: black;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-collapse: collapse;
	width: 78px;
	padding: 0px 0px 0px 0px;
}
td.DayCell a, td.DayCell div.eventName
{
	color: #1c4579;
}

td.DayFillerCell
{
	border-color: black;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	background-color: #3f6da6;
}
th.DayHeaderFillerCell
{
	border-color: black;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	background-color: #3f6da6;
}


div.eventFirst
{
	overflow: hidden;
	width: 78px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
}
div.eventNonFirst
{
	overflow: hidden;
	width: 78px;
	border-top-width: 1px;
	border-top-color: #000000;
	border-top-style: dotted;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-top: 10px;
}

div.eventImage
{
	text-align: center;
}
div.eventName
{
	text-align: left;
	font-size: 9px;
	padding: 2px 2px 2px 2px;
	color: #052a3d;
}
a.MonthCalendarLinkEventName
{
	color: #052a3d;
}

/* HOME */
div.HomeContainer
{
	width: 550px;
}

/* Featured Events */
div.HomeFeaturedEventsContainer
{
	width: 550px;
}
div.HomeFeaturedEventCaption
{
	width: 550px;
	height: 14px;
	padding-bottom: 10px;
}
div.HomeFeaturedEventScrollerFrame
{
	background-color: #285c9c;
	padding: 1px;
}
div.HomeFeaturedEventScroller
{
	height: 242px;
	width: 548px;
	background-image: url("../images/BackgroundFeaturedEvents.jpg");
}
div.HomeFeaturedEventScroller div.ContainerDiv div.PictureDiv
{
	float: left;
	width: 230px;
	height: 242px;
}
div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv
{
	float: left;
	width: 298px;
	height: 222px;
	padding-top: 20px;
	padding-left: 20px;
	color: #ffffff;
	overflow: hidden;
}
div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv a
{
	color: #ffffff;
	text-decoration: none;
}
div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv div.EventName
{
	font-weight: bold;
	font-size: 14px;
}

div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv div.EventDates
{
	padding-top: 14px;
}
div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv div.BuyTickets
{
	padding-top: 60px;
}
div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv div.BuyTickets div.TicketsTextOrImage
{
	float: left;
}
div.HomeFeaturedEventScroller div.ContainerDiv div.DetailsDiv div.BuyTickets div.TicketsDBCaption
{
	visibility: hidden;
}

/* Home upcoming events */

div.HomeUpcomingEventsContainer
{
	width: 550px;
}

div.HomeUpcomingEventsCaption
{
	height: 17px;
	padding-top: 24px;
	padding-bottom: 10px;
}
div.HomeUpcomingEventsListFrame
{
	background-color: #acacac;
	padding: 1px;
}
div.HomeUpcomingEventsList
{
	background-color: #ffffff;
	width: 548px;
	height: 100px;
	overflow-y: scroll;
}

table.TwoRowNameDateTicketWebsite
{
	width: 530px;	/* leave horizontal space for vertical scroll bar */
}
table.TwoRowNameDateTicketWebsite tr.Alternate1
{
	background-color: #e9e8f0;
}
table.TwoRowNameDateTicketWebsite tr.Alternate2
{
	background-color: #ffffff;
}
table.TwoRowNameDateTicketWebsite td.BuyTickets
{
	text-align: right;
	width: 150px;
}
table.TwoRowNameDateTicketWebsite td.BuyTickets div
{
	text-align: right;
}
table.TwoRowNameDateTicketWebsite td.BuyTickets div div.BuyTickets table
{
	width: 100%;
}
table.TwoRowNameDateTicketWebsite td.TicketsDBCaption
{
	padding-right: 10px;
}
table.TwoRowNameDateTicketWebsite td.TicketsTextOrImage
{
	padding-right: 0px;
}
table.TwoRowNameDateTicketWebsite td.EventName 
{
	padding: 4px;
}
table.TwoRowNameDateTicketWebsite td.EventDate
{
	padding-left: 4px;
	padding-bottom: 4px;
}
table.TwoRowNameDateTicketWebsite td.BuyTickets
{
	padding-right: 4px;
	padding-bottom: 4px;
}

table.TwoRowNameDateTicketWebsite td.EventName a
{
	font-size: 11px;
	font-weight: bold;
}

/* News Page */
div.HeadlineItemContent p
{
	margin-bottom:1em;
	line-height:2em;
	font-size:13px;
	color: #000033;
}
div.MainContentContainer .HeadlineItemCaption
{
	margin-top:1em;
	margin-bottom:1em;
	font-size:20px;
}