body {
	background:url(../images/membershipProcess/MembershipBacking.gif) top left repeat;
	/* background:url(../images/MainBacking.jpg) top left repeat; */
	min-width:963px;
	margin:0;
}


/* Stage CSS controls */
.MembershipMainStage {
	display:block;
	position:absolute;
	width:876px;
	left:102px;
	clear:both;
	border:0;
	padding:0;
	z-index:1;
	background:url(../images/membershipProcess/membershipBacking02.png) left repeat-y;
}

.StageTop {
	display:block;
	width:876px;
	height:118px;
	background:url(../images/membershipProcess/membershipBacking01.png) top left no-repeat;
	margin:0;
	clear:both;
	padding:49px 0 3px 203px;
}

.StageBottom {
	display:block;
	width:876px;
	height:65px;
	background:url(../images/membershipProcess/membershipBacking03.png) top left no-repeat;
	clear:both;
}


.AlignCenter {
	text-align:center;
}	
.HoriLineBreak {
	display:block;
	margin-top:12px;
	margin-left:120px;
	margin-right:150px;
	margin-bottom:20px;
	height:12px;
	border-bottom:1px #e3e3e3 solid;
	clear:both;
}	


/* The top content container. This holds the page header and progress bar stuff */
.ProgressDisplay {
	display:block;
	width:594px;
	height:108px;
	clear:both;
	z-index:1;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.ProgressDisplay div {
	display:inline;
	float:left;
}
.ProgressDisplay div a {
	display:block;
	width:97px;
	height:33px;
}
.SectionIdentifier {
	display:block;
	width:593px;
	height:66px;
	float:right;
	margin:4px 0 0 0;
	clear:both;
}
	.SectionIdentifier img {
		float:right;
	}

/* Progress Bar images. */
	.Progress01 {
		background-image:url(../images/membershipProcess/ProgressBar01.gif);
	}
	.ProgressMem01 {
		background-image:url(../images/membershipProcess/ProgressMem01.gif);
	}
	.ProgressMem02 {
		background-image:url(../images/membershipProcess/ProgressMem02.gif);
	}
	.ProgressMem03 {
		background-image:url(../images/membershipProcess/ProgressMem03.gif);
	}
	.ProgressMem04 {
		background-image:url(../images/membershipProcess/ProgressMem04.gif);
	}
	.ProgressMem05 {
		background-image:url(../images/membershipProcess/ProgressMem05.gif);
	}
	.ProgressMem06 {
		background-image:url(../images/membershipProcess/ProgressMem06.gif);
	}
	.ProgressQueen01 {
		background-image:url(../images/membershipProcess/ProgressQueen01.gif);
	}
	.ProgressQueen02 {
		background-image:url(../images/membershipProcess/ProgressQueen02.gif);
	}
	.ProgressQueen03 {
		background-image:url(../images/membershipProcess/ProgressQueen03.gif);
	}
	.ProgressQueen04 {
		background-image:url(../images/membershipProcess/ProgressQueen04.gif);
	}
	.ProgressQueen05 {
		background-image:url(../images/membershipProcess/ProgressQueen05.gif);
	}
	.ProgressQueen06 {
		background-image:url(../images/membershipProcess/ProgressQueen06.gif);
	}
	.ProgressQueen07 {
		background-image:url(../images/membershipProcess/ProgressQueen07.gif);
	}
	.ProgressGeneral01 {
		background-image:url(../images/membershipProcess/ProgressGeneral01.gif);
	}
	.ProgressGeneral02 {
		background-image:url(../images/membershipProcess/ProgressGeneral02.gif);
	}
	.ProgressGeneral03 {
		background-image:url(../images/membershipProcess/ProgressGeneral03.gif);
	}
	.ProgressGeneral04 {
		background-image:url(../images/membershipProcess/ProgressGeneral04.gif);
	}
	.ProgressGeneral05 {
		background-image:url(../images/membershipProcess/ProgressGeneral05.gif);
	}
	.ProgressGeneral06 {
		background-image:url(../images/membershipProcess/ProgressGeneral06.gif);
	}
	.ProgressGeneral07 {
		background-image:url(../images/membershipProcess/ProgressGeneral07.gif);
	}



/* The Headers */
div.MembershipHeaders {
	background-position:top right;
	background-repeat:no-repeat;
	width:100%;
	height:38px;
	clear:both;
	margin:0;
}

.MembershipHeader01 {
	background-image:url(../images/membershipProcess/MembershipOptions.gif);
}	



/* Page content stuff */

/* Sub Headers */
.RegHeader01, .RegHeader02, .RegHeader03, .PayHeader01, .PayHeader02, .PayHeader03, .ReceiptHeader01, .PayByMailHeader01 {
	width:546px;
	height:52px;
	margin:25px 0 5px 128px;
	background-position:top left;
	background-repeat:no-repeat;
}
	.RegHeader01 {
		background-image:url(../images/membershipProcess/ContactDetailsHeader.gif);
	}
	.RegHeader02 {
		background-image:url(../images/membershipProcess/ChapterDetailsHeader.gif);
	}
	.RegHeader03 {
		background-image:url(../images/membershipProcess/AccountDetailsHeader.gif);
	}
	.RegHeader04 {
		width:441px; 
		height:40px; 
		margin:25px 0 5px 18px; 
		background:url(../images/membershipProcess/ChapterDetailsQueen.gif) top left no-repeat; 
		clear:both;
	}
	.PayHeader01 {
		background-image:url(../images/membershipProcess/OrderDetailsHeader.gif);
	}
	.PayHeader02 {
		background-image:url(../images/membershipProcess/ShippingDetailsHeader.gif);
	}
	.PayHeader03 {
		background-image:url(../images/membershipProcess/PaymentMethodHeader.gif);
	}
	.ReceiptHeader01 {
		background-image:url(../images/membershipProcess/ReceiptHeader.gif);
	}
	.PayByMailHeader01 {
		background-image:url(../images/membershipProcess/ContactHeader.gif);
	}



/* Text Control */
.Text14, .Text13, .Text12, .Text11, .Text10, .Text09 {
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color:#262626;
}
	.Text14 {
		font-size:14px;
	}
	.Text13 {
		font-size:13px;
	}
	.Text12 {
		font-size:12px;
	}
	.Text11 {
		font-size:11px;
	}
	.Text10 {
		font-size:10px;
	}
	.Text09 {
		font-size:9px;
	}
		.Text14 a, .Text13 a, .Text12 a, .Text11 a, .Text10 a, .Text09 a {
			text-decoration:underline;
			color:#262626;
		}
		.Text14 a:hover, .Text13 a:hover, .Text12 a:hover, .Text11 a:hover, .Text10 a:hover, .Text09 a:hover {
			text-decoration:underline;
			color:#999999;
		}
.Redtext {
	color:#d81114;
}
.Purpletext {
	color:#4e2082;
}
.greyedText {
	color:#a2a2a2;
}



/*Intro Page */
.StageTop01 {
	display:block;
	width:876px;
	height:156px;
	background:url(../images/membershipProcess/membershipBacking01.png) top left no-repeat;
	margin:0;
	clear:both;
	padding:0px;
}
.Intro01 {
	background:url(../images/membershipProcess/Page01Header_01.png) top left no-repeat;
	width:100%;
	height:156px;
}
.Intro02 {
	height:152px;
	width:100%;
	background:url(../images/membershipProcess/Page01Header_02.png) top left no-repeat;
	clear:both;
}
.Intro03 {
	width:100%;
	height:141px;
	clear:both;
	background:url(../images/membershipProcess/Page01Header_03.png) top left no-repeat;
}
	ul.Intro04Text {
		margin:0 0 0 299px;
		padding:17px 0 0 0;
		width:353px;
		clear:both;
	}
	ul.Intro04Text li {
		margin:0 0 10px 0;
		list-style-type:none;
	}


.Intro04 {
	width:100%;
	height:165px;
	clear:both;
	background:url(../images/membershipProcess/Page01Header_04.png) top left no-repeat;
}
	ul.Intro05Text {
		margin:0 0 0 95px;
		padding:20px 0 0 0;
		clear:both;
	}
	ul.Intro05Text li {
		display:inline;
		float:left;
	}
	ul.Intro05Text li div {
		width:318px;
		margin-right:27px;
	}
	.WrittenLogo {
		display:block;
		width:100%;
		clear:both;
		padding-top:22px;
		padding-bottom:1px;
	}
.Intro06 {
	width:100%;
	height:162px;
	clear:both;
	background:url(../images/membershipProcess/IntoBacking-04.gif) center no-repeat;
}
	.Intro06 a {
		display:block;
		width:100%;
		height:100%;
		clear:both;
	}
.Intro07 {
	height:33px;
	margin:0;
	clear:both;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color:#4e2082;
	font-size:13px;
	text-align:center;	
}
.Intro08 {
	width:100%;
	height:190px;
	clear:both;
	background:url(../images/membershipProcess/IntoBacking-05.png) bottom center no-repeat;
}
	.Intro08 div {
		display:inline;
		float:left;
	}
	.Intro08Link01 {
		display:block;
		width:366px;
		height:180px;
		margin-left:61px;
		border:0;
	}
	.Intro08Link02 {
		display:block;
		width:188px;
		height:180px;
		border:0;
		border:0;
	}
	.Intro08Link03 {
		display:block;
		width:189px;
		height:180px;
		border:0;
	}



/* Options Page */
.OptionsParaHolder {
	display:block;
	margin:4px 85px 7px 110px;
	clear:both;
}
.Options01Holder {
	background:url(../images/membershipProcess/Membership3types.gif) top right no-repeat;
	height:198px;
	margin-top:10px;
}
	.Options01Holder01 {
		width:100%;
		clear:both;
	}
	.Options01Holder_ {
		display:inline;
		float:left;
	}
	
	.Options01Holder02 {
		display:block;
		width:109px;
		margin:159px 74px 0 35px;
	}
	.Options01Holder03 {
		display:block;
		width:224px;
		margin:90px 33px 0 100px;
	}
	.Options01Holder04 {
		display:block;
		width:206px;
		margin:90px 0 0 0;
	}
.Options02Holder {
	background:url(../images/membershipProcess/BenefitsHeader.gif) top right no-repeat;
	height:113px;
	margin-top:10px;
}
.Options03Holder {
	margin-top:0;
	min-height:800px;
}
.Options04Holder {
	padding:3px 10px 4px 10px;
}



/* The css to make the grid work */
	/* for Page 2 */
	ul.OptionsGrid {
		width:628px;
		margin:0;
		padding:0;
		border-bottom:0;
		clear:both;
	}
	
	/* universal grid pieces */
		.OptionsGrid01, .OptionsGrid02, .OptionsGrid03, .OptionsGrid04, .OptionsGrid05, .OptionsGrid06, .OptionsGrid07, .OptionsGrid08   {
			display:inline;
			float:left;
			margin:0;
			padding:0;
			border:0;
			list-style-type:none;
		}
		
		.OptionsGrid01, .OptionsGrid03, .OptionsGrid05, .OptionsGrid07 {
			width:504px;
		}
		.OptionsGrid02, .OptionsGrid04, .OptionsGrid06, .OptionsGrid08 {
			width:62px;
		}
		.OptionsGrid05, .OptionsGrid06 {
			height:38px;
		}

		.OptionsGrid01 span, .OptionsGrid03 span, .OptionsGrid07 span {
			display:block;
			padding:2px 6px 0 6px;
			height:26px;
			border-right:1px #d4d0d0 solid;
			border-left:1px #d4d0d0 solid;
			border-top:0;
			border-bottom:1px #d4d0d0 solid;
		}

		.OptionsGrid02 span, .OptionsGrid04 span, .OptionsGrid08 span {
			display:block;
			padding:2px 0 0 0;
			height:26px;
			border-right:1px #d4d0d0 solid;
			border-top:0;
			border-left:0;
			border-bottom:1px #d4d0d0 solid;	
		}

		.OptionsGrid07 span {
			border-top:1px #d4d0d0 solid;
		}

		.OptionsGrid08 span {
			border-top:1px #d4d0d0 solid;
		}
		
		.OptionsGrid03 span, .OptionsGrid04 span {
			height:32px;
		}
		
		


/* Registration */
.QueenChapterDetail {
	min-height:228px; 
	background:url(../images/membershipProcess/QueenAboutNote.png) top right no-repeat;
}


/* Form Area */
ul.FormArea {
	width:628px;
	margin:0;
	padding:0;
	border-bottom:0;
	clear:both;
}

	.FormArea01, .FormArea02 {
		display:inline;
		float:left;
		margin:0;
		padding:0;
		border:0;
		list-style-type:none;
	}

	.FormArea01 {
		width:215px;	
	}
	.FormArea02 {
		width:410px;
	}
		.FormArea01 div, .FormArea02 div {
			display:block;
			height:26px;
		}
		.FormArea01 div {
			text-align:right;
		}
		.FormArea02 div {
			padding:0 0 0 7px;
		}


/* Merchandise */
.GreyOuter {
	display:block;
	width:675px;
	margin-top:10px;
	clear:both;
}

.PurpleMercHeader {
	display:block;
	background-color:#4e2082;
	height:22px;
	text-align:left;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	padding:4px 564px 3px 10px;
	clear:both;
	border-top:.01em #e3e3e3 solid;
	border-right:.01em #e3e3e3 solid;
	border-left:.01em #e3e3e3 solid;
		
}

.MerchItem {
	display:inline;
	float:left;
	width:194px;
	max-height:230px;
	padding:4px 11px;
	border-left:.01em #e3e3e3 solid;
	border-bottom:.01em #e3e3e3 solid;
}
	.MerchItem img{
		width:186px;
		margin-bottom:8px;
		clear:both;
	}
	.MerchItem div {
		vertical-align:text-bottom;
		clear:both;
	}
	.MerchItemDesc {
		display:block;
		height:65px;
	}
	
/* Receipt */
.ReceiptPicsArea {
	display:block;
	min-height:310px;
	padding:0 0 0 25px;
	background:url(../images/membershipProcess/ReceiptPics01.png) top left no-repeat;
	clear:both;
}
	.ReceiptPicsArea div {
		display:block;
		margin:4px 180px 6px 85px;
		clear:both;
	}
	.ReceiptPicsAreaModifier {
		padding-left:20px;
	}


ul.buttonHolder {
	width:500px;
	display:block;
	margin:10px auto;
}
	ul.buttonHolder li {
		display:inline;
		float:left;
		list-style-type:none;
	}
	ul.buttonHolder li a {
		margin:0;
		padding:0;
		border:0;
	}
	ul.buttonHolder li a img {
		margin:0;
		border:0;
	}

ul.buttonHolder01 {
	display:block;
	margin:2px auto;
	padding:0;
}
	ul.buttonHolder01 li {
		display:inline;
		float:left;
		list-style-type:none;
	}
	ul.buttonHolder01 li a {
		margin:0;
		padding:0;
		border:0;
	}
	ul.buttonHolder01 li a img {
		margin:0;
		border:0;
	}
	
/* Pay by Mail */
.HeaderPoints {
	display:inline;
	float:left;
	width:102px;
	padding-top:33px;
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:6px;
}
.HeaderPoints01 {
	background-image:url(../images/membershipProcess/ReviewHeader.gif);
}
.HeaderPoints02 {
	background-image:url(../images/membershipProcess/PrintHeader.gif);
}
.HeaderPoints03 {
	background-image:url(../images/membershipProcess/MailHeader.gif);
}
.HeaderPoints04 {
	display:inline;
	float:left;
	width:512px;
	margin:16px 0 0 11px;
}

.PayPicsArea {
	display:block;
	height:265px;
	padding:0 0 0 25px;
	background:url(../images/membershipProcess/PayCheckPics.gif) top left no-repeat;
	clear:both;
}
	.PayPicsArea div {
		display:block;
		margin:4px 180px 6px 85px;
		clear:both;
	}
	.PayPicsAreaModifier {
		padding-left:20px;
	}
.Envelope {
	min-height:123px;
	background:url(../images/membershipProcess/Envelope.gif) top right no-repeat;
}


/* Final Page */
.FinalPage {
	display:block;
	margin:17px 0 0 70px;
}
	.FinalPagePiece {
		display:inline;
		float:left;
	}
	.FinalPageRt {
		display:block;
		width:230px;
		background:url(../images/membershipProcess/ConnectWithSisters.gif) top left no-repeat;
		padding:138px 28px 70px 118px;
	}
	.FinalPageLt {
		display:block;
		width:366px;
		background:url(../images/membershipProcess/PaintTheTownRed.gif) top left no-repeat;
		padding:117px 0 70px 18px;
	}	
		.FinalPageRt span, .FinalPageLt span {
			display:block;
			color:#FFFFFF;
			margin-bottom:2px;
		}
.PaintBucket {
	position:absolute;
	width:193px;
	height:268px;
	top:480px;
	left:650px;
	background:url(../images/membershipProcess/PaintBucket.png) top left no-repeat;
	z-index:25;
}