/* Common settings */
* {
	margin: 0;
	padding: 0;
}

html {
	background: #f3f3f3 url('../img/bg_body.png') 0 36px repeat-x;
	/* background: #0a192c url('../img/christmas_bg_grad.jpg') 50% 36px repeat-x; */
}

/* header styles */
#header {
	width: 770px; /* previously 780px */
	height: 87px;
	margin: 0 auto;
	position: relative;
	background: #EEE no-repeat left top;
	color: #000;
}

	body.premier #header 
	{
		background-image: url('../img/premier/header.jpg');
		/*background-image: url('../img/christmas_header.jpg');*/
		background-color: #BBD570;
	}
	body.radio #header 
	{
		background-image: url('../img/radio/header.jpg');
		/*background-image: url('../img/christmas_header_radio.jpg');*/
		background-color: #93B5CE;
	}
	body.tv #header 
	{
		background-image: url('../img/tv/header.jpg');
		/*background-image: url('../img/christmas_header_tv.jpg');*/
		background-color: #F8A23F;
	}
	body.magazines #header 
	{
		background-image: url('../img/mags/header.jpg');
		/*background-image: url('../img/christmas_header_mags.jpg');*/
		background-color: #302E43;
		color: #FFF;
	}
	body.pcm #header 
	{
		background-image: url('../img/pcm/header.jpg');
		background-color: #67c6e4;
		color: #FFF;
	}
		body.pcm #header p 
		{
			top: 0px;
		}
	body.ecards #header 
	{
		background-image: url('../img/ecards/header.gif');
		background-color: #990000;
	}
	
	body.radio #header p
	{
		/*top: 0;
		right: 0;*/
		position: absolute;
		margin: 0px;
		padding: 0px;
		right: 20px;
		top: 17px;
	}
		
	#header h2 {
		position: absolute;
		margin: 0;
		padding: 0;
		left: 15px;
		top: 8px;
		border-width: 0px;
	}
		
		#header h2 a img {
			border-width: 0px;
		}
		
	#header p {
		position: absolute;
		margin: 0px;
		padding: 0px;
		right: 20px;
		top: 17px;
	}
		
		#header p a img {
			border-width: 0px;
		}
/* Footer containing text */
#footer {
	margin-top: 25px;
	width: 100%;
	height: 180px;
	background-image: url('../img/footer_bg.png');
	background-repeat: repeat-x;
	clear: both;
}
	
	#footer h2 {
	    display: none;
	}
	#footer-content {
		width: 770px;
		height: 140px;
		margin: auto;
		top: 30px;
		position: relative;
	}
		.footer-box {
			float: left;
			width: 170px; 
			margin-right: 20px;
		}
		
			.footer-box h3 {
				font-size: 100%;
				color: #666;
			}
			
			.footer-box p {
				padding-left: 10px;
				color: #333;
				line-height: 150%;
			}
			
			.footer-box a {
				color: #333;
				text-decoration: underline;
			}
			
			.footer-box a:hover {
				text-decoration: none;
			}


/* content area layout styles */
#page-container {
	width: 780px;
	margin: 0 auto;
	min-height: 750px;
	position: relative;
}

#nav-page {
	float: left;
	width: 195px;
}
#nav-page h2, #nav-page h3 {
	display: none;
}

#nav-page .advert {
	text-align: center;
}


