﻿/*-------------------- internationalcitychurch.com/doncaster : donstyle --------------------*/
* { margin: 0; padding: 0; }

.textpad0 { margin: 0px; }

.textpad4 { margin: 4px; }

.xs-toppad { margin-top: 4px; }
.m-toppad { margin-top: 25px; }

.pdc-streams { margin-top: 127px; }
.pdc-toppad { margin-top: 142px; }

.xs-botpad { margin-bottom: 4px; }
.s-botpad { margin-bottom: 12px; }
.m-botpad { margin-bottom: 19px; }

.m-pad { padding-left: 80px; }
.l-pad { padding-left: 105px; }
.xl-pad { padding-left: 130px; }
.xxl-pad { padding-left: 160px; }

.xs-negpad { margin-top: -5px; }
.s-negpad { margin-top: -10px; }
.m-negpad { margin-top: -30px; }
.l-negpad { margin-top: -50px; }

.neg-pad { margin-top: -100px; }
.neg-pad1 { margin-top: -72px; }
.neg60-pad { margin-top: -60px; }
.neg-pad2 { margin-top: -145px; }

/*-------------------- homesite colour scheme --------------------*/
.bordertheme { border: 1px solid #007DBE; } /* border theme */
.backgroundtheme { background-color: #001E2D; } /* pagetitle, header, footer colour */
.colourtheme { color: #00ccff; } /* nav menu colour */

/*-------------------- New - Homepage --------------------*/

/*------ advert slider ------*/
#slider ul, #slider li {margin: 0px; padding: 0px; list-style: none; border: 0px;}

#slider li { width: 890px; height: 330px; border: 0px; overflow:hidden;
/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ }
	
#prevBtn, #nextBtn,
#slider1next, #slider1prev { font-size: 1px; width: 30px; height: 30px; position: absolute; left: -33px; top: 147px; z-index: 1000; }	
#nextBtn, #slider1next { left: 891px; }														

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{ display: block; position: relative; width: 30px; height: 30px; color: #111111;
								background: url(http://www.internationalcitychurch.com/baseimages/ad-bar/prev.jpg) no-repeat 0 0; }	
#nextBtn a, #slider1next a{ background: url(http://www.internationalcitychurch.com/baseimages/ad-bar/next.jpg) no-repeat 0 0; }	

#home_serviceinfo {
	position: absolute; 
	top: 5px;  
	left: 5px; 
	padding: 4px;
	width: 365px;
	height: 360px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	z-index: 8; }

#home_connectwithus {
	display: block; 
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	width: 365px; 
	height: 96px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	padding: 4px;
	z-index: 8; }

#home_comingsoon {
	display: block; 
	position: absolute; 
	top: 5px; 
	right: 5px; 
	width: 489px; 
	height: 475px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	padding: 4px;
	z-index: 8; }

#home_comingsoon p.when { padding-bottom: 4px; font-size: 11px; }

.eventimg { border: 1px #282828 solid; margin: 3px 4px 25px 0px; }

/*-------------------- Homepage --------------------*/
.home-title { margin: -4px -4px 3px -4px; border: 0px; border-bottom: 1px #000000 solid; }

#home_advertbox {
	position: absolute; 
	top: 5px;  
	left: 5px; 
	padding: 0px;
	width: 878px;
	height: 100px; 
	border: 1px #000000 solid;
	z-index: 8; }

.ad-border { border-left: 1px #000000 solid; border-right: 1px #000000 solid; }

#home_adverts { clear: both; overflow: hidden; position: absolute; display: block; top: 0px; }	
#home_adverts ul { list-style: none; position: relative; }
#home_adverts ul li { float: left; height: 330px; width: 890px; }

#home_adverts button { position: absolute; top: 0px; border: 0px; z-index: 100;	height: 330px; width: 40px;	border-collapse: collapse;		 					   font-size: 0px; text-indent: -999999px; cursor: pointer; }
#home_adverts button.prev { left: 0px; background: url(../../baseimages/newadverts/prev.png); 
							border-collapse: collapse; }
#home_adverts button.next { right: 0px; background: url(../../baseimages/newadverts/next.png); 
							border-collapse: collapse; }
#home_adverts button:hover { outline: none; border-collapse: collapse; }
#home_adverts button:focus { outline: none; border-collapse: collapse; }

#home_servicetimes {
	position: absolute; 
	top: 115px;  
	left: 5px; 
	padding: 4px;
	width: 365px;
	height: 235px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	z-index: 8; }

