/*
 * GENERAL
 */

html {
	margin: 0;
	padding: 0;
	background: url('/assets/bg/html-repeat-x.jpg') top left repeat-x;
}

body {
	font-size: medium;
	font-family: "Georgia", "Verdana", serif;
	color: #808080;
	padding: 0;
	margin: 0;	
}

address {
	font-style: normal;
}

a {
	color: #0172B4;
	text-decoration: underline;
}

	a:hover {
		color: #78A61D;
		text-decoration: none;
	}
	
	a:visited {
		color: #78A61D;
	}

ul, ol {
	margin: 0;
	padding: 0;
}

.hide {	
	display: none;
}

.clr {
	clear: both;
}

.awaiting {
	color: red;
}

/*
 * STRUCTURE/LAYOUT
 */

 div#container-top {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
 }
 
 	div#container-canvas {
 		float: left;
		background: url('/assets/bg/canvas.jpg') top left no-repeat;
		width: 1000px;
		height: 220px;
 	}
	
		div#container-canvas div#logo {
			float: left;
			width: 132px;
			height: 220px;
		}
		
			div#container-canvas div#logo img {
				border: none;
			}
		
		div#container-canvas div#copy {
			float: left;
			width: 394px;
			height: 220px;
			margin: 0 0 0 34px;
			padding: 0;
		}
		
		div#container-canvas div#carousel {
			float: left;
			width: 406px;
			height: 220px;
			margin: 0;
			padding: 0;
			z-index : 100;
		}
		
			/* easySlider.1.7 */
			#carousel ul, #carousel li {
				margin:0;
				padding:0;
				list-style:none;
			}
				
			#carousel li { 
				/* 
					define width and height of list item (slide)
					entire slider area will adjust according to the parameters provided here
				*/ 
				width:406px;
				height:220px;
				overflow:hidden; 
			}
			
			#carousel img {
				border: none;
			}
			
			/*  	
			 * numeric controls
			 */
			ol#controls {
				float: left;
				width: 104px;			/* x4 buttons : 21px wide with padding-right 5px */
				height: 21px;
				margin-right: 20px;
				margin-top: -66px;
				padding: 0;
				z-index: 200px;
			}
			
				#s2 ol#controls, #s3 ol#controls, #s4 ol#controls {
					margin-left: 868px;		/* 1000 - margin-right(20px) - this.width(104px) - 34px */
				}
				
				/*#s3 ol#controls {
					margin-left: 842px;		 1000 - margin-right(20px) - this.width(104px) - 34px 
				}*/
			
			ol#controls li {
				float: left;
				margin: 0 5px 0 0; 
				padding: 0;				
				list-style: none;
				height: 21px;
				line-height: 21px;
				text-align: center;
			}
				
			ol#controls li a {
				float: left;
				width: 21px;
				height: 21px;
				line-height: 18px;
				color: #FFF;
				background: url('/assets/buttons/button-carousel.png') top left no-repeat;
				margin: 0;
				padding: 0;
				text-decoration: none;
				font-size: 12px;
			}
			
			ol#controls li.current a {
				color: #FFF;
				background: url('/assets/buttons/button-carousel.png') -21px 0 no-repeat;
			}
			
			ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}	
		
	div#container-page {
		float: left;
		width: 920px;
		min-height: 600px;
		height: auto !important;
		height: 600px;
		padding: 0 14px 0 20px;
		margin: 0 0 0 46px;
		background: #FFF url('/assets/bg/page-drop-shadow.jpg') top right repeat-y;
		z-index: 100;
	}
	
		div#container-page div#page-left-col {
			float: left;
			width: 290px;
			padding-right: 30px;
		}
		
		div#container-page div#page-right-col {
			float: left;
			width: 580px;
			padding-right: 20px;
		}
			
			div#container-page div#page-right-col ul.copy, div#container-page div#page-right-col ol.copy {
				margin-left: 40px;
			}
			
			div#container-page div#page-right-col ul.no-bullets {
				list-style: none;
				margin-left: 0;
			}
			
			/* Links page only */
			#s6 div#container-page div#page-right-col ul.no-bullets {
				padding-bottom: 20px;
			}
			
			div#donate-onpage a {
				width: 224px;
				height: 74px;
				display: block;
				background: url('/assets/buttons/button-donate-onpage.jpg') top left no-repeat;
				text-indent: -9999px;
			}
			
				div#donate-onpage a:hover {
					width: 224px;
					height: 74px;
					display: block;
					background: url('/assets/buttons/button-donate-onpage.jpg') -227px 0 no-repeat;
					text-indent: -9999px;
				}
 
 div#container-bottom {
	width: 100%;
	height: 418px;
	background: #0073B4 url('/assets/bg/footer-repeat-x.jpg') bottom center repeat-x;
	margin: 0;
	padding: 0;
 }
 
 	div#container-footer {
		width: 1000px;
		height: 350px;
		margin: 0 auto;
		background: url('/assets/bg/footer.jpg') top left no-repeat;
		color: #808080;
		font-size: 12px;
		line-height: 150%;
	}
	
		div#footer-inner-wrap {
			float: left;
			width: 900px;
			padding-left: 46px;
			position: absolute;
		}
	
		div#container-footer div#footer-left-col {			
			float: left;
			width: 355px;
			position: relative;
			top: 90px;
			left: 75px;
		}
		
			div#footer-left-col p#copyright-notice {
				font-size: 10px;
			}
		
		div#container-footer div#footer-right-col {
			float: left;
			width: 350px;
			position: relative;
			top: 90px;
			left: 175px;
		}

