/* General Styles */

* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	width: 100%;
	background-color: #FFF;
	font-family: "Helvetica Neue", helvetica, verdana, arial, sans-serif;
	font-size:120%;
    line-height:1.25em;
    color: #333333;
}

body.youthsite {font-size:100%;}

/* Text Formatting */

#main-body p, body.homepage #welcome {
	font-size: 0.875em;
	padding: 0.7em 0;
}

p#logout {
	padding-top: 2.275em;
}

#additional-info, body.homepage #latest-items, .further-links {
	font-size: 0.75em;
	padding: 0.7em 0;
}

#additional-info h2 {
	clear: both;
}
h1, h2, h3, h4 {
	font-family: "Helvetica Neue Light", helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	text-align: left;
}

h1 {
	color: #EE7D00;
}

#main-body h1 {
	margin-top: -0.7em;
	margin-bottom: 0.45em;
	/*overflow: visible;*/
}

h2 {
	color: #C20319;
	margin: 0.5em 0;
}

body.whoswho h2, body.programme h2 {
	clear: both;
}

#main-body h3 {
	margin: 0.5em 0;
}

body.homepage #latest-items h3 {
	font-size: 100%;
}

#footer, #breadcrumbs {
	color: #aaa;
	font-size: 0.625em;
	line-height: 1.3em;
}

#main-body ul {
	font-size: 0.875em;
	margin-left: 3em;
}

.diary_ind_event ul {
	margin-left: 0.5em;
}

#main-body ul li, #news_nav ul li, .diary_ind_event ul li {
	list-style-type: none;
  	background: url(/images/misc/bullet.png) no-repeat center left;
  	padding-left: 1em;
}

p.further-links {
	padding: 0;
	text-align: right;
}

blockquote {
	margin: 1em 2em;
	background: transparent url(/images/misc/quote-end.png) right bottom no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

blockquote p {
	padding: 0.7em 2.5em !important;
}

blockquote p:first-child {
	background: transparent url(/images/misc/quote-start.png) left top no-repeat;
}

blockquote cite {
	color:#999999;
	font-style: italic;
	display: block;
	width: 100%;
	text-align: right;
}

blockquote.vision p {
	text-align: center;
	font-size: 1.143em !important;
	line-height: 1.4em;
}

q {
	font-style: italic;
}

.center {
	text-align: center;
}

#main-body img, iframe {
	padding: 5px;
	background-color: #fff;
}

/* Links */

a:link {
	color: #C20319;
	text-decoration: none;
}
a:visited {
	color: #C20319;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #EE7D00;
	text-decoration: underline;
}
a:focus	{
	-moz-outline-style: none;
}

#breadcrumbs a, #footer a{
	color: #aaa;
}

/* Layout */

#page-wrapper {
	padding: 0px 30px;
}

#outer-box {
	position: relative;
	min-width: 750px;
	max-width: 1100px;
	margin: 0px auto;
	text-align: left;
	width: 750px; /*for <= IE6*/
	wid\th: auto;
}

#static-box {
	position: relative;
	top: 0px;
	left: 0px;
	background: url(/images/layout/left-bg.jpg) no-repeat top left;
}

#inner-static-box {
	background: url(/images/layout/right-bg.jpg) no-repeat top right;
}

body.youthsite #static-box {
	background-image: url(/images/layout/youth_left-bg.jpg);
}

body.youthsite #inner-static-box {
	background-image: url(/images/layout/youth_right-bg.jpg);
}

body.homepage #bgimage-box {
	background: url(/images/layout/lovingengaginggrowing.gif) no-repeat center right;
	bac\kground-image: url(/images/layout/lovingengaginggrowing.png);
}

#content-box {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	margin: 0px 33px 25px 195px;
	width: 520px; /*for < IE6*/
	wid\th: auto;
}

#main-body {
	position: relative;
	text-align: justify;
	float: left;
	margin-left: 4%;
	width: 60%;
	margin-top: 112px;
}

#additional-info {
	float: right;
	width: 28%;
	margin-right: 4%;
	height: 300px;
	margin-top: 112px;
	padding-top: 1.3em;
}

/* Misc Page Elements */

#footer {
	width: 60%;
	clear: both;
	padding: 1.5em 4%;
}

#site-copyright {
	float: left;
	margin-bottom: 1.5em;
}

#site-credits {
	float: right;
	margin-bottom: 1.5em;
}

#logo {
	padding: 18px 0px 12px 20px;
}

#logo img {
	border: none 0;
}

#breadcrumbs {
	width: 165px;
	padding: 40px 20px 0px 10px; 
	text-align: right;
}

/* Menu */

#menu-box {
	position: relative;
	margin-left: 11px;
	padding-top: 25px;
	width: 183px;
	float: left;
}

#menu-right {
	width: 26px;
	float: right;
	padding: 10px 0px 0px 7px;
	color: white;
}