#home_welcome {
	position: absolute;
	top: 368px;
	left: 5px;
	padding: 4px;
	width: 365px;
	height: 275px;
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	z-index: 8; }

#home_comingup {
	display: block; 
	position: absolute; 
	top: 115px; 
	right: 5px; 
	width: 489px; 
	height: 475px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	padding: 4px;
	z-index: 8; }

#home_comingup p.when { padding-bottom: 4px; font-size: 11px; }

.eventimg { border: 1px #282828 solid; margin: 3px 4px 25px 0px; }

#home_subsribe {
	display: block; 
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	width: 365px; 
	height: 96px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	padding: 4px;
	z-index: 8; }
	
#home_latest {
	display: block; 
	position: absolute; 
	bottom: 5px; 
	right: 5px; 
	width: 489px; 
	height: 150px; 
	border: 1px #000000 solid;
	border-bottom: 3px #000000 solid;
	padding: 4px;
	z-index: 8; }

/*-------------------- New - church diary --------------------*/
.diarydisclaimer { font-size: 11px; position: absolute; top: 2px; right: 20px; color: #CCCCCC; }

#diaryevent_container { height: 545px; overflow: auto; padding: 5px 0px 5px 0px; }

#diaryevent {
 	position: relative;
	float: left;
	width: 580px; 
	padding: 4px;
	margin: 0px 0px 5px 5px;
	border: 1px solid #007DBE; 
	background-color: #EEEEEE;
	z-index: 5; }
	
#diaryevent a { float: left; display: block; width: 100%; height: 100%; overflow: hidden; color: #000000; color: #000000; }
#diaryevent a:hover { float: left; overflow: hidden; background-color: #FFFFFF; color: #000000; }

#diaryevent p.bold { font-size: 16px; font-weight: bold; }
#diaryevent p.when { font-size: 11px; margin-bottom: 4px; } 

#churchdiarylink { display: block; position: absolute; top: 15px; left: 891px;	width: 55px; height: 265px;	z-index: 4; }
#churchdiarylink a:hover { outline: none; }
#churchdiarylink a:focus { outline: none; }

#churchweeklink { display: block; position: absolute; top: 290px; left: 891px; width: 55px;	height: 265px; z-index: 4; }
#churchweeklink a:hover { outline: none; }
#churchweeklink a:focus { outline: none; }

/*-------------------- church diary --------------------*/
#churchdiary {
	top: 5px;
	left: 5px; 
	width: 892px; 
	height: 542px; 
	overflow: hidden; 
	z-index: 9; }

.diarydisclaimer { font-size: 11px; position: absolute; top: 2px; right: 20px; color: #CCCCCC; }
	
#churchdiary div.diarycontainer { height: 560px; }

#churchdiary div.event {
	float: left;
	display: block; 
	width: 287px; 
	height: 173px; 
	overflow: hidden; 
	margin-bottom: 5px; 
	margin-top: 1px; 
	margin-right: 6px; 
	border: 1px solid #007DBE; 
	background-image: url(../../baseimages/diarybackgrounds/diary.gif);}
	
#churchdiary div.event a { float: left;	display: block; width: 100%; height: 100%; overflow: hidden; color: #000000; }
#churchdiary div.event a:hover { float: left; overflow: hidden;	background-color: #FFFFFF; }

#churchdiary div.noevent { background-image: url(../../baseimages/white.jpg); border: 1px solid #FFFFFF; }

#churchdiary div.event p.bold { font-size: 16px; font-weight: bold; margin: 3px; }
#churchdiary div.event p.when { font-size: 11px; margin: 0px 3px 4px 3px; } 
#churchdiary div.event p.info { font-size: 13px; margin: 0px 3px 2px 3px; } 

