/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles  ..
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #983698;
		line-height: normal;
		background: url(../images/bg_main.gif) repeat-x top #f6f6f6;
		height: 100%;
	}
	
	body {
		margin: 0;
		text-align: center;
		background: url(../images/bg_header.gif) no-repeat top center;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #9baf3b;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.clearBoth { clear:both; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#innerwrap {
		width: 962px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}
	#headerwrap {
		float: left;
		width: 962px;
		height: 184px;
		margin: 0;
		padding: 0;
		color: #f6f6f7;
		position: relative;
		z-index: 100;
	}
	#contentwrap {
		float: left;
		width: 962px;
		margin: -28px 0 0 0;
		padding: 0 0 30px 0;
		position: relative;
		z-index: 50;
	}
	#contentinnerwrap {
		float: left;
		width: 962px;
		margin: 30px 0 0 0;
		padding: 0;
		background: url(../images/bg_inner.gif) repeat-y top center;
	}
	
	#contentinnerwrap2 {
		float: left;
		width: 962px;
		margin: 0;
		padding: 0 0 6px 0;
		background: url(../images/bg_inner_footer.gif) no-repeat bottom center;
	}
	#content {
		float: right;
		width: 678px;
		margin: 0;
		padding: 0;
		padding: 0 19px 0 0;
	}
	#leftcolumn {
		float: left;
		width: 211px;
		margin: 0;
		padding: 0 0 0 19px;
	}
	#footerwrap {
		float: left;
		text-align: left;
		background: #dabdda;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}
	#footer_address {
		width: 946px;
		margin: 0 auto;
		padding: 0 8px;
		line-height: 1.8em;
	}
	#footer_copyright_wrap {
		float: left;
		background: #983698;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		color: #dabdda;
	}
	#footer_copyright {
		width: 946px;
		margin: 0 auto;
		padding: 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
	}
	
	span.req {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		color:#CC3300;
		}
	form div.row span.req { font-size:0.9em; }
	
	div.value { float:left; width:400px; }
	
	input.btn {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:0.9em;
		cursor:pointer;
		background:url(../images/btn_bg.gif);
		height:30px;
		color:#fff;
		width:146px;
		border:none;
		}
		
	fieldset {
		border:none;
		margin:0;
		padding:10px 20px;
		}
	
	fieldset legend {
		display:none;
		}
	
	form h3 {
		border-bottom:2px dotted #DFC3DF;
		background:url(../images/form_h3_pencil.gif) left center no-repeat;
		margin-right:20px;
		padding:3px 0 5px 40px;
		}
	
	.form-warning {
		background:url(../images/warning_box_top.gif) top no-repeat;
		width:502px;
		padding-top:45px;
		margin:auto;
		}
		.text {
			background:url(../images/warning_box_bottom.gif) bottom no-repeat;
			padding:0 25px 15px 25px;
			color:#DF6F76;
			font-weight:bold;
			}
	
	form div.row {
		clear:both;
		_height:1%;
		overflow:auto;
		padding:8px;
		margin-right:20px;
		font-size:1.2em;
		border-bottom:2px dotted #eee;
		}
		
		form div.row input, form div.row select, form div.row textarea {
			float:left;
			}
		
		form div.row-focus {
			background:#FCEEFD;
			}
			
		#conf_pass_match {
			font-weight:bold;
			font-size:0.9em;
			margin:3px 10px;
			display:block;
			float:left;
			}
			
		form div.row label {
			display:block;
			float:left;
			width:175px;
			font-weight:bold;
			padding:3px 0;
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			}
		
		form div.row .textfield {
			padding:2px;
			font-family:Arial, Helvetica, sans-serif;
			border:1px solid #999;
			margin:1px;
			color:#555;
			}
		.textfield option {
			padding:0 10px 0 0;
			}
			
		form div.row .invalid {
			border:1px solid #CC3300;
			}
			
	#cost_per_tag {
		font-size:0.75em;
		color:#333;
		}
		
	.regCost { color:#333; }
			
	form .passwordStrength {
		background-image:url(../images/passwordStrengthSet.gif);
		background-position:0px 0px;
		height:13px;
		display:block;
		float:left;
		width:98px;
		text-indent:-3000em;
		overflow:hidden;
		margin:6px 10px;
		}
		
	#tags-row {
		display:none;
		}
		
	#uploadimage {
		background:#DABDDA;
		padding:7px;
		border:2px solid #A242A2;
		position:absolute;
		left:11px;
		text-align:left;
		top:20px;
		color:#fff;
		}
	#uploadimage #occ_image_upload {
		width:184px;
		}
	#uploadimage #sub_upload_occ_image { margin:2px; }
	#uploadimage form {
		margin:0;
		padding:0;
		}
	#uploadimage input { 
		font-size:0.8em; 
		font-family:Arial, Helvetica, sans-serif;
		}
		
	#ocd_amount { font-weight:bold; text-align:right; width:40px; }
	
	#givingForm { text-align:center; }
	#givingForm #occ_code {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.3em;
		font-weight:bold;
		border:2px dotted #888;
		color:#9900CC;
		letter-spacing:3px;
		padding:3px;
		text-transform:uppercase;
		text-align:center;
		}
	#givingForm #sub_giving_form {
		padding:0 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.4em;
		font-weight:bold;
		cursor:pointer;
		}
	#cardList ul { margin:0; padding:0; list-style:none; }
	#cardList ul li {
		display:block;
		float:left;
		padding:5px 13px;
		}
	#cardList ul li input { float:left; margin:20px 5px 0 0; }
	#cardList ul li span {
		display:block;
		width:90px;
		height:61px;
		cursor:pointer;
		float:left;
		text-indent:-3000em;
		overflow:hidden;
		background-position:center;
		background-repeat:no-repeat;
		}
	#cardList ul li span.card_visa { background-image:url(../images/ccard_visa.jpg); }
	#cardList ul li span.card_mastercard { background-image:url(../images/ccard_mcard.jpg); }
	#cardList ul li span.card_maestro { background-image:url(../images/ccard_maestro.jpg); }
	#cardList ul li span.card_solo { background-image:url(../images/ccard_solo.jpg); }
	#cardList ul li span.card_other { background-image:url(../images/ccard_visa.jpg); }
	
	#cardList ul li span.card_paypal { 
		background-image:url(../images/ccard_paypal.jpg);
		width:210px;
		height:80px;
		}
	
	#donationMessage #avatar_selection {
		width:400px;
		height:110px;
		overflow:auto;
		}
		#donationMessage #avatar_selection #innerscroll {
			width:1500px;
			}
		#innerscroll .av_cb { float:left;margin-top:30px;margin-left:5px; }
		#donationMessage #avatar_selection ul {
			list-style:none;
			margin:0;
			padding:0;
			}
		#donationMessage #avatar_selection li {
			float:left;
			border:2px solid #fff;
			margin:5px;
			}
		#donationMessage #avatar_selection li.selected { border:2px solid #FFCC66; }
		#avatar_selection label {
			display:block;
			width:70px;
			height:70px;
			cursor:pointer;
			background-repeat:no-repeat;
			}
		#avatar_selection .av_cb { }
	
	.closeOccasionForm {
		background:#FBECFB;
		padding:10px;
		margin:10px 0;
		border:2px solid #DABDDA;
		}
		.closeOccasionForm p { margin:0; }
		
	a.helper {
		display:block;
		float:left;
		margin:3px 6px;
		background:url(../images/icon_help.gif) left no-repeat;
		padding-left:18px;
		font-size:0.9em;
		}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #983698;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		height: 184px;
		width: 216px;
		margin: 0;
		padding: 0;
		float: left;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/logo.gif) no-repeat top left;
	}
	h1 a {
		height: 184px;
		width: 216px;
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		overflow: hidden;
	}
	
	
	h2 {
		font-size: 2.2em;
	}
	
	h3 {
		font-size: 1.7em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
	}
	
	h4 {
		font-size: 2em;
	}
	
	#leftcolumn h4 { font-size:1.6em;  }
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#headerwrap p {
		height: 72px;
		width: 538px;
		margin: 0;
		padding: 40px 0 0 0;
		float: right;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/header_strapline.gif) no-repeat bottom left;
	}