/*
 * Colorbox - Lightbox Functionality
 */

div#container-colorbox ul {
	float: left;
	list-style: none;
	width: 580px;
}

	div#container-colorbox ul li {
		float: left;
		list-style: none;
		width: 139px;
		height: 52px;	
		padding: 0 8px 8px 0;
		background: url('/assets/colorbox/furniture/thumb_bg.gif') top left no-repeat;
	}
	
		div#container-colorbox ul li.last {
			padding-right: 0px;
		}
	
		div#container-colorbox ul li img {
			margin: 4px 4px 8px 4px;
			border: none;
		}

		
/*
 * Page Content
 */

div#page-right-col {
	line-height: 150%;
	font-size: 75%;
	padding-bottom: 20px;
}

	div#page-right-col img.quote-right {
		float: right; 
		margin: 0 0 20px 20px;  
		clear: right;
	}
	
	div#page-right-col img.quote-left {
		float: left; 
		margin: 0 20px 20px 0;  
		clear: left;
	}

div#page-right-col h1 {
	font-size: 140%;
	color: #00508B;
	margin-top: 0;
}

div#page-right-col h2 {
	font-size: 130%;
}

	div#page-right-col h2.extra-padding-top {
		margin-top: 60px;
	}
	

/* Definition Lists */

dl#further-reading dt {
	padding-top: 10px;
	font-weight: bold;
	font-style: italic;
	color: #D5DE23;
}

	dl#further-reading dt.first {
		padding-top: 0;
	}		

dl#further-reading dd {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #808080;
}

	dl#further-reading dd.last {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: none;
}
	
	
/*
 * Nav - Quick Links
 */

ul#nav-quick-links {
	float: left;
	margin: 0;
	padding: 10px 0;
}
	
	ul#nav-quick-links li {
		float: left;
		list-style: none;
		width: 175px;
		line-height: 150%;
	}
	
		ul#nav-quick-links li a {
			color: #808080;
			text-decoration: none;
		}
		
			ul#nav-quick-links li a.ministry {
				color: #0172B4;
				text-decoration: none;
			}
		
		ul#nav-quick-links li a:hover {
			color: #78A61D;
			text-decoration: underline;
		}
		
		
/*
 * Teasers - General
 */