p.pageNav { position: absolute; text-align: center; bottom: 5px; left: 5px; width: 879px; font-size: 14px; z-index: 9; }
p.pageNav a 
{ display: block; border: 1px solid #007DBE; font-family: "Century Gothic"; font-weight: bold; height: 18px; width: 420px; padding: 2px 7px 2px 7px; background-color: #E0E0E0; }
p.pageNav a:hover { outline: none; }
p.pageNav a:focus { outline: none; }
p.pageNav a#pageNavBtnPrev { text-align: right; float: left; }
p.pageNav a#pageNavBtnNext { text-align: left; float: right; }

#churchdiarylink { display: block; position: absolute; top: 15px; left: 891px;	width: 55px; height: 265px;	z-index: 4; }
#churchdiarylink a:hover { outline: none; }
#churchdiarylink a:focus { outline: none; }

#churchweeklink { display: block; position: absolute; top: 290px; left: 891px; width: 55px;	height: 265px; z-index: 4; }
#churchweeklink a:hover { outline: none; }
#churchweeklink a:focus { outline: none; }

/*-------------------- Youth --------------------*/
#youthwelcome {
	top: 290px;  
	left: 45px; 
	width: 170px;
	height: 420px;
	z-index: 8;
	display: block; 
	position: absolute; 
	padding: 2px 4px 2px 4px; 
	border: 1px #666666 solid; }
	
#youth1 {
	top: 290px;  
	left: 255px; 
	width: 271px;
	height: 162px;
	z-index: 8;
	display: block; 
	position: absolute; 
	padding: 2px 4px 2px 4px; 
	border: 1px #666666 solid; }

#youth2 {
	top: 484px;  
	left: 255px; 
	width: 271px;
	height: 226px;
	z-index: 8;
	display: block; 
	position: absolute; 
	padding: 2px 4px 2px 4px; 
	border: 1px #666666 solid; }

#youth3 {
	top: 290px;  
	right: 45px; 
	width: 271px;
	height: 162px;
	z-index: 8;
	display: block; 
	position: absolute; 
	padding: 2px 4px 2px 4px; 
	border: 1px #666666 solid; }

#youth4 {
	top: 484px;  
	right: 45px; 
	width: 271px;
	height: 226px;
	z-index: 8;
	display: block; 
	position: absolute; 
	padding: 2px 4px 2px 4px; 
	border: 1px #666666 solid; }

.youth { letter-spacing: 5px; font-weight: bold; font-family: "Century Gothic"; }

/*--------------- kids ---------------*/
.kids_theme { background-image: url(../images/kids/kids_theme.jpg); background-repeat: repeat; }

#kids_welcome {
	display: block;
	position: absolute;
	top: 90px;  
	left: 15px; 
	width: 442px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }

#kids_dynamite {
	display: block;
	position: absolute;
	top: 291px;  
	left: 24px; 
	width: 392px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }

#kids_dynamitetimes {
	display: block;
	position: absolute;
	top: 513px;  
	left: 167px; 
	width: 292px;
	height: 162px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }

#kids_dynamitetimesmore {
	display: block;
	position: absolute;
	top: 513px;  
	left: 167px; 
	width: 292px;
	height: 162px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8;
	visibility: hidden; }

#kids_puzzle { position: absolute; background-color: #FFFFFF; top: 548px; right: 37px; z-index: 8; }
#kids_puzzle a { display: block; border: 2px solid #000000; width: 377px; height: 122px; padding: 4px; }
#kids_puzzle a:hover { color: #000000; }
	
#kids_puzzlescroll {
	position: relative;
	top: 10px;  
	left: 0px; 
	width: 190px;
	height: 90px;
	border: 1px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }

.puzzlecontent { position: absolute; top: 33px; left: 202px; }

#kids_aliveinside {
	display: block;
	position: absolute;
	top: 287px;  
	right: 15px; 
	width: 387px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }
	
#kids_aliveinsidealso {
	display: block;
	position: absolute;
	top: 387px;  
	right: 8px; 
	width: 247px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }

#kids_events {
	display: block;
	position: absolute;
	top: 98px;  
	right: 32px; 
	width: 340px;
	height: 160px;
	padding: 4px;
	border: 2px #000000 solid;
	background-color: #FFFFFF;
	z-index: 8; }

#kids_protection { position: absolute; background-color: #FFFFFF; bottom: 15px; left: 7px; font-size: 14px; z-index: 8; }
#kids_protection a { display: block; border: 2px solid #000000; height: 18px; padding: 4px; }

#kids_consentform { position: absolute; background-color: #FFFFFF; bottom: 15px; left: 287px; font-size: 14px; z-index: 8; }
#kids_consentform a { display: block; border: 2px solid #000000; height: 18px; padding: 4px; }

#kids_contact { position: absolute; background-color: #FFFFFF; bottom: 15px; right: 7px; font-size: 14px; z-index: 8; }
#kids_contact a { display: block; border: 2px solid #000000; height: 18px; padding: 4px; }

