/*
CSS Version:	2.4
Last Edited:	24/11/08
Author:			Dan Davidson
Email:			dan ([at]) vitalwebdesign ([dot]) com
Reset Styles v1.0 (20080212) - curtesy Eric Meyer @ http://meyerweb.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0;}
a { outline: 0; text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.mb20 { margin-bottom: 20px; }
body { background-color: #D4CEB9; font-family: Helvetica, Arial, Sans-serif; font-size: 13px; line-height:18px; color: #191919; }

div#wrapper {
	position: relative;
	margin: 20px auto 0;
	width: 960px;
	background-color: #fff;
}

div#header {
	position: relative;
	height: 194px;
	margin: 0 0 0;
	background: transparent url('/img/bg-header.jpg') no-repeat 0 0;
	}
	#header h1 a {
		position: absolute;
		top: 70px;
		left: 0;
		width: 494px;
		height: 68px;
		background: transparent url('/img/h1.jpg') no-repeat 0 0;
		text-indent: -5000em;
	}
	#header address {
		position: absolute;
		z-index: 99;
		top: 10px;
		right: 10px;
		font-size: 12px;
		line-height: 16px;
		font-style: normal;
		color: #fff;
		}
		#header address a {
			color: #fff;
			text-decoration: none;
		}
		#header address a:hover {
			text-decoration: underline;
		}
	div.slideshow {
		position: absolute;
		top: 20px;
		right: 0;
		width: 330px;
		height: 174px;
		overflow: hidden;
	}
	div.calendar {
		margin: 10px 0 0;
		min-height: 150px;
		background: #EFECE5;
	}
	div.presentation {
		margin: 30px 0 0;
		border: 1px solid #D3CBB3;
		width: 342px;
		height: 342px;
		overflow: hidden;
	}

	div.e_box {
		display: block;
		padding: 10px 10px 10px 145px;
		min-height: 100px;
		height:auto !important;
		height:100px;
		background-color: #EFECE5;
		margin: 0 0 20px;
		/*color: #6F5829;*/
		font-size: 12px;
		}
		#content .e_box h3 {
			font-size: 13px;
			line-height: 17px;
			
			font-weight: normal;
			margin: 0 0 10px;
			padding: 0;
			}
			#content .e_box h3 em {
				font-size: 16px;
				line-height: 20px;
				color: #6F5829;
				padding: 0 5px 0 0;
			}
		#content .e_box p {
			line-height: 17px;
		}
		.e_box_1 {
			background: url('/img/exercises-1.jpg') no-repeat 0 0;
		}
		.e_box_2 {
			background: url('/img/exercises-2.jpg') no-repeat 0 0;
		}
		.e_box_3 {
			background: url('/img/exercises-3.jpg') no-repeat 0 0;
		}
		.e_box_4 {
			background: url('/img/exercises-4.jpg') no-repeat 0 0;
		}

#nav {
	position: relative;
	height: 23px;
	font-size: 13px;
	padding: 10px 0 0;
	color: #C9C0A4;
	background-color: #EFECE5;
	}
	#nav a {
		color: #6F5829;
		padding: 0 10px;
	}
	#index a#a_01, #about-silence-on-sundays a#a_02, #groups a#a_03, #programme a#a_04, #exercises a#a_05, #calendar a#a_06, #sources a#a_07, #contact a#a_08  {
		font-weight: bold;
		color: #6F5829;
	}