.nav-menu h2, .nav-menu h3, .nav-menu h4 
{
	margin: 0;
	padding: 0 0 0.25em 0;
}
.nav-menu p 
{
	margin: 0;
	padding: 0.25em 0;
}
.nav-menu div {
	/* must appear before .top and .bottom */
	background: url('../img/spriteme2.png') -615px 0px;
	/*background: url('../img/navigation_span.png') repeat-y;*/
	background-repeat: repeat-y;
	padding: 0 20px;
}
.nav-menu .top {
	height: 16px;
	background: url('../img/spriteme1.png') -10px -270px no-repeat;
	/*background: url('../img/navigation_top.png') no-repeat;*/
}
.nav-menu .bottom {
	height: 16px;
	background: url('../img/spriteme1.png') -10px -306px no-repeat;
	/*background: url('../img/navigation_bottom.png') no-repeat;*/
	clear: both;
}
.nav-menu .csstop {
	height: 6px;
	/*background: url('../img/navigation_top.png') no-repeat;*/
}
.nav-menu .cssbottom {
	height: 6px;
	/*background: url('../img/navigation_bottom.png') no-repeat;*/
	clear: both;
}

	.nav-menu div ul {
		padding: 1px 0 3px 0;
		list-style: none;
		background: #fff;
		margin: 0;
	}

	.nav-menu div li {
		border-bottom: 1px solid #e5e5e5;
		list-style: none;
		margin: 0;
		line-height: 1.25em;
	}

	.nav-menu div li a {
		padding: 5px 0 5px 16px;
		background: url('../img/spriteme1.png') -4px -333px no-repeat;
		/*background: url('../img/arrow_normal.gif') 6px 9px no-repeat;*/
		text-decoration: none;
		font-weight: bold;
		display: block;
	}
	

	.nav-menu div li.current {
		background: url('../img/arrow_open.gif') 4px 10px no-repeat;
		font-weight: bold;
		padding: 0;
		border-top: 1px solid #e5e5e5;
		margin-top: 1px;
	}
		.nav-menu div li.current a {
		    padding: 5px 0 5px 16px;
		    background: none;
		}
		.nav-menu div li.current a:hover {
		    background: none;
		}


	/* Sub levels */
	.nav-menu div li li a {
		line-height: 1.5em;
		color: #515151;
		text-decoration: none;
	}

	.nav-menu div ul ul {
	    margin: 0 0 0 16px;
		font-size: 90%;
		padding: 0 0 5px 0;
	}
	.nav-menu div ul ul ul {
	    margin: 0 0 0 8px;
	}
	.nav-menu div li.current li a, .nav-menu div li.current li a:hover {
		color: #515151;
		background: none;
		padding: 0;
		font-weight: normal;
	}
	.nav-menu div li li.current, .nav-menu div li li {
	    background: none;
		border: none;
		line-height: 1.5em;
	}

	.nav-menu div li.current li a,
	.nav-menu div li.current li.current li a {
		text-decoration: none;
		color: #666;
	}
	.nav-menu div li li a:hover,
	.nav-menu div li li.current a,
	.nav-menu div li li.current li.current a,
	.nav-menu div li li li.current a {
	    text-decoration: underline;
	}
	
	.nav-menu div li li.current a, .nav-menu div li li li.current a {
		margin-top: -1px;
	}


	.nav-menu div.premier li a {
		color: #66ab48;
	}
		.nav-menu div.premier li a:hover {
			background: #baf1a0 url('../img/nav_bg_premier.gif') 0 0 no-repeat;
			color: #336611;
		}
	.nav-menu div.radio li a {
		color: #538aa6;
	}
		.nav-menu div.radio li a:hover {
			background: #e9edef url('../img/nav_bg_radio.gif') 0 0 no-repeat;
			color: #294857;
		}
	
	.nav-menu div.tv li a {
			color: #df7e17;
	}

	.nav-menu div.global li a {
		color: #666;
	}
		.nav-menu div.global li a:hover {
			background: #CCC url('../img/nav_bg_premier.gif') 0 0 no-repeat;
			color: #333;
		}
		div.global div.poll {
			padding: 0;
			margin: 0;
			border: none;
			background-image: none !important;
			position: relative;
		}		
			div.global div.poll * {
				margin: 0;
				padding: 0;
				border: none;
				background-image: none !important;
				position: relative;
			}		
			div.global div.poll h3 {
				display: block !important;
				padding: 5px 0 7px 0;
				background-color: #fff;
				border-bottom: 1px solid #ccc;
				margin-bottom: 10px;
			}			
			div.global div.poll span {
				display: block;
				margin-bottom: 10px;
			}			
				div.global div.poll span input {
					margin: 5px;
				}				
					*:first-child+html div.global div.poll span input {
						margin: 2px;
					}				
				div.global div.poll span label {
					padding-bottom: 5px;
				}				
			div.global div.poll div.vote {
				background-color: #fff;
			}			
			div.global div.poll div.viewresults {
				padding-top: 5px;
				font-size: 9px;
				border: none;
				background-color: #fff;
			}			
				div.global div.poll.results {}
				
					div.global div.poll.results div {
						padding-bottom: 10px;
					}					
					div.global div.poll.results div.resultsbar {
						height: 17px;
						padding: 0;
						background-color: #ddd;
						margin-top: 2px;
					}					
						div.global div.poll.results div.resultsbar span {
							display: block;
							padding: 3px 4px;
							font-size: 9px;
							color: #666;
						}					
					div.global div.poll.results div.numberofvotes {
						padding: 0;
						font-size: 9px;
						text-align: center;
						border-top: 1px dotted #ccc;
						padding-top: 5px;
						/* as per Charmaine's request, no. of votes now hidden */
						display: none;
					}					
					div.global div.poll.results div.extracopy {
						padding-bottom: 0 !important;
						padding-top: 5px;
						margin-top: 5px;
						border-top: 1px dotted #ccc;
						text-align: center;
					}					
						div.global div.poll.results div.extracopy * {
							display: inline !important;
						}