#clearer {
	float: none;
	clear: both;
	background: url(/images/layout/right-bg-btm.gif) no-repeat top right;
	bac\kground-image: url(/images/layout/right-bg-btm.png);
}

#clearer div {
	background: url(/images/layout/left-bg-btm.gif) no-repeat top left;
	bac\kground-image: url(/images/layout/left-bg-btm.png);
	height: 280px;
}

/* Full Width Pages */

body.fullwidth #main-body {
	margin-right: 4%;
	width: 92%;
}

body.fullwidth #footer {
	width: auto;
}

/* HomePage */

body.homepage #content-box {
	position: relative;
	margin: 10px 33px 0 33px;
	width: 684px;
	wid\th: auto;
}

body.homepage #static-box{
	background-image: url(/images/layout/homemenu-bg.jpg);
}

body.homepage #inner-static-box{
	background-image: url(/images/layout/homemenu-right.gif);
	bac\kground-image: url(/images/layout/homemenu-right.png);
}

body.homepage #clearer {
	background: url(/images/layout/homemenu-btm.gif) no-repeat top left;
	bac\kground-image: url(/images/layout/homemenu-btm.png);
}

body.homepage #clearer div {
	background: url(/images/layout/homemenu-btm-right.gif) no-repeat top right;
	bac\kground-image: url(/images/layout/homemenu-btm-right.png);
	height: 25px;
}

body.homepage #welcome {
	padding: 0.5em 0;
}

body.homepage #welcome h1 {
	float: left;
	margin-top: 0.4em;
}

body.homepage #welcome p {
	margin-left: 30em;
	text-align: right;
}

body.homepage #latest-items h2 {
	margin-top: 0.2em;
}

body.homepage #news, body.homepage #diary, body.homepage #podcast {
	float: left;
	width: 30%;
	margin: 0 2.5%;
}

body.homepage #news {
	margin-left: 0;
}

body.homepage #podcast {
	margin-right: 0;
	border-right: none 0px;
}

body.homepage #footer {
	padding-left: 0;
	padding-right: 0;
	width: auto;
}

/* Menu Buttons */

#menu-box ul {
	position: static;
	width: 183px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu-box ul:first-child {

}

#menu-box li { 
	padding: 1px 0;
	display: inline;
	width: 183px;
}

#menu-box a {
	display: block;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
	border: none;
}

#menu-box a:hover {
	color: #fff;
	background: url(/images/misc/black_50_alpha.png);
	text-decoration: none;
}

#menu-box ul ul li {

}

#menu-box ul ul a {
	display: block;
	padding: 5px 5px 5px 40px;
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
}

#menu-box ul ul a:hover {
	color: #fff;
	background: url(/images/misc/black_50_alpha.png);
	text-decoration: none;
}

#menu-box li.current a {
	font-weight: bold;
	background: url(/images/misc/menu-selected.png) no-repeat center right;
}

/* Additional Info  - DETAILS */

#additional-info .details {
	
}

.details dt, .contact-details dt {
	text-indent: -1000px;
	overflow: hidden;
	float: left;
	width: 25px;
}

.details dd, .contact-details dd {
	margin-left: 25px;
}

.details .description {
	background: url(/images/icons/info-grey.png) no-repeat center;
}

.details .time {
	background: url(/images/icons/time.png) no-repeat center;
}

.details .location {
	background: url(/images/icons/building.png) no-repeat center;
}

.details .audience {
	background: url(/images/icons/person.png) no-repeat center;
}

/* Additional Info  - CONTACT */

#additional-info .vcard {
	text-align: center;
	padding: 1em 0 0 0;
	clear: both;
}

body.whoswho .vcard {
	clear: both;
	padding-top: 1em;
	border-top: 1px solid #f0f0f0;
}

body.whoswho .vcard:first-child {
	border: none;
}

body.whoswho .contact-details dd {
	margin-left: 30px;
}

#additional-info .vcard .photo, body.whoswho .photo {
	clear: both;
	padding: 5px;
	background-color: #fff;
	border: 1px #fff solid;
}

body.whoswho .vcard .photo {
	float: left;
	margin: 0 1em 1em 0;
}

body.whoswho .even .photo {
	float: right;
	margin: 0 0 1em 1em;
}

#additional-info .vcard a.url:hover .photo {
	border-color: #EE7D00;
}

#additional-info .vcard .fn {
	text-align: center;
}

body.whoswho .fn {
	
}

body.whoswho dl {
	margin-left: 157px;
	font-size: 0.875em;
	padding: 0.7em;
	border-top: 1px solid #eee;
}

body.whoswho .vcard p {
	margin-left: 160px;
}

body.whoswho .even dl, body.whoswho .even p {
	margin-left: 0;
	margin-right: 160px;
}