div#content {
	position: relative;
	float: left;
	width: 570px;
	padding: 40px 0 0 20px;
	}
	#content h2 {
		border-bottom: 1px solid #D3CBB3;
		width: 553px;
		height: 47px;
		margin: 0 0 20px;
		font-size: 36px;
		line-height: 40px;
		color: #A69577;
		font-weight: normal;
		}
		#content h2 span {
			color: #CA9905;
		}
		#index #content h2 { background: transparent url('/img/h2-index.gif') no-repeat 0 0; text-indent: -5000em; }
		#about-silence-on-sundays #content h2 { background: transparent url('/img/h2-about_silence_on_sundays.gif') no-repeat 0 0; text-indent: -5000em; }
		
		#programme #content h2 { background: transparent url('/img/h2-programme.gif') no-repeat 0 0; text-indent: -5000em; }
		#exercises #content h2 { background: transparent url('/img/h2-exercises.gif') no-repeat 0 0; text-indent: -5000em; }
		#calendar #content h2 { background: transparent url('/img/h2-calendar.gif') no-repeat 0 0; text-indent: -5000em; }
		#sources #content h2 { background: transparent url('/img/h2-sources.gif') no-repeat 0 0; text-indent: -5000em; }
		#contact #content h2 { background: transparent url('/img/h2-contact.gif') no-repeat 0 0; text-indent: -5000em; }
		
		#groups #content h2.h2_2 { background: transparent url('/img/h2-groups2.gif') no-repeat 0 0; text-indent: -5000em;  }
		#groups #content h2.h2_1 { background: transparent url('/img/h2-groups.gif') no-repeat 0 0; text-indent: -5000em; margin-top: 20px; }
		
		#westyorkshire #content h2 { height: auto; font-size: 30px;}
		
		
	#content h3 {
		font-size: 17px;
		padding: 15px 0 15px;
		font-weight: normal;
		color: #CAA431;
	}
	#content ul {
		padding: 0 0 10px;
	}
	#content ul li {
		margin: 0 0 0 25px;
		list-style-type: disc;
		color: #666;
		padding: 0 0 0;
	}
	#content p {
		color: #666;
		padding: 0 0 15px;
	}
	#content a {
		color: #CAA431;
	}
	#content p.pdf  {
		padding: 0;
		color: #CAA431;
	}
	#content .pdf a {
		background: url('/img/page_white_acrobat.png') no-repeat center left;
		padding: 0 5px 0 20px;
		font-size: 11px;
	}
	#content blockquote {
		display: block;
		text-align: center;
		padding: 10px 10px 0;
		margin: 10px 0 15px;
		border: 1px solid #ccc;
		background: #F1F4F7;
	}
	#content blockquote p {
		padding: 0 0 10px;
	}
	#content blockquote cite {
		font-weight: bold;
		display: block;
		text-align: right;
		padding: 0 10px 10px;
		color: #930C51;
	}
	#content blockquote span { display: block; }

	.next a {
		display: inline-block;
		margin: 15px 0;
		font-size: 26px;
		line-height: 30px;
		color: #CAA431;
		height: 35px;
		width: 350px;
		}
		.next a span {
			color: #928C72;
			font-weight: normal;
		}
		#index .next a { width: 350px; background: transparent url('/img/next-index.gif') no-repeat 0 0; text-indent: -5000em; }
		#about-silence-on-sundays .next a { width: 350px; background: transparent url('/img/next-groups.gif') no-repeat 0 0; text-indent: -5000em; }
		#groups .next a { width: auto; }
		#programme .next a { width: 350px; background: transparent url('/img/next-programme.gif') no-repeat 0 0; text-indent: -5000em; }
		#exercises .next a { width: 350px; background: transparent url('/img/next-exercises.gif') no-repeat 0 0; text-indent: -5000em; }
		#calendar .next a { width: 350px; background: transparent url('/img/next-calendar.gif') no-repeat 0 0; text-indent: -5000em; }
		#sources .next a { width: 350px; background: transparent url('/img/next-sources.gif') no-repeat 0 0; text-indent: -5000em; }
		#contact .next a { width: 350px; background: transparent url('/img/next-contact.gif') no-repeat 0 0; text-indent: -5000em; }
	.imgl { float: left; margin: 0 15px 10px 0; }
	.imgr { float: right; margin: 0 0 15px 10px; }
	.imgd { margin: 10px 0 15px; }
	#content table { margin: 10px 0; }
	
	#content table th {
		padding: 10px;
		background-color: #ebe7de;
		color: #5d453f;
		border: 1px solid #ccc;
	}
	
	#content table td {
		padding: 10px;
		border: 1px solid #ccc;
		vertical-align: top
	}
	#content address {
		margin: 0 0 10px;
	}

	#calendar td { width: 75%; }
	#calendar td:first-child { width: 25%; font-weight: bold; color: #5d453f; background-color: #ebe7de;}


