/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
/*	background: #fff url(images/bg-body.gif) repeat-x;*/
	}
hr {
	display: none;
	}
a {
	text-decoration: none;
	}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
#skipLink {
	display: none;
	}

.calendari {
	font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
	color: #796f65;
}

.calendari td {
	height: 18px;
}

.descripcio { text-align: left; color: #000000;}
.descripcio span { }

#noticies {
	font: normal 1.1em/1.3em 'lucida grande',tahoma,sans-serif;
	color: #796f65;
}

#noticies h3 {
		margin: 0px 0 -5px 0px;
		font: bold 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
}

.mes_noticies {
	font: normal 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #796f65;
}

#services a.descripcio {text-decoration: none; color: #444444; font-weight: normal; }
#services a:hover.descripcio {text-decoration: none; color: #444444; font-weight: normal; }
#services a:link.descripcio {text-decoration: none; color: #444444; font-weight: normal; }
#services a:visited.descripcio {text-decoration: none; color: #444444; font-weight: normal; }

input, select {
border: 1px solid #CCCCCC;
color: #333333;
font-size: 11px;
}

/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* site id and utility links
==============================================================================*/
h1 {
	position: relative;
	height: 70px;
	}
	h1 a {
		display: block;
		position: absolute;
		top: 30px;
		width: 150px;
		height: 23px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/h1-thecitychurch.gif) no-repeat;
		}
#navUtilities {
	position: absolute;
	top: 35px;
	right: 230px;
	margin-left: 150px;
	font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
	color: #796f65;
	}
	#navUtilities a {
		text-decoration: none;
		color: #ff9300;
		}
	#navUtilities a:hover {
		color: #eae7d2;
		}


/* layout setup
==============================================================================*/
#container,
#tccnet,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
	}
#tccnet {
	z-index: 50000; /* ensures dropdown is clickable */
	}
#container,
#wrapper {
	text-align: left;
	}
#obligatorySidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 256px;
	background: url(images/bg-news.jpg) no-repeat;
	}


/* tcc network dropdown
==============================================================================*/
#tccnet form {
	float: left;
	background: url(images/tccnet-bg.gif) repeat-x;
	height: 39px;
	}
#tccnet fieldset {
	float: left; /* forces Mozilla to shrink form to size */
	background: transparent url(images/tccnet-bgleft.gif) no-repeat;
	border: 0 none;
	}
#tccnet label {
	display: block;
	float: left;
	height: 39px;
	background: transparent url(images/tccnet-bgright.gif) right top no-repeat;
	}
#tccnet select {
	margin: 10px 25px 0;
	font-size: 10px;
	}


/* top-level navigation
==============================================================================*/
#nav {
	height: 28px;
	margin-bottom: 7px;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 76px;
		background: url(images/nav-home.gif) no-repeat;
		}
	#navAbout {
		width: 97px;
		background: url(images/nav-about.gif) no-repeat;
		}
	#navAudio {
		width: 129px;
		background: url(images/nav-audio.gif) no-repeat;
		}
	#navCells {
		width: 115px;
		background: url(images/nav-cells.gif) no-repeat;
		}
	#navEvents {
		width: 142px;
		background: url(images/nav-events.gif) no-repeat;
		}
	#navMembers {
		width: 98px;
		background: url(images/nav-members.gif) no-repeat;
		}
	#navBookstore {
		width: 104px;
		background: url(images/nav-bookstore.gif) no-repeat;
		}
#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -56px;
		}


/* greeting (welcome/perspective)
==============================================================================*/
#greeting {
	float: right;
	width: 256px;
	background: #fff;
	}
#greetingTabs {
	clear: both;
	background: #eae7d2;
	height: 24px;
	}
	#greetingTabs span {
		display: block;
		float: left;
		height: 24px;
		overflow: hidden;
		}
	#welcomeTab {
		margin-right: 2px;
		width: 93px;
		cursor: pointer !important;
		background: url(images/tab-welcome.gif) no-repeat;
		}
	#perspectiveTab {
		width: 161px;
		cursor: pointer !important;
		background: url(images/tab-perspective.gif) no-repeat;
		background-position: center bottom;
		}