#additional-info .vcard .role {
	font-style: italic;	
}
#additional-info .vcard .org, body.whoswho .org {
	display: none;
}
#additional-info .contact-details {
	text-align: left;
}

.contact-details .role_detail {
	background: url(/images/icons/person.png) no-repeat center;
}

.contact-details .email_detail {
	background: url(/images/icons/email.png) no-repeat center;
}

.contact-details .tel_detail {
	background: url(/images/icons/phone.png) no-repeat center;
}

.contact-details .adr_detail {
	background: url(/images/icons/building.png) no-repeat center;
}

/* Additional Info  - DIARY & TEACHING PODCAST LIST */

#diary-list .vevent, .diary-list .vevent, #teaching-list .teaching-item, .diary_by_day .vevent, .diary_by_day .return_to_month_view, .diary_ind_event .return_to_month_view, .gotomore {
	clear: both;
	padding: 0.5em 0;
	border-top: 1px solid #eee;
}

.gotomore {
	text-align: right;
}

#diary-list .no_events, .diary-list .no_events {
	text-align: center;
	color: gray;
}

#teaching-list .teaching-item .primary-details {
	background: url(/images/icons/sound.png) no-repeat 4px 0.4em;
}

.homepage #teaching-list .teaching-item .primary-details {
	background-image: url(/images/icons/sound-faded.png);
}

.homepage #teaching-list .teaching-item .primary-details:hover {
	background-image: url(/images/icons/sound.png);
}

.vevent abbr {
	border: none;
}

.dtstart {
	float: left;
	width: 2em;
	display: block;
	border: 1px solid #C20319 !important;
}

body.rosters .dtstart {
	float:none;
	margin: 0 auto;
	font-style: italic;
}

.dtstart .month, .dtstart .date {
	display: block;
	text-align: center;
}

.dtstart .month {
	text-transform: uppercase;
	font-size: 0.625em;
	color: #ffffff;
	background: #C20319;
	line-height: 1.5em;
}

.dtstart .date {
	font-weight: bold;
	font-size: 1.25em;
}

.homepage .dtstart .month {
	background: #ebaaa7;
}

.homepage .primary-details:hover .month {
	background: #C20319;
}

.homepage .dtstart {
	border-color: #ebaaa7 !important;
}

.homepage .primary-details:hover .dtstart {
	border-color: #C20319 !important;
}

.vevent .summary, .teaching-item .title {
	margin-left: 2.5em;
	display: block;
	text-align: right;
	text-transform: capitalize;
}

.teaching-item .title {
	padding-top: 0em;
	padding-bottom: 0em;
}

.vevent p, .teaching-item p {
	margin-left: 3em;
	font-size: 0.875em;
	line-height: 1.5em;
	font-style: italic;
	text-align: right;
	color: gray;
}

.teaching-item p {
	margin-left: 25px;;
}

.vevent p.time {
	clear: right;
	display: block;
}

.vevent p.description, .teaching-item .summary {
	font-size: 1em;
	padding-top: 0.5em;
	color: inherit;
	clear: both;
	font-style: normal;
	border: none;
	text-align: left;
}

.vevent:hover p {
	display: block;
}

/* Additional Info  - LINKS & HEADLINES */

dl.links {
	
}

.links dt, .news-headlines dt {
	text-transform: capitalize;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	border-top: 1px solid #eee;
	padding-left: 25px;
	background: url(/images/icons/page_white_world.png) no-repeat 4px 0.4em;
}

.news-headlines dt {
	background-image: url(/images/icons/page_white_text.png);
}

.homepage .news-headlines dt {
	background-image: url(/images/icons/page_faded.png);
}

.homepage .news-headlines dt:hover {
	background-image: url(/images/icons/page_white_text.png);
}

dt a {
	color: #C20319;
}

.links dd, .news-headlines dd {
	padding-left: 25px;
	font-size: 0.875em;
	line-height: 1.5em;
}

.links dd a, .news-headlines dd a {
	display: block;
	clear: left;
	text-align: right;
	padding-bottom: 0.5em;
}

/*News Pages
-----------------------------------------------------------------------------------------------*/

hr {
	clear: both;
	float: none;
	padding: 0.7em 0;
	height: 1px;
	background: url(/images/misc/grey_1x1.gif) repeat-x center center;
	border: 0;
}

#main-body p.posted, .paginate {
	font-size: 0.75em;
	padding: 0.2em 0;
	line-height: 1em;
	clear: both;
	text-align: right;
	color: #999999;
}

.paginate {
	float:none;
	text-align: center;
}

body.news comment img {
	padding: 0px;
	width: 10px;
	height: 10px;
}

body.news #main-body h3 {
	clear: both;
}

p.news_img {
	float: right;
	margin-left: 10px;
}

#news_nav  {
	margin: 0 -1em;
	padding: 0.1em 1em 0.5em 1em;
	background: url(/images/misc/transparent_orange.png);
}

