@charset 'utf-8';

@import url(reset.css);
@import url(shadowbox.css);

/* ----------------------------------------------------- All browsers */



/* ///////////////////////////// GLOBALS ///////////////////////////// */

body { color:#444; font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; }

h1 { margin-bottom:30px; }
h2 { font-size:16px; line-height:21px; font-weight:bold; padding-bottom:13px; }
h3 { font-size:15px; line-height:20px; font-weight:bold; padding-bottom:5px; color:#026DB6; }
p { font-size:12px; line-height:17px; padding-bottom:11px; }
strong { font-weight:bold; }
a { color:#0081C3; }
a:hover { color:#80BFE7; }
em { font-weight:bold; font-style:italic; }

.mandatory { color:#026DB6; }

.ir { display:block; height:0 !important; overflow:hidden; font-size:0px !important; color:#FFF; background-position:top left; background-repeat:no-repeat; }
.clear { clear:both; height:0 !important; display:block; }


	/* ///////////////////////////// HEADER ///////////////////////////// */
	
	#header { width:100%; height:109px; position:relative; background:#1279bf url(../img/header_bg.jpg) top left repeat-x; border-bottom:1px solid #0097FF; }
	#header #light { width:100%; height:109px; position:relative; background:url(../img/header_light.jpg) top center no-repeat; }
	#header #logo { width:63px; padding-top:78px; position:absolute; top:15px; left:18px;  background-image:url(../img/header_logo.png); color:#1278C0; }
	#header #strapline { width:272px; padding-top:46px; position:absolute; top:30px; right:18px; background-image:url(../img/header_strapline.png); color:#1278C0; }


	/* ///////////////////////////// MAIN ///////////////////////////// */
	
	.main { width:900px; padding:45px 25px 0; margin:0 auto; overflow:visible; }
	
	
	/* ///////////////////////////// FOOTER ///////////////////////////// */
	
	#footer { background:url(../img/footer_bg.jpg) repeat-x; height:70px; padding:18px; font-size:11px; border-top:1px solid #C4C4C4; }
	
/* ///////////////////////////// HOME ///////////////////////////// */

#home h1 { width:769px; padding-top:36px; background-image:url(../img/h1_home.gif); }
#home h2 { font-size:14px; line-height:18px; }
#home p { font-size:13px; line-height:17px; }
#home #left { width:565px; float:left; padding-right:25px; }
#home #right { width:308px; float:left; }
#home #btn-register { width:308px; padding-top:118px; background-image:url(../img/btn_register_now.gif); margin-bottom:12px; }
#home #btn-register:hover { background-position:left -118px; }

	/* BOOKCASE */
	#home #bookcase { width:950px; height:360px; background:url(../img/bookcase.jpg) top left no-repeat; margin:15px 0 30px -50px; }
	#home #bookcase #booklets { display:block; padding:30px 0 0 105px; width:500px; float:left; }
	#home #bookcase #booklets li { display:block; float:left; height:130px; padding:0 15px 27px 0; }
	#home #bookcase #booklets li a { display:block; width:83px; height:110px; padding-top:20px; cursor:pointer; }
	#home #bookcase #booklets li.active a { background:url(../img/booklet_active.gif) top center no-repeat !important; }

	#home #bookcase #side { float:left; display:block; width:310px; margin:2px 0 0 28px; }

	#home #bookcase #descriptions { position:relative; display:block; width:270px; height:105px; padding:20px; border:1px solid #EEE; border-left:none; background:url(../img/description_bg.jpg) top left no-repeat; }
	#home #bookcase #descriptions li { position:absolute; top:20px; left:20px; display:none; width:270px; }
	#home #bookcase #descriptions li.active { display:block !important; }
	
	#home #bookcase #descriptions h3 span { color:#6eb1e0; }
	
	#home #bookcase #prayer-book { margin:23px 0 0 23px; }
	#home #bookcase #prayer-book h3 { width:137px; padding-top:19px; background-image:url(../img/h3_prayerbook.gif); }
	#home #bookcase #prayer-book img { display:block; float:left; }
	#home #bookcase #prayer-book div { float:left; width:150px; margin:0 0 0 10px; }

#home #wedding { margin:0 0 80px 0; width:900px; }
#home #wedding h3 { width:218px; padding-top:19px; background-image:url(../img/h3_marriage.gif); }
#home #wedding #btn-wedding { width:266px; padding-top:37px; background-image:url(../img/btn_wedding.gif); }
#home #wedding #btn-wedding:hover { background-position:left -37px; }

#home .booklet { float:left; display:block; }
#home .panel { float:left; background:#EEE; display:block; padding:20px; border:1px solid #CCC; }

#home #wedding .panel { width:560px; height:155px; background:url(../img/panel_bg.jpg) top left no-repeat; border:1px solid #EEE; }


/* ///////////////////////////// REGISTER ///////////////////////////// */
#register h1 { width:303px; padding-top:31px; background-image:url(../img/h1_registration.gif); margin-bottom:5px; }

#back { color:#80BFE7; padding:2px 1px; display:block; width:35px; margin:0 0 20px 0; text-decoration:none; }
#back:hover { color:#0081C3; }

form { width:650px; padding:0 0 80px 0; }

fieldset { display:block; background:url(../img/fieldset_bg.gif) top left repeat-x #EEEEEE; padding:10px; border:1px solid #dcdcdc; margin-bottom:20px; }
fieldset h2 { padding-bottom:3px; }
fieldset ul { padding:12px 30px 5px; }
fieldset ul li { padding:0 0 17px 0; }

label, .push { display:block; width:150px; padding-right:10px; text-align:right; float:left; }
input { width:220px; }
.checkbox, .radio { float:left; width:auto; }
.label { text-align:left; width:auto; margin-top:2px; padding-right:0; }
.double { padding-top:6px; }

.radio-group { display:inline; }
.radio-group li { float:left; width:auto; margin-right:18px; }

.info { background:#d4e9f8; border:1px solid #91C7EC; padding:10px 17px 7px 15px; display:inline; margin-bottom:5px; }
.hint { font-size:11px; color:#666; margin-left:160px; }
.error { display:block; color:#222; font-weight:bold; padding:5px 10px; background:#FFB4B4; border:1px solid #FF0000; margin:0 0 10px 0; }
.assist { font-size:11px; padding:5px; }
fieldset .error { margin:8px 10px 5px 160px; }

#postcode { width:35px; }

#submit { font-size:0px !important; display:block !important; width:380px; height:47px; margin:0 auto; background-image:url(../img/btn_submit_registration.gif); background-position:top left; background-repeat:no-repeat; border:0px; }
#submit:hover { background-position:left -47px; }

#withdraw { font-size:0px !important; display:block !important; width:380px; height:47px; margin:0 auto; background-image:url(../img/btn_withdraw.gif); background-position:top left; background-repeat:no-repeat; border:0px; }
#withdraw:hover { background-position:left -47px; }


/* THANKS */
#thanks { padding-bottom:100px; }
#thanks h1 { width:283px; padding-top:31px; background-image:url(../img/h1_thanks.gif); margin-bottom:5px; }
#thanks #payment-details { margin:20px 0 0 0; }
#thanks label { width:auto; }



/* ERROR */
#error { padding-bottom:100px; }
#error h1 { width:125px; padding-top:31px; background-image:url(../img/h1_error.gif); margin-bottom:5px; }



/* ----------------------------------------------------- JS enabled browsers */

.js #overlays { display:none; }
.js .overlay_content { display:none; padding:0 !important; }
.js #entry-fee-wrapper, .js #fee-explanation, .js #payment-details { display:block !important; }

/* ----------------------------------------------------- IE7 and below */

.ie7 .quote { height:60px; }

/* ----------------------------------------------------- IE6 and below */

.ie6 .overlay .head { background:url(../img/overlay_header_bg_ie.gif) top left repeat-x !important; width:850px; }
.ie6 .overlay .content { background:#FFF; background-image:none; margin-left:0; width:830px; }
.ie6 .overlay .edge { background-image:none; width:0; }
.ie6 .overlay .footer { background:#FFF; background-image:none; width:850px; }
.ie6 .overlay .close { margin-right:0; }
.ie6 h2.about { background-image:url(../img/h2_about_ie.gif) !important; }
.ie6 h2.terms { background-image:url(../img/h2_terms_ie.gif) !important; }

.ie6 .png {
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "content/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}