@import url("reset.css");

html			{ background:url(../img/body.jpg) center top repeat}
body			{ color: #000; background: url(../img/top-bg.jpg) top center no-repeat }

/*-------------- Wrapper ------------------*/

#wrap 			{ width: 907px; margin: 0 auto; position:relative; padding-bottom: 20px }

/*-------------- Layout -------------------*/

#header			{ position: relative; height: 256px; background:url(../img/head-bg.jpg) bottom no-repeat; width: 907px }
#header h1		{ font-size: 2.8em; float: right; color: #fff; margin-top: 30px; padding:7px; background-color:#00aeef; display:inline; letter-spacing: -0.5px}

.logo			{ display: block; width: 321px; height: 224px; text-indent: -9999px;
				  position: absolute; top: 19px; left: -28px;
				  background: url(../img/logo.png) no-repeat }

#Menu			{ margin-bottom: 0; float:right; width: 620px; padding-top: 55px}
#Menu li		{ margin: 0; list-style: none; float:left; font-size:1em; padding:0 2px }
#Menu a:link,
#Menu a:visited
				{ font: bold 3em/1.2em Arial, Helvetica, sans-serif }
.home a			{ color: #00aeef !important}
.about a		{ color: #97c93c !important}
.programme a	{ color: #fbf003 !important}
.involved a		{ color: #f8af18 !important}
.book,
.bookActive		{ padding-left: 17px !important}
.book a			{ color: #ed73ad !important}
.resources a	{ color: #ed5c23 !important}
.contact a		{ color: #e91d25 !important}

.homeActive a		{ color: #00aeef !important; text-decoration:underline; }
.aboutActive a		{ color: #97c93c !important; text-decoration:underline; }
.programmeActive a	{ color: #fbf003 !important; text-decoration:underline; }
.involvedActive a	{ color: #f8af18 !important; text-decoration:underline; }
.bookActive a		{ color: #ed73ad !important; text-decoration:underline; }
.resourcesActive a	{ color: #ed5c23 !important; text-decoration:underline; }
.contactActive a	{ color: #e91d25 !important; text-decoration:underline; }

/*--------------------------------*/				
#content		{ width: 889px; background: #fff; padding: 8px 9px 100px }

.titileCol		{ width: 889px; height: 276px; position:relative; margin-bottom: 30px}
.titileCol img	{ float:left}
.textImg		{ position: absolute; right:0; bottom: 0px}

#leftCol		{ float:left; width: 158px; }

.linkCol a		{ background:url(../img/sub-navigation.gif) no-repeat; width: 130px; height: 21px; display:block; color: #fff!important; margin-bottom:9px;
					font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; line-height: 21px; text-align:center; text-transform:uppercase}

.accountCol		{ background:url(../img/account-col-middle.gif) repeat-y; width: 158px; font-family: Arial; }
.extraAccount1	{ background:url(../img/account-col-top.gif) top no-repeat; width: 158px}
.extraAccount2	{ background:url(../img/account-col-bottom.gif) bottom no-repeat; width: 140px; padding:9px; overflow:hidden}

.accountCol h3	{ margin-bottom: 0; color: #333333; }
.accountCol a	{ margin-bottom: 3px; font-weight: bold; }

.signLink		{ color: #39c0f3 !important; text-transform:uppercase; clear:both; float:left; background:url(../img/sign-link.gif) no-repeat;
					 width: 48px; line-height: 19px; text-align:center}
.registerLink	{ color: #39c0f3 !important; text-transform:uppercase; clear:both; float:left; text-align:center;
					background:url(../img/register-link.gif) no-repeat; width: 60px; line-height: 19px}
.basket			{ background:#fff url(../img/basket-bottom.gif) bottom no-repeat; width: 132px; float:left; margin-bottom: 3px}
.extraBasket	{ background:url(../img/basket-top.gif) top no-repeat; width: 124px; padding: 4px}
.extraBasket a	{color: #39c0f3 !important; text-transform:uppercase; line-height: 17px}
.extraBasket p	{ font: normal 0.8em/1.1em Arial, Helvetica, sans-serif; margin:0}

.checkLink		{ float:left; clear:both; background:url(../img/submit2.gif) no-repeat; width: 64px; height: 17px; 
					 text-align:center; text-transform:uppercase; line-height: 16px;color: #fff !important}

/*----------------------------*/
#rightCol		{ float:right; width: 148px; overflow:hidden }
#rightCol a		{ display:block;  margin-bottom: 11px; border: 1px solid #d6d5d5}
#rightCol img	{ display:block}

/*----------------------------*/

#mainCol		{ padding:0 220px 0 212px }
#mainCol h2		{ padding-bottom: 8px; margin-bottom: 5px; background:url(../img/dashed-border.gif) bottom repeat-x}
#mainCol h2 span,
#mainCol h3 span
				{ color: #8dc63f; }
h3			{ color: #00aeef; font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; margin-bottom: 3px; font-weight: bold; }
#mainCol p		{ font:normal 1.3em/2em Arial, Helvetica, sans-serif}





/*------------------------------------------------*/
/*		onlineshop and bibleweekpasses items	  */
/*------------------------------------------------*/
.col			{ padding: 20px 0 20px 0; margin-top: 10px; border-bottom: 1px dashed #cccccc; float: left; width: 450px; }
.col h3			{ font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; margin-bottom: 3px; font-weight: bold; color: #00ade9 }
.col p			{ font: normal 1em/1.3em Arial, Helvetica, sans-serif !important; margin-bottom: 0}

.imglink1		{ border: 1px dashed #cccccc; float:left; margin: 0 15px 10px 0; padding: 5px; }

.title			{ float:left; margin: 5px 0 3px 6px; width: 200px; font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; font-weight: bold; color: #00ade9; }

.buyLink		{ float:right; margin: 48px 0 0 4px; background:url(../img/submit-buy.gif) no-repeat; width: 41px; 
					height: 22px; color: #fff !important; font: normal 1.2em/1.9em Arial, Helvetica, sans-serif; text-transform:uppercase}

.findMore		{ text-align: center; float:left; margin: 5px 0 0 10px; background:url(../img/find-out-more.gif) no-repeat; width: 120px;
					height: 22px; color: #fff !important; font: normal 1.1em/1.7em Arial, Helvetica, sans-serif; text-transform:uppercase}

.addBasket		{ text-align: center; float:left; margin: 5px 0 0 10px; background:url(../img/add-to-basket.gif) no-repeat; width: 120px;
					height: 22px; color: #fff !important; font: normal 1.1em/1.7em Arial, Helvetica, sans-serif; text-transform:uppercase}

.button		{ text-align: center; float:left; margin: 5px 0 0 10px; background:url(../img/add-to-basket.gif) no-repeat; width: 120px;
				border:none; text-decoration:none;	height: 22px; color: #fff !important; font: normal 1.1em/1.7em Arial, Helvetica, sans-serif; text-transform:uppercase}

a.button, 
a.button:hover	{ text-align: center; float:left; margin: 5px 0 0 10px; background:url(../img/add-to-basket.gif) no-repeat; width: 120px;
				border:none; text-decoration:none;	height: 22px; color: #fff !important; font: normal 1.0em/1.7em Arial, Helvetica, sans-serif; text-transform:uppercase}

.description	{ float: left; width: 160px; padding: 5px; }
.detailed_description	{ float: left; width: 200px; padding: 5px; }

.goBack		{ text-align: center; float:right; margin: 5px 0 0 10px; background:url(../img/back.gif) no-repeat; width: 70px; 
					height: 22px; color: #fff !important; font: normal 1.1em/1.7em Arial, Helvetica, sans-serif; text-transform:uppercase}

th			{ font-weight: bold; text-align: left; }


/*----------------------------*/
/*		Pagination			  */
/*----------------------------*/
.navigation		{ float: left; width: 450px; height: 40px; text-align:center; }

.navigation div { display:inline; }

.navigation a:link,
.navigation a:visited
				{ padding: 10px 5px 0 5px; font: bold 1.3em/1.2em Arial, Helvetica, sans-serif; margin-right: 10px; }

.navigation a:hover,
.navigation a:active,
.activeN		{ padding: 10px 5px 0 5px; font: bold 1.3em/1.2em Arial, Helvetica, sans-serif; margin-right: 10px;  
					color: #ffffff; background:url(../img/active-navigation.gif) no-repeat 50% 100% ; text-decoration:none; }

.previous		{ float:left; background:url(../img/previous.gif) no-repeat; width: 75px; font: 0.9em/1.0em Arial, Helvetica, sans-serif; 
					 height: 18px; text-align:center; text-transform:uppercase; display:block; padding: 2px 0 0 0; }

.next			{ float: right; background:url(../img/next.gif) no-repeat; width: 45px; font: 0.9em/1.0em Arial, Helvetica, sans-serif; 
					 height: 18px; text-align:center; text-transform:uppercase; display:block; margin-top:-18px; padding: 2px 0 0 0; }
.next a:hover, .previous a:hover	{ background: none; }

.previous a,
.next a			{ color: #ffffff; } 

.numtag			{ float: left; padding-right: 10px; color: #00aeef;}






#footer			{ width: 907px; position: absolute; bottom: 20px; left: 0; background:url(../img/footer-bg.jpg) no-repeat; height: 75px; text-align:right }

#footer p		{ float:right; padding: 32px 16px 0 0; margin-bottom:0; color: #c6c6c6; font: normal 0.9em/1.5em Arial, Helvetica, sans-serif}
#footer p a		{ color: #c6c6c6 !important}
				
.search			{ padding: 13px 0 0 19px; float:left; width: 170px}
.search label	{ color: #8dc63f; font: bold 1.2em/1.2em Arial, Helvetica, sans-serif; margin-bottom: 2px; float:left; width: 170px; text-align:left}			
.search input	{ float:left; clear:left; border:1px solid #cececc; font: normal 1.2em/1.8em Arial, Helvetica, sans-serif; width: 119px; margin-right: 6px}
.submit			{ background:url(../img/submit-go.gif) no-repeat !important; width: 31px !important; border: none !important; color: #fff !important;
					height: 19px !Important; text-transform:uppercase; clear:none !important; cursor: pointer}

				
/*
 * Theme
 * Light Orange: #F7931E
 * Dark Orange: #ED5C23
 * Bright Green: #8DC63F
 */

/* Speakers */
.speakerMainImage { border: 1px dashed #cccccc; padding: 5px; margin: 5px 10px 0 0; }				
.speakerImages	  { border: 1px dashed #cccccc; padding: 5px; margin: 5px 10px 0 0; }

/* Programme */

.programme_image      { border: 1px dashed #cccccc; padding: 5px; margin: 5px 10px 0 0; float: left; }	
.programme_image   a {  padding: 5px; display: block; float: left; }	
.programme_content    { margin: 6px 0 0 0; width: 250px; float: left; }
.programme_download a { background:url(../img/submit1.gif) no-repeat; width: 104px; height: 21px; display:block; color: #fff!important; margin-bottom:9px;
					font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; line-height: 21px; text-align:center; text-transform:uppercase; float: right; }

/* Volunteer */
#volunteer		     { }
#volunteer .valign   { vertical-align: top; }
#volunteer form      { }
#volunteer label     { font-size: 12px; }
#volunteer .field    { background: #cccccc; border: none; width: 200px; }
#volunteer textarea  { height: 60px; }
#volunteer .button   { background: url(../img/submit2.gif) no-repeat; color: #ffffff; text-transform: uppercase; font-size: 10px; width: 70px; height: 17px;  border: none; }

/* Donate */
#donate		      { }
#donate	td	      { padding: 5px; }
#donate .valign   { vertical-align: top; }
#donate form      { }
#donate label     { font-size: 12px; }
#donate .field    { background: #cccccc; border: none; }
#donate textarea  { height: 60px; }
#donate .button   { background: url(../img/submit2.gif) no-repeat; color: #ffffff; text-transform: uppercase; font-size: 10px; width: 70px; height: 17px;  border: none; }
.paymentform      { border: 1px solid #8DC63F; }

/* Shop */
#shop		        { }
#shop	td	        { padding: 5px; }
#shop .valign		{ vertical-align: top; }
#shop form			{ }
#shop label			{ font-size: 12px; }
#shop .field		{ background: #cccccc; border: none; }
#shop textarea		{ height: 60px; }
#shop .button		{ background: url(../img/submit2.gif) no-repeat; color: #ffffff; text-transform: uppercase; font-size: 10px; width: 70px; height: 17px;  border: none; }

/* Donate */
#checkout	      { }
#checkout	td	      { padding: 5px; vertical-align: top;}
#checkout .valign   { vertical-align: top; }
#checkout form      { }
#checkout label     { font-size: 12px; }
#checkout .field    { background: #cccccc; border: none; width:180px; }
#checkout textarea  { height: 60px; }
#checkout .small	{ font-size: 8pt; color:#505050; }