ol.breadcrumb {
	padding: 0 0 10px 0;
	list-style: none;
	float: left;
	margin: 0;
	color: #999;
	width: 480px;
}
	ol.breadcrumb li {
	    float: left;
	    padding: 0 5px 0 10px;
	    background: url(../img/arrow_breadcrumbs.gif) left 60% no-repeat;
	    line-height: 1.3em;
	    margin: 0;
	}
	ol.breadcrumb a {
		text-decoration: none;
	}
	ol.breadcrumb a:hover {
		text-decoration: underline;
	}
	ol.breadcrumb li.base {
	    background-image: none;
	    padding: 0 5px 0 0;
	}
/*  Text Size Changer */
ul.text-size {
	float: right;
	list-style: none;
	padding: 0px 0px 10px 10px;
	margin: 0px;
	cursor: pointer;
	width: 40px;
}
	ul.text-size li {
		display: inline;
		padding: 0px;
		margin: 0px;
	}
	ul.text-size img {
		cursor: pointer;
		padding: 0 1px;
	}
#content-container {
	width: 585px;
	float: right;
}
.contentPadding {
	/* must appear before .top and .bottom */
	background-image: url('../img/spriteme2.png');
	background-position: -10px 0px;
	/*background: url('../img/content_span.png') repeat-y;*/
	padding: 5px;
}
	.content {
		padding: 0 20px;
		background: #FFF;
		/*font-size: 108.7%;*/
		width: 536px;
	}
	.contentTop {
		height: 16px;
		background: url('../img/spriteme1.png') -10px -198px no-repeat;	
		/*background: url('../img/content_top.png') no-repeat;*/
	}
	.contentBottom {
		height: 16px;
		background: url('../img/spriteme1.png') -10px -234px no-repeat;
		/*background: url('../img/content_bottom.png') no-repeat;*/
	}
	.content .fullWidth {
		margin: 0 -20px;
		width: 576px;
		overflow: hidden;
	}
#skyscraper 
{
	position: absolute;
	left: 788px;
	top: 0;

	text-align: center;
}
#skyscraper h3 {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: normal;
	color: #515151;
	border: 0;
}
input.search-image {
	width: 14px;
	height: 14px;
	border: 0;
	padding-top: 1px;
	background-image: url('../img/spriteme1.png') -10px -164px no-repeat;
	/*background: #FFF url(../img/icon-search.gif) center center no-repeat;*/
	cursor: pointer;
	text-indent: -1000em;
	line-height: 0px;
	margin-left: 0.5em;
}
#search-bible h3
{
	font-size: 100%;
	display: block;
}
#search-bible h3 a
{
	text-decoration: none;
	color: #666;
}
#search-bible h3 a:hover
{
	text-decoration: underline;
	color: #666;
}
#tagBody #page-container, #tagBody #header-container,
#tagBody #nav-group, #tagBody #footer-content
{
	padding-right: 120px;
}
.nav-advert 
{
	text-align: center;
}
/* Ecards additions */
.ecard-send 
{
	margin: 0 auto;
	display: block;
	background: url(../ecards/send-card.gif) no-repeat;
	height: 28px;
	width: 178px;
}
	.ecard-send span
	{
		display: none;
	}	
div.card-message
{
	font-family: arial;
	background: #F9F9F7;
	border: 1px solid #E5E5E5;
	padding: 0 18px;
	margin-top: 15px;
}
p.card-message
{
	font-family: Georgia;
	font-size: 1.6em;
}
.step1, .step2, .step3
{
	background-repeat: no-repeat;
	background-position: top left;
	height: 36px;
	margin-top: 15px;
	padding-top: 8px;
}
.step1
{
	background-image: url(../ecards/step1.gif);
	padding-left: 107px;
}
.step2
{
	background-image: url(../ecards/step2.gif);
	padding-left: 101px;
}
.step3
{
	background-image: url(../ecards/step3.gif);
	padding-left: 101px;
}
.card-preview 
{
	text-align: center;
	width: 33%;
	float: left;
}
.ecard-tip 
{
	padding-top: 1em;
	color: #999;
	display: block;
}
/* NNS AKA NEW MULTI-PURPOSE VIDEO PLAYER STYLES */