#welcome,
#perspective {
	display: block;
	position: relative;
	margin: 4px 5px 5px;
	width: 246px;
	height: 169px;
	overflow: auto;
	}
#welcome {
	background: url(images/welcome-bg.gif) no-repeat;
	}
	#welcome h2 {
		display: none;
		}
	#welcome p {
		position: relative;
		float: right;
		right: 10px;
		margin: 75px 0 0 0;
		width: 112px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		text-align: right;
		color: #555;
		}
	#welcome p a {
		display: block;
		margin-top: 2px;
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		}
	#welcome p a:hover {
		text-decoration: underline;
		}
#perspective {
	display: none;
	background: url(images/perspective-bg.gif) center top no-repeat;
	}
	#perspective h2 {
		display: none;
		}
	#perspective p {
		position: relative;
		margin-top: 105px;
		padding: 0 10px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#perspective p a {
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #752626;
		}
	#perspective p a:hover {
		text-decoration: underline;
		}


/* feature promos (aka 'currently')
==============================================================================*/
#currently {
	position: relative;
	float: left;
	width: 497px;
	min-height: 202px;
	margin-bottom: 16px; /* to force following elements down */
	background: #fff;
	}
	#currently h2 {
		position: absolute;
		left: -16px;
		width: 16px;
		height: 100px;
		text-indent: -5000px;
		overflow: hidden;
		background: #eae7d2 url(images/h2-currently.gif) no-repeat;
		}
	#currently div {
		margin: 5px 0 0 6px;
		}
	#currently p {
		margin: 60px;
		text-align: center;
		font: normal 1.8em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
		#currently p span {
			font-size: .8em;
			color: #999;
			}
	#currently a {
		color: #2388ff;
		font-weight: bold;
		}
	

/* latest message
==============================================================================*/
#latestMessage {
	position: relative;
	float: left;
	width: 497px;
	min-height: 64px;
	overflow: hidden;
	background: #fff url(images/bg-latestmessage.jpg) no-repeat;
	}
	#latestMessage h2 {
		margin: 6px 0 3px;
		width: 125px;
		height: 16px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/h2-latestmessage.gif) no-repeat;
		}
	#latestMessage p {
		margin-left: 20px;
		width: 283px;
		font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		#latestMessage p a {
			color: #777;
			}
		#latestMessage p a:hover {
			color: #333;
			text-decoration: underline;
			background: #ffc;
			}
	#latestMessage ul {
		position: absolute;
		top: 18px;
		right: 20px;
		height: 27px;
		overflow: hidden;
		list-style: none;
		}
		#latestMessage li {
			float: left;
			}
		#latestMessage li a {
			display: block;
			height: 27px;
			text-indent: -5000px;
			overflow: hidden;
			background: url(images/btn-listendownload.gif) no-repeat;
			}
			#latestMessage li a#listen {
				width: 69px;
				background-position: 0 0;
				}
			#latestMessage li a#download {
				width: 99px;
				background-position: 100% 0;
				}
		#latestMessage li a#listen:hover {
			background-position: 0 50%;
			}
		#latestMessage li a#download:hover {
			background-position: 100% 50%;
			}
		#latestMessage li a#listen:active {
			background-position: 0 100%;
			}
		#latestMessage li a#download:active {
			background-position: 100% 100%;
			}


/* podcast info
==============================================================================*/
#podcastInfo  {
	position: relative;
	float: right;
	width: 256px;
	min-height: 64px;
	margin-bottom: 7px;
	overflow: hidden;
	background: url(images/bg-podcastinfo.jpg) no-repeat;
	}
	#podcastInfo h2 {
		margin: 6px 0 0 10px;
		height: 17px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/h2-podcast.gif) no-repeat;
		}
	#podcastInfo p {
		margin: 0 10px 0 33px;
		font: normal 1.0em/1.6 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		#podcastInfo p a {
			text-decoration: none;
			color: #2388ff;
			font-weight: bold;
			}
		#podcastInfo p a:hover {
			text-decoration: underline;
			color: #333;
			background: #ffc;
			}


/* headers
==============================================================================*/
#guia h2,
#patrocinadors h2,
#news h2,
#events h2,
#services h2,
.feature h2 {
	clear: none;
	margin: 20px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.2em/1em 'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	#services h2,
	.feature h2 {
		margin: 20px 15px 7px 0;
		}


/* news & announcements
==============================================================================*/
#news {
	position: relative;
	float: left;
	min-height: 280px;
	height: auto;
	}