div#aside {
	position: relative;
	float: right;
	width: 344px;
	padding: 0 10px 0 0;
	margin: 25px 0 0 0;
	}
	#aside blockquote {
		font-size: 12px;
		line-height: 16px;
		padding: 0 0 0 90px;
		margin: 0 0 20px;
		min-height: 75px;
		color: #826C30;
		}
		#index blockquote { background: url('/img/quote_l1.gif') no-repeat 0 0; }
		#about-silence-on-sundays blockquote { background: url('/img/quote_l2.gif') no-repeat 0 0; }
		#groups blockquote { background: url('/img/quote_l3.gif') no-repeat 0 0; }
		#programme blockquote { background: url('/img/quote_l4.gif') no-repeat 0 0; }
		#exercises blockquote { background: url('/img/quote_l5.gif') no-repeat 0 0; }
		#calendar blockquote { background: url('/img/quote_l6.gif') no-repeat 0 0; }
		#sources blockquote { background: url('/img/quote_l7.gif') no-repeat 0 0; }
		#contact blockquote { background: url('/img/quote_l8.gif') no-repeat 0 0; }
	#aside blockquote span {
		padding-right: 50px;
		display: block;
		background: url('/img/quote_r1.gif') no-repeat bottom right;
		}
		#index #aside blockquote span { padding-top: 0; }
		#about-silence-on-sundays #aside blockquote span { padding-top: 30px; }
		#groups #aside blockquote span { padding-top: 25px; }
		#programme #aside blockquote span { padding-top: 20px; }
		#exercises #aside blockquote span { padding-top: 15px; }
		#calendar #aside blockquote span { padding-top: 0; }
		#sources #aside blockquote span { padding-top: 0; }
		#contact #aside blockquote span { padding-top: 0; }
	#aside blockquote cite {
		display: block;
		text-align: right;
		padding: 10px 10px 0 0;
		color: #CAA431;
	}
	

	.nav {
		width: 344px;
		height: 425px;
		background: url('/img/nav.jpg') no-repeat;
		position: relative;
	}
	.nav li { display: inline; }
	.nav li a:link, .nav li a:visited {
		position: absolute;
		top: 0;
		height: 135px;
		text-indent: -9000px;
		overflow: hidden;
		z-index: 10;
	}
		.nav .li-01 a:link, .nav .li-01 a:visited { left: 0; width: 167px; }
		.nav .li-01 a:hover, .nav .li-01 a:focus { background: url('/img/nav.jpg') no-repeat -344px 0; }
		.nav .li-01 a:active { background: url('/img/nav.jpg') no-repeat -688px 0; }
		.current-li-01 .li-01 a:link, .current-li-01 .li-01 a:visited { background: url('/img/nav.jpg') no-repeat -688px 0; cursor: default; }
		.nav-li-01, .nav-li-01-click {
			position: absolute;
			top: 0;
			left: 0;
			width: 167px;
			height: 135px;
			background: url('/img/nav.jpg') no-repeat -344px 0;
		}
		.nav-li-01-click { background: url('/img/nav.jpg') no-repeat -344px 0; }

		.nav .li-02 a:link, .nav .li-02 a:visited { left: 177px; width: 167px; }
		.nav .li-02 a:hover, .nav .li-02 a:focus { background: url('/img/nav.jpg') no-repeat -521px 0; }
		.nav .li-02 a:active { background: url('/img/nav.jpg') no-repeat -865px 0; }
		.current-li-02 .li-02 a:link, .current-li-02 .li-02 a:visited { background: url('/img/nav.jpg') no-repeat -865px 0; cursor: default; }
		.nav-li-02, .nav-li-02-click {
			position: absolute;
			top: 0;
			left: 177px;
			width: 167px;
			height: 135px;
			background: url('/img/nav.jpg') no-repeat -521px 0;
		}
		.nav-li-02-click { background: url('/img/nav.jpg') no-repeat -521px 0; }

		.nav .li-03 a:link, .nav .li-03 a:visited { top: 145px; left: 0; width: 167px; }
		.nav .li-03 a:hover, .nav .li-03 a:focus { background: url('/img/nav.jpg') no-repeat -344px -145px; }
		.nav .li-03 a:active { background: url('/img/nav.jpg') no-repeat -688px -145px; }
		.current-li-03 .li-03 a:link, .current-li-03 .li-03 a:visited { background: url('/img/nav.jpg') no-repeat -688px -145px; cursor: default; }
		.nav-li-03, .nav-li-03-click {
			position: absolute;
			top: 145px;
			left: 0;
			width: 167px;
			height: 135px;
			background: url('/img/nav.jpg') no-repeat -344px -145px;
		}
		.nav-li-03-click { background: url('/img/nav.jpg') no-repeat -344px -145px; }

		.nav .li-04 a:link, .nav .li-04 a:visited { top: 145px; left: 177px; width: 167px; }
		.nav .li-04 a:hover, .nav .li-04 a:focus { background: url('/img/nav.jpg') no-repeat -521px -145px; }
		.nav .li-04 a:active { background: url('/img/nav.jpg') no-repeat -865px -145px; }
		.current-li-04 .li-04 a:link, .current-li-04 .li-04 a:visited { background: url('/img/nav.jpg') no-repeat -865px -145px; cursor: default; }
		.nav-li-04, .nav-li-04-click {
			position: absolute;
			top: 145px;
			left: 177px;
			width: 167px;
			height: 135px;
			background: url('/img/nav.jpg') no-repeat -521px -145px;
		}
		.nav-li-04-click { background: url('/img/nav.jpg') no-repeat -521px -145px; }

		.nav .li-05 a:link, .nav .li-05 a:visited { top: 290px; left: 0; width: 167px; }
		.nav .li-05 a:hover, .nav .li-05 a:focus { background: url('/img/nav.jpg') no-repeat -344px -290px; }
		.nav .li-05 a:active { background: url('/img/nav.jpg') no-repeat -688px -290px; }
		.current-li-05 .li-05 a:link, .current-li-05 .li-05 a:visited { background: url('/img/nav.jpg') no-repeat -688px -290px; cursor: default; }
		.nav-li-05, .nav-li-05-click {
			position: absolute;
			top: 290px;
			left: 0;
			width: 167px;
			height: 135px;
			background: url('/img/nav.jpg') no-repeat -344px -290px;
		}
		.nav-li-05-click { background: url('/img/nav.jpg') no-repeat -344px -290px; }

		.nav .li-06 a:link, .nav .li-06 a:visited { top: 290px; left: 177px; width: 167px; }
		.nav .li-06 a:hover, .nav .li-06 a:focus { background: url('/img/nav.jpg') no-repeat -521px -290px; }
		.nav .li-06 a:active { background: url('/img/nav.jpg') no-repeat -865px -290px; }
		.current-li-06 .li-06 a:link, .current-li-06 .li-06 a:visited { background: url('/img/nav.jpg') no-repeat -865px -290px; cursor: default; }
		.nav-li-06, .nav-li-06-click {
			position: absolute;
			top: 290px;
			left: 177px;
			width: 167px;
			height: 135px;
			background: url('/img/nav.jpg') no-repeat -521px -290px;
		}
		.nav-li-06-click { background: url('/img/nav.jpg') no-repeat -521px -290px; }


div#footer {
	clear: both;
	padding: 10px 0 20px;
	margin: 0;
	text-align: center;
	color: #666;
	font-size: 12px;
	}
	#footer p {
		padding: 0 0 0;
	}
	#footer a {
		color: #666;
	}


form {
	margin: 10px 0 15px;
	padding:20px;
	/*border: 1px solid #ccc;*/
	background: #F6F4EF;
}
#content form p {
	padding: 0 0 0;
	color: #666;
}
fieldset {margin:0 0 0;}
label { display:block; margin: 5px 0 5px; color: #70592B;}
	label span {
		font-weight:normal;
	}
.textfield {
	height:17px;
	padding: 5px 5px 0;
	width:390px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:390px;
}
textarea {
	margin:0 0 5px;
	padding: 5px;
	width:390px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:390px;
	overflow: auto;
}
.submit {
	display: block;
	margin: 10px 0 0;
}