/*
#dbg {
	display: none;
	position: absolute;
	top: -100px;
	padding: 10px;
	left: -170px;
	width: 350px;
	background-color: #eee;
	color: #666;
	height: 800px;
	overflow: scroll;
	border: 3px dotted #999;
}

#nns_container {
	background-color: #fff;
	padding: 15px;
	padding-right: 5px;
	width: 516px;
	background: #000 url('/global/img/nns_top.gif') no-repeat 0 0;
	margin-top: 20px;
}

	#nns_main {
		width: 354px;
		float: left;
	}
	
		#nns_stage {
			position: relative;
			width: 324px;
		}
		
			#nns_stage_curtain {
				position: absolute;
				top: 0;
				left: 0;
				width: 324px;
				height: 100%;
				color: #f00;
				display: block;
			}
	
		#nns_teaser {
			padding: 15px;
			border: none;
			background: url('/global/img/nns_bottom.gif') no-repeat 0 100%;
			margin-top: 15px;
			padding-bottom: 1px;
			clear: both;
			margin-top: 0px;
			margin-bottom: 20px;
		}
		
		#nns_advert {
			padding: 0 15px;
			padding-top: 0; /* upset the file size */ /*
			background: url('/global/img/nns_bottom.gif') no-repeat 0 100%;
			margin-top: -10px;
			border-top: 1px solid #ccc;
		}
		
			#nns_advert a img {
				border: none;
			}

	#nns_thumbs {
		width: 180px;
		float: right;
		margin-top: -10px;
	}
	
		#nns_thumbs div.thumb {
			display: block;
			float: right;
			margin: 10px 10px 0 0;
			padding-left: 10px;
			background: url('/global/img/nns_arrow.gif');
			background-repeat: no-repeat; 
			background-position: 20px 50%;
		}

			#nns_thumbs div.thumb a {
				display: block;
				text-decoration: none;
				position: relative;
				border: 1px solid #333;
			}

				#nns_thumbs div.thumb a img {
					border: none;
				}
				
					#nns_thumbs div.thumb a:hover img {
					}
				
				#nns_thumbs div.thumb a span {
					position: absolute;
					left: -1px;
					top: -1px;
					color: #fff;
					line-height: 13px;
					background-color: #000;
					text-align: center;
					text-decoration: none;
					font-weight: bold; 
					filter:alpha(opacity=80);
					opacity: 0.8;
					-moz-opacity:0.8;
					display: block; /* optionally set to none if not using mootools */ /*
					cursor: pointer;
					border: 1px solid #666;
				}
				
					#nns_thumbs div.thumb a:hover span {
						display: block;
					} */
/* NNS AKA NEW MULTI-PURPOSE VIDEO PLAYER STYLES */

#dbg {
	display: none;
	position: absolute;
	top: -100px;
	padding: 10px;
	left: -170px;
	width: 350px;
	background-color: #eee;
	color: #666;
	height: 800px;
	overflow: scroll;
	border: 3px dotted #999;
}

#nns_container {
	background-color: #fff;
	padding: 15px;
	padding-right: 5px;
	width: 516px;
	background: #fff url('/global/img/nns_top_white.gif') no-repeat 0 0;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
}

	div.content.nns #nns_container {
		margin-top: 5px;
		margin-bottom: 0px;
	}

	#nns_main {
		width: 354px;
		float: left;
	}
	
		#nns_stage {
			position: relative;
			width: 324px;
		}
		
			#nns_stage_curtain {
				position: absolute;
				top: 0;
				left: 0;
				width: 324px;
				height: 100%;
				color: #f00;
				display: block;
			}
	
		#nns_teaser {
			padding: 15px;
			border: none;
			background: url('/global/img/nns_bottom.gif') no-repeat 0 100%;
			margin-top: 15px;
			padding-bottom: 1px;
			clear: both;
			margin-top: 0px;
			margin-bottom: 20px;
		}
		
			div.content.nns #nns_teaser {
				margin-bottom: 5px;
			}
		
		#nns_advert {
			padding: 0 15px;
			background: url('/global/img/nns_bottom.gif') no-repeat 0 100%;
			margin-top: -10px;
			border-top: 1px solid #ccc;
		}
		
			#nns_advert a img {
				border: none;
			}

	#nns_thumbs {
		width: 180px;
		float: right;
		margin-top: -10px;
	}
	
		* html #nns_thumbs {
			margin-right: -5px;
			width: 160px;
		}
	
		#nns_thumbs div.thumb {
			display: block;
			float: right;
			margin: 10px 10px 0 0;
			padding-left: 10px;
			background: url('/global/img/nns_arrow_white.gif');
			background-repeat: no-repeat; 
			background-position: 20px 50%;
		}

			#nns_thumbs div.thumb a {
				display: block;
				text-decoration: none;
				position: relative;
				padding: 1px;
				border: 1px solid #ccc;
			}

				#nns_thumbs div.thumb a img {
					border: none;
				}
				
					#nns_thumbs div.thumb a:hover img {
					}
				
				#nns_thumbs div.thumb a span {
					position: absolute;
					left: 1px;
					top: 1px;
					color: #fff;
					line-height: 13px;
					background-color: #000;
					text-align: center;
					text-decoration: none;
					font-weight: bold; 
					filter:alpha(opacity=80);
					opacity: 0.8;
					-moz-opacity:0.8;
					display: block; /* optionally set to none if not using mootools */
					cursor: pointer;
					border: 1px solid #666;
					border: none;
				}
				
					#nns_thumbs div.thumb a:hover span {
						display: block;
					}