.newsItem {
	clear: both;
	margin: 10px 0 10px 10px;
	}
#news h3 {
	position: relative;
	margin-bottom: -.3em;
	font: normal 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #2388ff;
	}
	#news h3 span {
		font-size: 9px;
		color: #999;
		}

#news .newsItem p {
	margin: .5em 0 .5em 0;
	font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}

#news .withThumb h3,
#news .withThumb p {
	}

#news img {
	padding: 2px;
	float: right;
	margin-left: 7px;
	background: #fff;
	border: 1px solid #ccc;
	}
#news img.publicitat {
border: 0px none transparent;
padding: 5px;
}
#news img.patrocinadors {
border: 0px none transparent;
padding: 5px;
}
	#news img.l {
		}
	#news img.r {
		}
#news .newsletter {
font: normal 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
color: #796f65;
background-image: url(http://www.el3.org/images/bg-newsletter.gif); background-position: top left; background-repeat: no-repeat;
padding-left: 10px;
margin-left: 10px;
}


/* events
==============================================================================*/
#events {
	float: left;
	width: 100%;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#events .newsletter {
font: normal 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
color: #796f65;
background-image: url(http://www.el3.org/images/bg-guia.gif); background-position: top left; background-repeat: no-repeat; padding: 10px;
padding-left: 10px;
margin-left: 10px;
}
#events ul {
	width: 100%;
	list-style: none;
	}
#events li {
	margin: 0 0 0 10px;
	padding: 8px 3px;
	color: #555;
	border-bottom: 1px solid #eee;
	}
#events li span {
	float: right;
	}

#news a,
#events a {
	color: #2388ff;
	font-weight: bold;
	}
#news a:hover,
#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
	}

#news p.archiveLink,
#events p.archiveLink {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
	}
	#news .archiveLink a,
	#events .archiveLink a {
		display: block;
		float: right;
		padding-right: 20px;
		color: #777;
		font: normal 9px/3em 'lucida grande',tahoma,sans-serif;
		}
#news .archiveLink a {
	background: url(images/icon-document.gif) 100% 50% no-repeat;
	}
#events .archiveLink a {
	background: url(images/icon-calendar.gif) 100% 50% no-repeat;
	}



/* patrocinadors
==============================================================================*/
#patrocinadors {
	position: relative;
	float: left;
	min-height: 280px;
	height: auto;
	}
#patrocinadors img {
	}

/* guia
==============================================================================*/
#guia {
	position: relative;
	float: left;
/*	min-height: 280px;*/
	height: auto;
	}
#guia .newsletter {
	}

	
/* agenda
==============================================================================*/
#services .message p {
	margin: 0 65px 0 25px;
	font-size: 1em;
	}
#services .message p strong {
	font-size: 1.1em;
	}
#services .message p span {
	padding-right: 10px;
	font-weight: bold;
	}
#services .message p a {
	padding-bottom: 2px;
	}
#services .message p a:hover {
	}
#services .message ul {
	position: absolute;
	top: 1.2em;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	}
#services .message a:hover {
	text-decoration: none;
	background: none;
	}
#services .message ul li {
	position: absolute;
	margin: 0; /* override */
	list-style: none;
	font-size: .9em; /* override */
	line-height: .9em; /* override */
	width: 16px;
	height: 16px;
	overflow: hidden;
	}
#services .message ul li a {
	display: block;
	height: 16px;
	text-indent: -5000px;
	}
	
/* service information
==============================================================================*/
#services p {
		margin: 0px 10px 10px 0px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #000000;
}
#services a {
		margin: 0px 10px 10px 0px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: blue;
}
#services b {
		font-weight: bold;
}
#services table, form {
		margin: 0px 10px 10px 0px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #000000;
}
#services {
	position: relative;
	float: left;
	width: 512px;
	min-height: 280px;
	height: auto;
	background: url(images/bg-services.jpg) right top no-repeat;
	}

