body
{
background:url(images/background.jpg) no-repeat;

background-color:#355b66;
color:#222222;
padding:0px;
margin:0px;
/*font-size:13px;*/
font-size:80%;
font-family:Verdana;
/*font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;*/
}

div
{
overflow:hidden;
}

p
{
margin-top:3px;
}

a
{
color:#0084d8;
}

a:link, a:visited, a:active
{
text-decoration:none;
color:#0084d8;
font-size:1em;
border-style:none;
}

a:hover
{
text-decoration:underline;
cursor:pointer;
}

ul
{
margin-left:20px;
list-style-type:circle;
}

img
{
border-style:none;
border-width:0px;
}

h1
{
/*font-family:Georgia, Times, "Times New Roman", serif;*/
font-family:Verdana;
font-size:2.0em;
}

h2
{
font-family:Verdana;
font-size:1.8em;
}

h3
{
font-family:Verdana;
font-size:1.5em;
padding-top:20px;
}

h4
{
font-family:Verdana;
font-size:1.3em;
padding-bottom:3px;
}

h5
{
font-family:Verdana;
font-size:1.1em;
margin-top:5px;
/*margin-top:20px;*/
padding-top:0px;
padding-bottom:0px;
margin-bottom:3px;
}

.preserveWhitespace
{
white-space:pre-wrap
}

.picture
{
background-color:#FFFFFF;
padding:7px;
border-style:solid;
border-width:1px;
border-color:#000000;
box-shadow:2px 2px 2px #555555;
margin:5px;
}

.indented
{
margin-left:15px;
}

.thisWeekItem
{
font-size:0.9em;
margin-left:15px;
margin-top:2px;
margin-bottom:2px;
}

.noLink, .secretLink, .secretLink:active, .secretLink:visited, .secretLink:link
{
color:#000000;
}

.noLink:link, .noLink:hover, .noLink:active, .noLink:visited
{
text-decoration:none;
color:#000000;
cursor:default;
}

.clickable
{
cursor:pointer;
}