/* RADIOTHON CUSTOM STYLES */

div.radiothon_top {
	width: 585px;
	height: 155px;
	display: block;
	background-image: url('/global/img/radiothon_header.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.radiothon_main {
	width: 585px;
	height: 532px;
	background-image: url('/global/img/radiothon_bg.jpg');
	background-position: 0 100%;
	background-repeat: no-repeat;
}

	div.radiothon_main div#swfobject {
		margin-left: 4px;
		margin-bottom: -5px;
	}


	
	
/* LONDON PRAYER RELAY TABLE CSS */

#church-evts p {
	margin: 10px 0;
}

#church-evts table {
	border-callapse: callapse;
}

#church-evts table a {
	color: #99b4bf;
	text-decoration: none;
}

#church-evts table a:hover {
	color: #528CE0;
}

#church-evts table th {
	border-top: 1px dotted #f0d377;
	border-bottom: 1px dotted #f0d377;
	padding: 5px;
}

#church-evts table td  {
	padding: 4px 5px;
}


#church-evts .top-bottom {
	background-color: #e5f8ff;
}

#church-evts .top-bottom > td {
	border-top: 1px dotted #f0d377;
	border-bottom: 1px dotted #f0d377;
}

#church-evts .col-names {
	background-color: #ebf0f2;
}

#church-evts #accordion {
	margin: 0 auto;
	width: 576px;
}

#church-evts #accordion .content {
	padding: 0 10px 0 10px;
}

#church-evts div.toggler {
	cursor: pointer;	
	font-family: 'Andale Mono', sans-serif;
	font-size: 0.9em;
	background: #dae2e5;
	margin: 0 0 4px 0;
	padding: 4px 5px 1px 5px;
	height: 20px;
	line-height: 20px;
}

#church-evts div.toggler h3 {
	margin: 0;
	float: left;
}

#church-evts div.toggler span {
	float: right;
}

#church-evts div.toggler h3:hover {
	color: #fff;
}

/* PREMIER JOBS ROTATOR */
#premierjobs_rotator #premierjobs_header {
	width: 535px;
	height: 35px;
}
#premierjobs_rotator #premierjobs_ad {
	width: 141px;
	float: left;
	text-align: center;
}
	#premierjobs_rotator #premierjobs_ad p a {
		text-decoration: none;
		color: #265082;
		font-weight: bold;
	}
	#premierjobs_rotator #premierjobs_ad p a:hover {
		border-bottom: 1px dotted #265082;
	}
#premierjobs_rotator #premierjobs_jobsection {
	width: 375px;
	float: right;
	position: relative;
	margin-top: 5px;
}
	#premierjobs_rotator #premierjobs_jobsection ul {
		position: absolute;
		top: 4px;
		right: 10px;
		list-style-type: none;
	}
	#premierjobs_rotator #premierjobs_jobsection li {
		display: inline;
		margin-left: 3px;
	}
		#premierjobs_rotator #premierjobs_jobsection #premierjobs_jobs h4 {
			padding-top: 5px;
		}
		#premierjobs_rotator #premierjobs_jobsection #premierjobs_jobs p {
			margin: 0;
		}
		#premierjobs_rotator #premierjobs_jobsection #premierjobs_jobs a {
			text-decoration: none;
		}
		#premierjobs_rotator #premierjobs_jobsection #premierjobs_jobs a span {
			font-size: 0.8em;
			margin-left: 6px;
		}
		
/* Schedule */
.schedule dt
{
	font-weight: bold;
	padding: 5px 0;
}
.schedule dd
{
	padding: 0 20px;
}