div.container-teaser {
	float: left;
	width: 290px;
	padding-bottom: 20px;
	line-height: 150%;
	font-size: 75%;
}

	div.teaser-generic-middle {
		float: left;
		width: 290px;
		min-height: 107px;
		height: auto !important;
		height: 107px;
		background: #DCDDDE url('/assets/teasers/teaser_generic_middle.jpg') top left no-repeat;
		color: #808080;
	}
	
	div.teaser-generic-bottom {
		float: left;
		width: 290px;
		height: 15px;
		background: url('/assets/teasers/teaser_generic_bottom.jpg') bottom left no-repeat;
	}

	div.container-teaser p {
		margin: 12px 0 16px 0;
		padding: 0 20px;
	}
	
	/*
	 * Teasers - Donate
	 */
	
	div#teaser-donate-top {
		float: left;
		width: 290px;
		height: 38px;
		background: url('/assets/teasers/teaser_donation_top.jpg') top left no-repeat;
		text-indent: -9999px;
	}
	
	div#teaser-donate-middle {
		float: left;
		width: 290px;
		min-height: 92px;
		height: auto !important;
		height: 92px;
		background: #77A61D url('/assets/teasers/teaser_donation_middle.jpg') top left no-repeat;
		color: #FFFFFF;
	}
		
		div#teaser-donate-middle a {
			width: 108px;
			height: 23px;
			margin: 0 0 0 162px;
			display: block;
			background: url('/assets/buttons/button-donate.png') top left no-repeat;
			text-indent: -9999px;
		}
		
		div#teaser-donate-middle a:hover {
			background: url('/assets/buttons/button-donate-hover.png') top left no-repeat;
		}
		
	div#teaser-donate-bottom {
		float: left;
		width: 290px;
		height: 15px;
		background: url('/assets/teasers/teaser_donation_bottom.jpg') bottom left no-repeat;
	}
	
	/*
	 * Teasers - Scotland and the Sea
	 */
	
	div#teaser-scotland-top {
		float: left;
		width: 290px;
		height: 126px;
		background: url('/assets/teasers/teaser_scotland_top.jpg') top left no-repeat;
		text-indent: -9999px;
	}
	
		div.teaser-generic-middle a {
			width: 108px;
			height: 23px;
			margin: 0 0 0 162px;
			display: block;
			background: url('/assets/buttons/button-read-more.gif') top left no-repeat;
			text-indent: -9999px;
		}
		
		div.teaser-generic-middle a:hover {
			background: url('/assets/buttons/button-read-more-hover.gif') top left no-repeat;
		}
		
	/*
	 * Teasers - The Memorial
	 */
	
	div#teaser-memorial-top {
		float: left;
		width: 290px;
		height: 126px;
		background: url('/assets/teasers/teaser_memorial_top.jpg') top left no-repeat;
		text-indent: -9999px;
	}
	
		div.teaser-generic-middle a {
			width: 108px;
			height: 23px;
			margin: 0 0 0 162px;
			display: block;
			background: url('/assets/buttons/button-read-more.gif') top left no-repeat;
			text-indent: -9999px;
		}
		
		div.teaser-generic-middle a:hover {
			background: url('/assets/buttons/button-read-more-hover.gif') top left no-repeat;
		}
		
	/*
	 * Teasers - Fundraise
	 */
	
	div#teaser-fundraise-top {
		float: left;
		width: 290px;
		height: 126px;
		background: url('/assets/teasers/teaser_fundraise_top.jpg') top left no-repeat;
		text-indent: -9999px;
	}
	
		div.teaser-generic-middle a {
			width: 108px;
			height: 23px;
			margin: 0 0 0 162px;
			display: block;
			background: url('/assets/buttons/button-read-more.gif') top left no-repeat;
			text-indent: -9999px;
		}
		
		div.teaser-generic-middle a:hover {
			background: url('/assets/buttons/button-read-more-hover.gif') top left no-repeat;
		}
		
	/*
	 * Teasers - News
	 */
	
	div#teaser-news-top {
		float: left;
		width: 290px;
		height: 126px;
		background: url('/assets/teasers/teaser_news_top.jpg') top left no-repeat;
		text-indent: -9999px;
	}
	
		div.teaser-generic-middle a {
			width: 108px;
			height: 23px;
			margin: 0 0 0 162px;
			display: block;
			background: url('/assets/buttons/button-read-more.gif') top left no-repeat;
			text-indent: -9999px;
		}
		
		div.teaser-generic-middle a:hover {
			background: url('/assets/buttons/button-read-more-hover.gif') top left no-repeat;
		}