#news_nav ul li {
	margin-left: 0.2em;
  	padding-left: 1em;
}

.comment {
	border-top: 1px solid #eee;
	margin-top: 0.7em;
}

#comment_form {
	margin-top: 0.7em;
	padding: 1em;
	background: url(/images/misc/transparent_orange.png);
}

#comment_form h3 {
	margin-top: 0;
}

#input_name, #input_email, #input_location, #input_url, #comment_form textarea {
	width: 60%;
}

fieldset {
	padding: 0 1em 0.5em 1em;
	border: none;
	border-top: 1px solid #EE7D00;
}

legend {
	margin-bottom: 0.2em;
	padding-left: 0;
	color: #EE7D00;
}

#comment_details label {
	display: block;
	float: left;
	width: 6em;
}

#comment_text label {
	display: none;
}

#input_comment {
	margin-left: 6.4em;
}

#comment_buttons {
	text-align: right;
	clear: both;
}

#comment_options {
	float: left;
}

#comment_captcha {
	float: right;
	margin-left: 1em;
	width: 40%;
}

#comment_captcha p, #comment_options p {
	padding-bottom: 0;
}

/* Teaching Programme & Podcast Pages & Youth Site */

body.programme .dtstart, body.podcast .dtstart {
	margin: 1em;
	float:left;
}

body.podcast .dtstart {
	margin: 0;
}

body.podcast .podcast_img {
	float:right;
	width: 65px;
	height: 90px;
}

.programme_details {
	margin-left: 4.2em;
}

body.programme .programme_details p, body.podcast .entry p {
	padding: 0.2em 0 !important;
}

body.podcast .entry .details {
	margin-left: 3em;
}

body.programme .service-type {
	font-style: italic;
}

.programme_item {
	clear: both;
	border-top: 1px solid #eee;
}
 
.programme_list, .youthsite .left, .youthsite .right  {
	width: 46%;
	margin-bottom: 1em;
	float: left;
}
 
.youthsite .left {
	clear: left;
}
.programme_list h3 {
	text-align: center;
}
 
.programme_item h3 {
	text-align: left;
}	
 
.programme .left {
}
 
.programme .right, .youthsite .right  {
	float: right;
	padding-left: 4%;
	border-left: 1px solid #eee; 
}


body.podcast .posted {
	line-height: 1.3em !important;
}

body.podcast .player {
	text-align: center;
	padding: 0.5em 0;
}

p.itunes_link {
	margin-top: 0.7em;
	text-align: center;
}

.itunes_link img {
	border: none;
}

/* Right Side Photos */

p.photos {
	float: right;
	clear: right;
	text-align: center;
	margin: 0 0 1em 1em;
}

p.photos img {
	clear: both;
	padding: 5px;
	background-color: #fff;
	border: 1px #fff solid;
}

p.photos span {
	display: block;
	font-size: 0.875em;
}

/* Contact Us */

iframe {
	width: 100%;
	height: 250px;
}


/* Diary Events - By Day */

.diary_by_day h1, .diary_ind_event h1 {
	margin: 0.7em 0 !important;
	line-height: 1.4em;
}

.diary_by_day .vevent, .diary_ind_event .vevent {
	text-align: left;
}

.diary_by_day .vevent p.time, .diary_ind_event.vevent p.time {
	clear: none;
	display: inline;
}

.diary_by_day .dtstart, .diary_ind_event .dtstart {
	float: none;
	width: auto;
	display: inline;
	border: none !important;
}

.diary_by_day .vevent h2, .diary_ind_event .vevent h2, .diary_ind_event .vevent h1 {
	text-align: left;
	margin-left: 0;
}

.diary_by_day p, .diary_by_day h3, .diary_ind_event p, .diary_ind_event h3  {
	margin: 0;
	text-align: right;
}

.diary_ind_event.youth_news p {
	text-align: left;
}

.diary_by_day.youth_news p.posted {
	text-align: left;
}

.diary_by_day .description, .diary_ind_event .description {
	text-align: left;
}

.diary_ind_event .vevent {
	padding-bottom: 0.5em;
}

/* Youth Site */

body.youthsite input {
	font-size: 1em;
	padding: 0.2em;
}

#youth_highlight {
	margin-left: 20px;
	width: 320px;
	float: right;
}

body.youthsite p.diary_link {
	padding-left: 25px !important;
	background: url(/images/icons/clock_red.png) no-repeat 4px 0.9em;	
}

.youthsite .diary-list img.event_image { 
	clear: left;
	float: left;
	width: 40px;
	padding: 0.5em 0 !important;
}

.youthsite .diary-list p.description, .diary_ind_event p.description { 
	clear: none;
}

.diary_ind_event img.event_image {
	float: left;
	padding: 0 0.5em 0.5em 0;
}