#container /*div that contains all the divs and elements*/
{
background-color:transparent;/*#ffefbd;f8f7cf;*/
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

#header /*top of the page with logos and main menu, above the banner / contained within the container*/
{
background:transparent;
width:auto;
height:auto;
overflow:hidden;
padding-left:0px;
padding-right:0px;
padding-top:10px;
}
	#logos
	{
	margin-bottom:10px;
	}
	
	#radioLogo
	{
	float:left;
	}
	
	#elceLogo
	{
	float:right;
	}
	
	#listenBar
	{
	
	margin-bottom:5px;
	}
	
	#listenTech
	{
	float:left;
	width:347px;
	height:36px;
	background:url(images/listen.png);
	}
	
	#currentSongDisplay
	{
	color:#ddddff;
	font-size:1em;
	font-family:"Calibri";
	background-color:transparent;
	width:222px;
	height:18px;
	position:relative;
	left:114px;
	top:8px;
	}
	
	#listenTech:hover
	{
	/*cursor:pointer;*/
	}
	
	#socialButtons
	{
	float:right;
	height:36px;
	/*background-color:#dddddd;*/
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
	}
	
	/*#socialButtons img
	{
	margin:3px;
	margin-left:1px;
	margin-right:1px;
	}*/
	
	#topMenu
	{
	height:43px;
	background:url(images/topMenuBackground.png) no-repeat center top;
	padding-left:22px;
	padding-right:-20px;
	padding-top:2px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	}

		@font-face 
		{ 
		font-family: 'Avenir LT 95 Black';
		src: url('fonts/aven1.eot');
		src: local('?'), url('fonts/aven1.woff') format('woff'), url('fonts/aven1.ttf') format('truetype'), url('fonts/aven1.svg') format('svg');
		font-weight: normal;
		font-style: normal;
		}

		#topMenu a
		{
		float:left; 
		text-decoration:none; 
		color:#ffffff; 
		font-family:"Avenir LT 95 Black";
		font-weight:lighter;
		font-size:14px;/*1.1em*/
		padding:10px 15px;
		cursor:pointer;
		}
		
		#topMenu a:hover
		{
		color:#244369;
		background-color:#fffcdf;
		}
		
		#donateButton
		{
		background-color:#9a2925;
		}
		
	
#topBanner
{
background-color:transparent;
width:940px;
height:313px;
margin-bottom:10px;
}

#mainBody /*the big container vertically between the top banner and the footer. Contains: variablePanel, rightPanel*/
{
padding:10px;
background-color:#ffffff;
width:auto;
height:auto;
}

	#spreadTheWord
	{
	margin-bottom:10px;
	padding-left:3px;
	}

	#spreadTheWord h5
	{
	margin-top:5px;
	margin-bottom:3px;
	}

	#spreadTheWord ul
	{
	margin:0px;
	padding:2px;
	}

	#spreadTheWord li
	{
	display:inline;
	margin:0px;
	padding:0px;
	}
	
	#largePanel /*contained in MAIN_BODY*/
	{
	margin:0px;
	padding:0px;
	background-color:transparent;
	width:610px;
	height:auto;
	float:left;
	}

	#smallPanel /*contained in MAIN_BODY*/
	{
	margin:0px;
	padding:0px;
	background-color:transparent;/*#FFFFFF;#129874;*/
	width:300px;
	height:auto;
	float:right;
	/*border-radius:5px;
	border-style:solid;
	border-width:1px;
	border-color:#b24f1d;*/
	}
	
	#thisWeekPanel .panelContent
	{
	position:relative;
	top:-10px;
	border:solid;
	border-color:#bbbbbb;
	border-top-color:#eeeeee;
	margin-left:1px;
	border-width:1px;
	
	border-bottom-left-radius:20px;
	padding-right:5px;
	
	}
	
	.largeElementPanel
	{
	margin-bottom:10px;
	width:610px;
	display:block;
	}
	
	.smallElementPanel
	{
	margin-bottom:10px;
	width:300px;
	display:block;
	}
	
	#appSideBanner
	{
		background-image:url("images/app_sideBanner.png");
		background-repeat:no-repeat;
		position:relative;
		width:300px;
		height:100px;
	}
	
	.phoneMarketplaceIcon
	{
		position:absolute;
		bottom:5px;
	}
	
	.pmi-left
	{
		left:10px;
	}
	.pmi-centre
	{
		left:120px;
		bottom:7px;
	}
	.pmi-right
	{
		right:10px;
	}
	
	.titleBar
	{
	margin-bottom:10px;
	}
	
	#tellSystem
	{
	background-color:transparent;
	}
	
	#tellAFriendPanel
	{
	float:right;
	}
	
	#tellField, #newsletterSubscribeField
	{
	background-color:#fffcdf;
	}
	
	#tellButton
	{
	background-image:url('images/tellThemButton.png');
	width:134px;
	height:22px;
	border:none;
	cursor:pointer;
	}
	
	#newsletterSubscribeButton
	{
	background-image:url('images/subscribe.png');
	width:134px;
	height:22px;
	border:none;
	cursor:pointer;
	}
	
	#radioButton
	{
	margin-top:6px;
	width:150px;
	height:76px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url('images/listenButton.png') 0px 0px;
	}
	
	#radioButton:hover
	{
	cursor:pointer;
	background:url('images/listenButton.png') 0px 75px;
	}
		
		#adverts
		{
		margin-top:0px;
		padding:2px;
		padding-top:0px;
		padding-bottom:5px;
		background-color:#DDDDDD;/*#129874;*/
		height:auto;
		border-radius:5px;
		border-style:solid;
		border-width:1px;
		border-color:#b24f1d;
		}
	
	
#footer
{
background-color:transparent;
width:98%;
height:88px;
overflow:hidden;
padding:1%; /*15 each side*/
border-top:dotted;
border-width:1px;
}

	#facebook
	{
	width:300px;
	overflow:hidden;
	float:left;
	margin-right:15px;
	}

	#twitter
	{
	width:250px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	}
	
	#tellAFriend
	{
	width:190px;
	overflow:hidden;
	float:left;
	}
	
	#newsletter
	{
	width:208px;
	overflow:hidden;
	float:right;
	}

#misc
{
width:960px;
color:#ffffff;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:10px;
padding:0px;
}

#credits
{
width:940px;
background-color:rgba(0,0,0,0.2);
font-size:0.9em;
color:#aaaaaa;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:25px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
}

#credits a
{
color:#ffffff;
}

#copyright
{
float:right;
}

#broadcastersLink:link, #broadcastersLink:active, #broadcastersLink:visited
{
float:right;
color:#ffffff;
}

#visitorCounter
{
float:left;
}

#integrator
{
background-color:#000000;
width:100%;
height:40px;
padding:0px;
margin:0px;
}

#options
{
width:960px;
margin-left:auto;
margin-right:auto;
padding:0px;
margin-bottom:0px;
border-right:solid;
border-width:1px;
border-color:#555555;
}

#options a
{
color:#ffffff;
padding:10px;
display:inline;
float:right;
height:100%;
width:auto;
border-right:solid;
border-left:solid;
border-width:1px;
border-color:#555555;
cursor:pointer;
text-decoration:none;
}

#options a:hover
{
background-color:#444444;
}

.panelContent
{
padding-left:10px;
}

.panelContentIndentException
{
padding-left:0px;
}

.currentIntegrator
{
background-color:#444444;
font-weight:bold;
}

.episode
{
margin-top:7px;
margin-bottom:7px;
padding:10px;
background-color:#dddddd;
position:relative;
}

.episode a
{
font-weight:bold;
}

.episode a:visited
{
color:#202488;
}

.episodeContent
{
/*float:left;*/
}

.episodeImage
{
float:left;
width:50px;
margin-right:10px;
}

.episodeTitle
{
font-size:1.1em;
}

.episodeActionButtons
{
position:absolute;
bottom:10px;
right:10px;
}

#homePageProgramme, #readings_indexPage
{
margin:10px;
}

#readings_title_indexPage
{

}

.programmeTable
{
border-collapse:collapse;
margin-left:10px;
}

.programmeItem
{
vertical-align:top;
font-variant:small-caps;
}

#programmeHyphen
{
padding-left:4px;
padding-right:4px;
}

#podcastsSearchPanel .panelContent
{
margin-top:17px;
}

#searchPhraseField
{
width:254px;
}

.podcastsSearchPanelElement
{
background-color:#dbe7f1;
padding:10px;
margin-bottom:10px;
}

.podcastsSearchPanelElement h5
{
margin-top:0px;
}

#podcastsShowDropDown
{
width:260px;
}

#podcastsSearchForm, #podcastsShowSelectForm, #podcastsLatestForm, #podcastsPickDateForm
{
margin:10px;
margin-bottom:0px;
}

.podcastsPanelButton
{
margin-top:4px;
float:right;
width:110px;
}

#podcastsDateFromDiv
{
float:left;
}

#podcastsDateToDiv
{
float:right;
}

#podcastsDatePickerTo, #podcastsDatePickerFrom
{
width:100px;
}

#searchHintBox
{
background-color:#ffffff;
visibility:hidden;
padding-top:2px;
padding-bottom:2px;
margin-top:0px;
margin-left:0px;
margin-right:10px;
margin-bottom:10px;
border-style:solid;
border-width:1px;
border-color:#555555;
position:absolute;
z-index:2;
}

#searchHintBox a
{
display:inline;
text-decoration:none;
color:#111111;
padding:3px;
padding-bottom:1px;
padding-top:1px;
margin-bottom:2px;
margin-top:2px;
}

#searchHintBox a:hover
{
background-color:#aaaaaa;
color:#ffffff;
}

#searchHintBox span
{
display:inline;
text-decoration:none;
color:#111111;
padding:3px;
padding-bottom:1px;
padding-top:1px;
margin-bottom:2px;
margin-top:2px;
}

#programmeListPanel /*contained in VATIABLE_PANEL (it's the left hand side menu - submenu)*/
{
	background-color:transparent;
	width:auto;
	height:auto;
	font-variant:small-caps;
	}
	
	#programmeListPanel ul
	{
	padding:0px;
	margin:0px;
	list-style-type:none;
	}

	#programmeListPanel li
	{
	text-align:right;
	border-top:none;
	padding:1px;
	margin:0px;
	background-color:transparent;
	border-top:solid;
	border-width:1px;
	border-color:#CFCFCF;
	cursor:pointer;
	}

	#programmeListPanel li:hover
	{
	background-color:#dbe7f1;/*#677b94;*/
	/*color:#ffffff;*/
	}

.basicTable th
{
padding-right:10px;
}

.basicTable td
{
padding-left:10px;
}

#guideSelectionMenu li /*unordered list*/
{
display:inline;
cursor:pointer;
font-family:"Trebuchet MS";
text-decoration:underline;
}

#guideSelectionMenu li:hover
{
color:#FFFFFF;
background-color:#800f03;
}

#guideTable
{
font-family:Arial;
margin-top:4px;
background-color:#FFFFFF;
border:solid;
border-width:1px;
border-collapse:separate;
table-layout:fixed;
}

#guideTable td
{
height:40px;
border:solid;
border-color:gray;
border-width:1px;
text-align:center;
}

#guideTable td:hover:not(.emptyCell)
{
background-color:#800f03;
color:#FFFFFF;
cursor:pointer;
}

#guideTable th
{
background-color:#191980;
color:#FFFFFF;
border:solid;
border-width:2px;
border-color:#000000;
cursor:default;
}

.emptyCell
{
text-align:center;
cursor:default;
}

.conversations
{
background-color:#987A9F;
}

.architecture
{
background-color:#f5af04;
}

.churchAtWar
{
background-color:#92f457; /* reused for stewards of Christ*/
}

.congregationInFocus
{
background-color:#f2f492;
}

.crossEncounters
{
background-color:#128957;
}

.dailyOffices
{
background-color:#B49C91;
}

.designer
{
background-color:#6d5898;
}

.didYouKnow
{
background-color:#d43737;
}

.greatCommission
{
background-color:#4a8582;
}

.healthMatters
{
background-color:#00fff2;
}

.joyfulMourning
{
background-color:#b5af04;
}

.lordsPrayer
{
background-color:#73a93f;
}

.loveLetters
{
background-color:#ff97db;
}

.lutheranHour
{
background-color:#73a9e2;
}

.lutheranWorship
{
background-color:#843930;
}

.musicAndChurch
{
background-color:#72dcc8;
}

.news
{
background-color:#eef606;
}

.onTheSpot
{
background-color:#bebfbe;
}

.planetSport
{
background-color:#07848c;
}

.radioBiography
{
background-color:#ff6311;
}

.religiousEducation
{
background-color:#00a2ff;
}

.specialReport
{
background-color:#06c87d;
}

.straightAnswers
{
background-color:#ff4587;
}

.whatAbout
{
background-color:#e38b60;
}

.moreThanGold
{
background-color:#aeb35f;
}

.stewards
{
background-color:#48a718;
}

.songsOfHope
{
background-color:#92f457; /*reused from stewards of Christ*/
}

.lutheranInquisitor
{
background-color:#6a62a7;
}

.refLec
{
background-color:#49c143;
}

.faithThatFunctions
{
background-color:#ee7600;
}

.sundayCantata
{
background-color:#b7c8d4;
}

.academy
{
background-color:#d194c5;
}

.gospelOfMark
{
background-color:#a8c799;
}

.lutheranReformationInGB
{
background-color:#1849dc;
color:#bbbbbb;
}

.actsOfApostles
{
background-color:#3c44ea;
color:#ffffff;
}

.lutheranWalkThroughLondon
{
background-color:#00dce3;
}

.faqItem
{

}

.faqQuestion
{
font-size:1.2em;
padding:5px;
color:white;
font-weight:bold;
background:url('images/faqQuestionBackground.png');
background-color:#393939;
background-repeat:repeat-x;
border-style:solid;
border-width:1px;
border-color:#000000;
border-top-left-radius:10px;
border-top-right-radius:5px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
cursor:pointer;
}

.faqQuestion:hover
{
color:#67acd8;
}

.faqAnswer
{
display:none;
border-style:solid;
border-top:none;
border-width:1px;
border-color:#000000;
background-color:#FFFFFF;
border-bottom-right-radius:10px;
border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:5px;
padding:5px;
margin-left:2px;
margin-right:2px;
margin-bottom:5px;
}

.popper
{
display:none;
margin-bottom:6px;
margin-left:7px;
padding-left:12px;
border-left:solid;
border-width:1px;
}

.linkLike
{
color:#0084d8;
font-weight:bold;
}

.linkLike:hover
{
text-decoration:underline;
cursor:pointer;
}

.bankTransferDonateItem p
{
margin-bottom:1px;
padding-bottom:1px;
}

.bankTransferDonateHeader
{
cursor:pointer;
}

.passedEvent
{
color:#888888;
font-size:85%;
}

.expandButton
{
height:15px;
width:15px;
background:url('images/expandCollapse.png') 0px 0px;
}

.collapseButton
{
height:15px;
width:15px;
background:url('images/expandCollapse.png') 0px 15px;
}

.podcastItem h4
{
margin-bottom:0px;
padding-bottom:0px;
}

.podcastItem h5
{
margin-top:0px;
}

.podcastItem audio
{
margin-top:10px;
}

.greyish
{
background-color:#dddddd;
}

.loginContainer, .specialContainer
{
background-color:#ffffff;
width:700px;
height:auto;
min-height:100px;
margin-top:60px;
margin-left:auto;
margin-right:auto;
padding:15px;

border-radius:20px;
-webkit-border-radius:20px;
box-shadow:0px 0px 30px #159DC8;
-webkit-box-shadow:0px 0px 30px #159DC8;
}

.loginPanel
{
background-color:#ffffff;
width:150px;
height:150px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
padding:20px;
border:solid;
border-width:2px;
border-color:#444444;
border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 0 10px #111111;
-webkit-box-shadow:0 0 10px #111111;
}

.loginForm
{
margin:auto;
}

.loginHeader, .specialHeader
{
position:relative;
padding-bottom:5px;
margin-bottom:0px;
border-bottom:solid;
border-width:1px;
border-color:#000000;
}

.logoutButton
{
font-weight:bold;
font-size:1.3em;
position:absolute;
bottom:5px;
right:0px;
}

#downloadPanel
{
background-color:#ffffff;
width:600px;
height:auto;
margin-left:auto;
margin-right:auto;
}

/* Daily Offices readings */
#daily_offices_frequency_div
{
/*
width:49%;
float:left;
*/
}

#daily_offices_readings_div
{
margin-top:20px;
/*
width:49%;
*/
}

.daily_offices_psalm
{
padding-right:12px;
border-right:solid 1px;
}

.daily_offices_gospel
{
padding-left:10px;
}

.frequency_title
{
display:inline-block;
width:inherit;
}

.frequency_time_subtitle
{
padding-left:4px;
padding-right:4px;
}

.frequency_time_value
{
padding-left:4px;
padding-right:4px;
text-align:center;
}