/* NAV STYLES  */

	#navwrap {
		float: left;
		width: 962px;
		height: 71px;
		margin: 0;
		padding: 0;
		background: url(../images/bg_nav.gif) no-repeat;
	}
	#nav {
		position: relative;
		float: left;
		width: 962px;
		height: 71px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav li {
		position: absolute;
		top: 0;
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
		height: 71px;
		margin: 0;
		padding: 0;
	}
	
	#nav .newusersection {
		left: 0;
		z-index: 200;
		width: 339px;
	}
	#nav .newusersection a {
		height: 71px;
		display: block;
		width: 339px;
		background: url(../images/nav_newuser.gif) no-repeat top left;
	}
	#nav .newusersection a:hover { background-position: bottom; }
	#nav .newusersection_selected { z-index: 250; }
	#nav .newusersection_selected a { background: url(../images/nav_newuser_selected.gif) no-repeat top left; }
	
	
	
	#nav .yourgiftsection {
		left: 303px;
		z-index: 190;
		width: 192px;
	}
	#nav .yourgiftsection a {
		height: 71px;
		display: block;
		width: 192px;
		background: url(../images/nav_yourgift.gif) no-repeat top left;
	}
	#nav .yourgiftsection a:hover { background-position: bottom; }
	#nav .yourgiftsection_selected { z-index: 250; }
	#nav .yourgiftsection_selected a { background: url(../images/nav_yourgift_selected.gif) no-repeat top left; }
	
	
	#nav .givingsection {
		left: 463px;
		z-index: 180;
		width: 166px;
	}
	#nav .givingsection a {
		height: 71px;
		display: block;
		width: 166px;
		background: url(../images/nav_giving.gif) no-repeat top left;
	}
	#nav .givingsection a:hover { background-position: left bottom; }
	#nav .givingsection_selected { z-index: 250; }
	#nav .givingsection_selected a { background: url(../images/nav_giving_selected.gif) no-repeat top left; }
	
	
	#nav .signupsection {
		left: 596px;
		z-index: 170;
		width: 187px;
	}
	#nav .signupsection a {
		height: 71px;
		display: block;
		width: 187px;
		background: url(../images/nav_signup.gif) no-repeat top left;
	}
	#nav .signupsection a:hover { background-position: left bottom; }
	#nav .signupsection_selected { z-index: 250; }
	#nav .signupsection_selected a { background: url(../images/nav_signup_selected.gif) no-repeat top left; }
	
	#nav .homesection {
		width: 137px;
		right: 0;
		top: 0;
		height: 52px;
	}
	#nav .homesection a {
		width: 137px;
		height: 52px;
		background: url(../images/nav_home.gif) no-repeat top left;
		display: block;
	}
	#nav .homesection a:hover { background-position: left bottom; }
	
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#flash_animation {
		margin: 0 0 12px 0;
		float: left;
	}
	
	#flash_animation .bannerimghp {
		width: 960px; height: 284px;
	}
	
	
	/* */
	
	#copyouter {
		width: 678px;
		float: left;
		margin: 0 0 12px 0;
		padding: 0;
		background: url(../images/bg_copy_footer.gif) no-repeat bottom center;
	}
	#copy {
		width: 628px;
		float: left;
		line-height: 1.6em;
		margin: 0;
		padding: 25px 25px 10px 25px;
		background: url(../images/bg_copy.gif) no-repeat top center;
	}
	#copy p {
		font-size: 1.1em;
		line-height: 1.4em;
	}
	#copy .firstpara {
		clear: both;
		font-size: 1.4em;
	}
	
	
	/* */
	
	#featureboxwrap {
		position: relative;
		margin: 0 0 12px 0;
		padding: 20px 25px;
		width: 628px;
		height: 155px;
		background: url(../images/bg_featurebox.jpg) no-repeat;
	}
	#featureboxwrap .testimonial {
		width: 380px;
		font-style: italic;
		color: #fff;
		line-height: 1.6em;
		font-size: 1.7em;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	#featureboxwrap strong {
		color: #983698;
	}
	.featureboximg {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
	}
	.spacer {
		float: right;
		width: 257px;
		height: 123px;
	}
	
	.faq-full { 
		list-style:none; 
		margin:0 0 20px 0; 
		padding:10px;
		border:2px solid #DABDDA;
		}
		.faq-full .question {
			font-weight:bold;
			font-size:1.3em;
			margin:5px 0 10px 0;
			color:#444;
			}
		.faq-full .question span {
			color:#9BAF3B;
			font-size:1.4em;
			padding:0 5px 0 0;
			}
		.faq-full .backtotop {
			text-align:right;
			text-transform:uppercase;
			font-size:0.7em;
			}
			
	#profile-page {
		border:1px solid #EFE0EF;
		padding:5px;
		}
		#profile-page #event-info {
			border:1px solid #EFE0EF;
			padding:5px;
			overflow:auto;
			_height:1%;
			font-size:1em;
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
			}
		#event-info #event-details, #event-info #event-details-edit, #event-info #event-image {
			float:left;
			margin:5px;
			padding:10px;
			}
		#event-info #event-image {
			width:200px;
			text-align:center;
			position:relative;
			}
			#event-info #event-image #image {
				display:block;
				width:179px;
				height:200px;
				overflow:hidden;
				margin:5px auto;
				}
			#event-info #event-image #image img { padding:1px; border:1px solid #999; }
		#event-info #event-details, #event-info #event-details-edit {
			background:#fff9ff;
			border:2px solid #FBECFB;
			width:335px;
			margin-bottom:10px;
			}
		#event-details-edit { display:none; }
		#event-info #event-details-edit .textfield {
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.9em;
			color:#333333;
			border:1px solid #666666;
			padding:2px;
			margin:1px;
			}
		#event-info #event-details-edit .button-update {
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.9em;
			font-weight:bold;
			padding:1px 5px;
			cursor:pointer;
			}
		#event-info #event-image #donateBox {
			font-size:0.9em;
			border:2px solid #DABDDA;
			padding:4px;
			}
		#event-info #event-image #donateBox p, #event-info #event-image #donateBox h3 {
			margin:4px 0;
			}
			
		#event-info #event-image #donateBox a {
			display:block;
			padding:5px 0;
			border:1px solid #fff;
			}
			
		#event-info #event-image #donateBox a:hover {
			background:#FFFFCC;
			border:1px solid #FFD86F;
			}
		
		#event-info td.value {
			color:#555;
			padding:5px 0;
			}
			
	#event-messages {
		clear:both;
		overflow:auto;
		_height:1%;
		margin:5px 0 0 0;
		}
		#event-messages .message {
			border:3px solid #FBECFB;
			_height:1%;
			overflow:auto;
			margin:25px 20px;
			}
		#event-messages .comment {
			padding:20px;
			font-size:1.1em;
			letter-spacing:1px;
			overflow:auto;
			background-position:left;
			background-repeat:no-repeat;
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			}
		#event-messages .avatar {
			padding-left:125px;
			height:125px;
			background-position:left;
			}
		#event-messages .avatar-alt {
			padding-right:125px;
			height:125px;
			background-position:right;
			}
		#event-messages .from {
			background:#fbeefb;
			padding:3px;
			float:left;
			width:380px;
			margin-top:9px;
			}
		#event-messages .donated {
			width:181px;
			padding:6px 0;
			border-top:3px solid #fbeefb;
			border-left:3px solid #fbeefb;
			text-align:center;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.3em;
			color:#DFB5DF;
			float:left;
			}
			#event-messages .donated span { padding:0 5px; color:#993366; }
	
	.voucher-item {
		list-style:none;
		float:left;
		width:175px;
		height:255px;
		padding:15px;
		text-align:center;
		}
	.voucher-item li { display:block; text-align:center; }
	.voucher-item li.image {
		height:175px;
		width:175px;
		position:relative;
		margin:0 0 5px 0;
		}
	.voucher-item li.image a {
		position:absolute;
		bottom:0;
		left:0;
		}
	.voucher-item .voucher_selection {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		margin:2px;
		border:1px solid #aaa;
		width:135px;
		padding:2px;
		float:left;
		}
		.voucher-item .voucher_selection option {
			padding:0 4px;
			}
		.voucher-item .add_button {
			font-size:0.9em;
			float:left;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			margin:2px;
			}
	
	.voucher-item .evoucher_amount {
		clear:both;
		display:none;
		}
	.voucher-item .evoucher_amount strong {
		float:left;
		margin:2px 0 0 0;
		}
	.voucher-item .evoucher_amount .textfield {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		border:1px solid #aaa;
		padding:2px;
		margin:0 3px;
		width:50px;
		float:left;
		}
	.voucher-basket {
		color:#555;
		}
		.voucher-basket input {
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:0.8em;
			font-weight:bold;
			color:#777;
			border:1px solid #555;
			cursor:pointer;
			width:100px;
			background:#eee;
			margin:2px 0;
			}
			
	.remainingMoneyOptions {
		clear:both;
		width:380px;
		overflow:auto;
		margin:0px auto;
		padding:10px 0;
		}
		.remainingMoneyOptions .option {
			width:166px;
			display:block;
			padding:15px 10px;
			position:relative;
			margin:1px;
			height:67px;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			background:url(../images/remaining_option_bg.jpg) no-repeat;
			}
		.remainingMoneyOptions input { position:absolute; bottom:15px; }
		.remainingMoneyOptions #chequeOption { background-position:left top; text-align:right; }
		.remainingMoneyOptions #charityOption { background-position:right top; }
		.remainingMoneyOptions #chequeOption.selected { background-position:left bottom !important; }
		.remainingMoneyOptions #charityOption.selected { background-position:right bottom !important; }
		
		.remainingMoneyOptions #chequeOption input { right:20px; }
		.remainingMoneyOptions #chequeOption.selected input { right:20px; }
		
		.remainingMoneyOptions #charityOption input { left:20px; }
		.remainingMoneyOptions #charityOption.selected input { left:20px; }
		
	#myVouchers ul {
		list-style:none;
		clear:both;
		margin:0;
		padding:0;
		}
		#myVouchers p { margin:0; font-size:0.9em; }
		#myVouchers .voucher-name {
			font-family:"Times New Roman", Times, serif;
			font-size:1.25em;
			font-weight:bold;
			color:#333333;
			}
		#myVouchers li {
			float:left;
			display:block;
			width:178px;
			padding:8px 0 0 0;
			text-align:center;
			margin:2px 10px;
			color:#be6acd;
			height:59px;
			background:url(../images/voucher_bg.jpg) no-repeat;
			}



	#cardList {
		/* temp adjustment while Maestro is hidden. Nic Skitt - 10/02/2010 */
		margin-left: 82px;
		
	}

		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CTA's USED ON HP AND INNER LEFT COLUMN  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#hp_cta_wrap {
		width: 962px;
		float: left;
		clear: both;
		margin: 0;
	}
	.cta {
		width: 232px;
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/bg_cta.gif) no-repeat top center;
	}
	.cta_inner {
		padding: 15px 17px 0 17px;
		height: 9em;
	}
	.cta_inner p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	.cta h3 {
		width: 194px;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
	}
	#hp_cta_wrap .newuser, #hp_cta_wrap .yourgift, #hp_cta_wrap .giving {
		margin: 0 11px 0 0;
	}
	#leftcolumn .cta {
		margin: 0 0 11px 0;
	}
	.newuser h3 {
		background: url(../images/title_new_to_obp.gif) no-repeat;
		height: 43px;
	}
	.yourgift h3 {
		background: url(../images/title_your_gift.gif) no-repeat;
		height: 17px;
	}
	.giving h3 {
		background: url(../images/title_giving.gif) no-repeat;
		height: 21px;
	}
	.signup h3 {
		background: url(../images/title_signup.gif) no-repeat;
		height: 21px;
	}
	.button {
		width: 232px;
		height: 53px;
		float: left;
		margin: 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
	}
	.button a {
		width: 232px;
		height: 53px;
		float: left;
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
	}
	.moreinfobutton a { background: url(../images/button_more_info.gif) no-repeat top center; }
	.moreinfobutton a:hover { background-position: bottom; }
	
	.loginbutton a { background: url(../images/button_login.gif) no-repeat top center; }
	.loginbutton a:hover { background-position: bottom; }
	
	.enterbutton a { background: url(../images/button_enter.gif) no-repeat top center; }
	.enterbutton a:hover { background-position: bottom; }
	
	.registerbutton a { background: url(../images/button_register.gif) no-repeat top center; }
	.registerbutton a:hover { background-position: bottom; }
	
	/* Cta's in left column */
	
	#leftcolumn .moreinfobutton a { background: url(../images/button_more_info_lc.gif) no-repeat; }
	#leftcolumn .moreinfobutton a:hover { background-position: bottom; }

	#leftcolumn .loginbutton a { background: url(../images/button_login_lc.gif) no-repeat; }
	#leftcolumn .loginbutton a:hover { background-position: bottom; }

	#leftcolumn .enterbutton a { background: url(../images/button_enter_lc.gif) no-repeat; }
	#leftcolumn .enterbutton a:hover { background-position: bottom; }

	#leftcolumn .registerbutton a { background: url(../images/button_register_lc.gif) no-repeat; }
	#leftcolumn .registerbutton a:hover { background-position: bottom; }
	
	#leftcolumn .cta_bottom { background:url(../images/cta_bottom_lc.gif) no-repeat top; height:11px; }
	#leftcolumn .collect { margin:10px 0; }
	#leftcolumn .collect p { margin:10px; }
	#leftcolumn .collect h2 { margin:0; padding:0; font-size:3.5em; }
	#leftcolumn .collect h4 { margin:15px; padding:0; font-size:1.5em; }
	#leftcolumn .collect ul { margin:10px 20px; padding:0; list-style:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#subnav {
		width: 232px;
		float: left;
		padding: 0;
		margin: 0 0 12px 0;
		background: url(../images/bg_leftnav_footer.gif) no-repeat bottom left;
	}
	#subnav ul {
		list-style: none;
		width: 208px;
		float: left;
		padding: 12px;
		margin: 0;
		background: url(../images/bg_leftnav.gif) no-repeat top left;
	}
	#subnav ul li {
		width: 207px;
		height: 27px;
		float: left;
		padding: 0;
		margin: 0 0 5px 0;
		font-size: 1.6em;
		font-weight: bold;
		line-height: auto;
	}
	#subnav ul li a {
		width: 172px;
		height: 23px;
		float: left;
		color: #983698;
		display: block;
		padding: 2px 0 2px 35px;
		margin: 0;
		background: url(../images/bg_leftlinks.gif) no-repeat top left;
	}
	#subnav ul li a:hover {
		background: url(../images/bg_leftlinks.gif) no-repeat center left;
		text-decoration: none;
	}
	#subnav ul li a.selected {
		background: url(../images/bg_leftlinks.gif) no-repeat bottom left;
		text-decoration: none;
		color: #fff;
	}
	#subnav ul li a.selected:hover {
		background: url(../images/bg_leftlinks.gif) no-repeat bottom left;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	#contact {
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 20px 0;
		font-size:1.6em;
		font-weight:bold;
	}
	#contact a {
		color: #6F1B6F;
	}
	#contact a:hover {
		text-decoration: none;
	}
	.contact_left {
		float: left;
		width: 45px;
		overflow: hidden;
		text-align: right;
	}
	.contact_right {
		float: left;
		width: 235px;
		overflow: hidden;
		margin: 0 0 0 15px;
	}
	
	.gos_logos {
		float:right;
		margin:5px 0;
		}
	
	.left {
		float: left;
		padding: 8px;
		margin: 0;
	}
	.left a {
		color:#dabdda;
	}
	.right {
		float: right;
		padding: 3px;
		margin: 0;
		background: url(../images/icon_9xb.gif) no-repeat left center;
	}
	.right a {
		color: #dabdda;
		padding: 5px 3px 5px 30px;
		display: block;
	}