#services h3 {
	margin: 1.3em 0 0 0;
	font: bolder 1.2em 'lucida grande',tahoma,sans-serif;
	text-transform: uppercase;
	color: #555;
	}
	
#services .directori  { border-left: 5px solid #333333; line-height: 29px; margin: 0px 0px 0px 0px; padding:5px 0px 5px 6px; }


#services .message {
	position: relative;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	}
#services .message:hover { /* eye-candy for Safari and FireFox */
	background-color: #FFCC00;
/*	background: url(http://www.el3.org/images/bg-agenda.jpg) repeat-y;*/
	}

#serviceInfo {
	position: relative;
	float: right;
	right: 15px;
	width: 369px;
	}
	#serviceInfo a {
		color: #2388ff;
		font-weight: bold;
		}
	#serviceInfo a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	#serviceInfo .left {
		position: relative;
		left: 15px;
		margin-right: 30px;
		}
	#serviceInfo h3 {
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#serviceInfo p {
		margin: 10px 0 10px 15px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	#serviceInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	#serviceInfo ul li {
		margin: 5px 0;
		}
#ministryList {
	position: relative;
	float: left; /* prevents margin collapse */
	width: 128px;
	list-style: none;
	font: bold 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #777;
	background: url(images/bg-campuses.jpg) right top repeat-y;
	}
	#ministryList li {
		margin: .09em 0;
		}
	#ministryList li#listTop {
		margin-top: 0;
		background: url(images/bg-servicestop.jpg) right top no-repeat;
		}
	#ministryList li#listBottom {
		margin-bottom: 0;
		background: url(images/bg-servicesbottom.jpg) right bottom no-repeat;
		}
	#ministryList li ul {
		margin: 0 0 .63em;
		list-style: none;
		}
	#ministryList li ul li {
		position: relative;
		margin: 0;
		padding-left: 11px;
		font-weight: normal;
		background: url(images/arrow-miniorange.gif) 0 50% no-repeat;
		}
#ministryList a,
#ministryList span {
	display: block;
	min-height: 1.55em;
	padding-top: .45em;
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#ministryList span { cursor: default; }
#ministryList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#siGC ul {
	display: none;
	}


/* features
==============================================================================*/
.feature {
	position: relative;
	float: left;
	margin-top: 2em;
	width: 512px;
	}
.feature a {
	margin-right: 7px;
	}
	.feature a.endRow {
		margin-right: 0;
		}
.feature a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.feature a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}


/* footer
==============================================================================*/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background-color: #2F4E70;
	}
#siteMap,
#copyright {
	margin-top: 0;
	}
#siteMap {
	float: left;
	width: 497px;
	}
#siteMap .column {
	float: left;
	width: 160px;
	}
#siteMap li {
	display: block;
	list-style: none;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#siteMap li a {
	display: block;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #ff9300;
	}
	#siteMap li li a {
		padding-left: 10px;
		font-size: .81em;
		line-height: 1em;
		font-weight: normal;
		color: #eae7d2;
		background: url(images/arrow-miniorange.gif) left center no-repeat;
		}
#siteMap li a:hover {
	text-decoration: underline;
	color: white;
	/*background: #3e362f;*/
	}
	#siteMap li li a:hover {
		text-decoration: underline;
		/*background: #3e362f url(images/arrow-miniorange.gif) left center no-repeat;*/
		}
#copyright {
	float: right;
	width: 256px;
	background: #27415D;
	border: 1px solid #416C9C;
	}
#copyright p {
	margin: 15px 10px;
	font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	}
#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #60bffb;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}

/* sIFR
==============================================================================*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-hasFlash #news h2,
.sIFR-hasFlash #events h2,
.sIFR-hasFlash #services h2,
.sIFR-hasFlash .feature h2 {
 	visibility: hidden;
 	}
.sIFR-hasFlash #content h2,
.sIFR-hasFlash #content h3,
.sIFR-hasFlash #sideBar h2 {
	visibility: hidden;
 	}
.sIFR-hasFlash #content h2 {
 	letter-spacing: -9px;
 	font-size: 36px;
 	line-height: 30px;
 	}
.sIFR-hasFlash #content h3 {
	margin-bottom: -5px;
	}
 .sIFR-hasFlash #content #serviceInfo h3 {
 	visibility: visible !important;
	}