/* ------------ color reference ----------- */
/*
White:			#ffffff
Black:			#000000
*/

/* ------------ basic elements ------------ */

body {
	background: #2E0B0B url(../img/background.png) top center repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
body.boxed {
	background: none;
	}
strong {
	font-weight: bold;
	color: #6c1a1a;
	}
em {
	font-style: italic;
	}
label {
	clear: left;
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
	}
input[type=text] {
	float: left;
	margin: 0 10px 10px 0;
	}
input[type=submit] {
	float: left;
	}
textarea {
	float: left;
	width: 300px;
	height: 100px;
	margin: 0 10px 10px 0;
	}

/* ------------ common classes ------------ */

.left {
	float: left;
	}
.right {
	float: right;
	}
.clear {
	clear: both;
	}
.border {
	width: 480px;
	padding: 10px;
	border: 2px solid #6c1a1a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	img.border {
		width: auto;
		}
.border2 {
	width: 480px;
	padding: 10px;
	background: #6c1a1a;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

/* ------------ template layout ----------- */

#container {
	width: 815px;
	margin: auto;
	}
	#header {
		position: relative;
		z-index: 99;
		padding: 50px 10px 0 0;
		}
	#nav {
		position: relative;
		clear: left;
		float: left;
		width: 152px;
		padding: 240px 0 0 57px;
		margin: -85px -4px 0 4px;
		}
		#nav img.frame {
			margin: 0 0 0 -20px;
			position: relative;
			z-index: 99;
			}
		#nav ul {
			padding: 5px 10px;
			text-align: right;
			line-height: 24px;
			}
			#nav ul.top {
				margin-bottom: -10px;
				background: url(../img/nav.png) top right no-repeat;				
				}
			#nav ul.bottom {
				margin-top: -25px;
				padding-top: 20px;
				background: url(../img/nav.png) bottom right no-repeat;				
				}
			#nav ul li {
				clear: both;
				}
			#nav ul li.inverted a {
				display: block;
				margin-right: -5px;
				padding-right: 5px;
				background-color: #6c1a1a;
				color: #fff;
				}
			#nav ul li a {
				font-size: 20px;
				color: #6c1a1a;
				padding: 2px 0;
				text-decoration: none;
				text-transform: lowercase;
				}
			#nav ul ul {
				padding: 10px 0;
				line-height: 10px;
				}
				#nav ul ul a {
					display: block;
					padding: 2px 3px;
					font-size: 10px;
					color: #000;
					}
					#nav ul ul a:hover {
						color: #fff;
						background-color: #6c1a1a;
						}
			#nav a.donate {
				display: block;
				position: relative;
				z-index: 66;
				width: 140px;
				height: 60px;
				padding: 15px 60px 0 0;
				background: url(../img/coins.png) left bottom no-repeat;
				text-align: right;
				text-transform: uppercase;
				font-size: 20px;
				text-decoration: none;
				color: #fff;
				}
			#nav a.facebook img {
				float: right;
				padding: 20px 10px 0 0;
				}
			#nav a.carol img {
				float: right;
				padding: 20px 10px 0 0;
				}
	#content_wrap {
		position: relative;
		z-index: 77;
		clear: right;
		float: right;
		width: 586px;
		height: 839px;
		background: url(../img/content_wrap.png) no-repeat;
		padding: 10px;
		margin-top: -45px;
		}
		#content_inner {
			height: 749px;
			padding: 80px 20px 10px 40px;
			background: url(../img/content.jpg) no-repeat;
			}
			#content {
				overflow: auto;
				height: 729px;
				width: 525px;
				color: #000;
				font-size: 15px;
				}
				body.boxed #content {
					height: auto;
					width: auto;
					}
					body.boxed #content h1, body.boxed #content h2 {
						width: auto;
						}
				#content hr {
					clear: both;
					margin: 10px 0;
					height: 2px;
					border: none;
					background-color: #6c1a1a;
					}
				#content h1 {
					width: 475px;
					font-size: 36px;
					color: #6c1a1a;
					margin-bottom: 20px;
					}
				#content h2 {
					width: 455px;
					font-size: 28px;
					color: #6c1a1a;
					margin-bottom: 10px;
					}
				#content p {
					margin-bottom: 20px;
					}
					#content p.saint {
						margin-left: 120px;
						}
				#content a {
					color: #6c1a1a;
					font-weight: bold;
					text-decoration: underline;
					}
					#content a.thumb {
						float: left;
						margin: 0 10px 10px 0;
						}
				#content ul {
					list-style: disc;
					margin-bottom: 20px;
					margin-left: 15px;
					}
					#content ul.image_list li {
						line-height: 100px;
						clear: both;
						margin-bottom: 10px;
						list-style: none;
						}
					#content ul.image_list img {
						float: left;
						margin-right: 10px;
						border: 2px solid #6c1a1a;
						}
					#content ul.guestbook {
						margin: 0;
						}
						#content ul.guestbook li {
							list-style: none;
							padding: 0 0 5px 0;
							border-bottom: 1px solid #6c1a1a;
							}
				#content ol {
					list-style: decimal;
					margin-bottom: 20px;
					margin-left: 25px;
					}
				#content li {
					margin-bottom: 5px;
					}
				#content img.left,
				#content img[align=left] {
					margin: 0 20px 20px 0;
					}
				#content img.right,
				#content img[align=right] {
					margin: 0 0 20px 20px;
					}
				#content div.smallframe {
					width: 50px;
					height: 50px;
					padding: 20px;
					background: url(../img/smallframe.jpg);
					margin: 0 10px 10px 0;
					}
				#home_heading {
					width: 480px;
					margin-bottom: 10px;
					}
					#home_heading p.small {
						font-size: 12px;
						margin: 0;
						text-align: center;
						}
					#home_heading a {
						text-decoration: none;
						}
						#home_heading a span.hover {
							width: 455px;
							font-size: 28px;
							color: #6c1a1a;
							}
						#home_heading a div {
							display: none;
							}
						#home_heading a:hover div {
							display: block;
							width: 300px;;
							position: absolute;
							left: 140px;
							z-index: 9999;
							background-color: #fff;
							color: #000;
							font-size: 13px;
							font-weight: normal;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							}
				#reflection {
					height: 75px;
					width: 275px;
					padding: 20px 0 70px 200px;
					background: url(../img/reflection.png) top left no-repeat;
					font-size: 12px;
					}
					#reflection p {
						width: auto;
						}
					#reflection h2 {
						width: auto;
						}
	#footer {
		clear: both;
		text-align: center;
		padding: 10px 0 10px 209px;
		color: #fff;
		font-size: 12px;
		}