body {
	margin: 0; 
	padding: 9px 0 18px 0;
	background: url(images/background.jpg);
	text-align: center;
	overflow-y: scroll;
}

body, td, li {
	font: 13px/18px Arial, sans-serif;
}

div, p, h1, h2, h3, h4, h5, ul, ol, li, img, blockquote {
	margin: 0; padding: 0; border: none; outline: none;
}


a {
	color: #aa0000;
	text-decoration: none;
}
a:hover {
	color: #DD3333;
	text-decoration: underline;
}
a.pdf {
	padding: 2px 18px 0 0;
	background: url(images/pdf.png) top right no-repeat;
}

.purple     {color: #7E328E}
.blue       {color: #084D74}
.green      {color: #0B8553}
.brown      {color: #A87130}

#paper {
	margin: 9px auto;
	text-align: left;
	width: 900px;
	padding: 9px;
	border: solid 2px #c8883c;
	background-color: #fffbe1;
    border-radius: 3px;
	box-shadow: 1px 3px 4px #c8883c;
	overflow: hidden;
}

#banner {
	height: 150px;
	background: url(images/banner.jpg) no-repeat;
	Xpadding: 0 0 9px 0;
	Xborder-bottom: solid 2px #c1cd95;
	margin: 0 0 9px 0;
}
#banner h1 {
	padding: 68px 0 0 12px;
}

#menu {
	float: left;
	width: 168px;
	padding: 9px 0px 18px 0px;
	border-top: solid 9px #c1cd95;
	border-left: solid 2px #c1cd95;
	border-right: solid 1px #c1cd95;
	border-bottom: solid 9px #c1cd95;
}
#menu ul {
	list-style: none;
}
#menu li.spacer {
	margin: 12px 0 0 0;

}
#menu a {
	display: inline-block;
	width: 150px;
	padding: 0px 9px 0px 9px;
}
#menu a:hover {
	background-color: #f7eabc;
	text-decoration: none;
}

#contents {
	float: left;
	width: 683px;
	padding: 9px 27px 18px 18px;
}

#contents p {
	padding: 0 24px 10px 0;
}
#contents h2 {
	font-size: 24px; 
	line-height: 30px;
	font-weight: bold; 
	color: #084D74;
	padding: 9px 0 3px 0;
	margin: 0 0 9px 0;
	border-bottom: solid 2px #c1cd95;
	position: relative;
}
#contents h3 {
	font-size: 18px; 
	line-height: 24px;
	font-weight: bold; 
	color: #0B8553;
	padding: 9px 0 3px 0;
	margin: 0 36px 9px 0;
}
#contents h4 {
	font-size: 14px; 
	line-height: 18px;
	font-weight: bold; 
	color: #0B8553;
	color: #A87130;
	color: #cc7d0c;
	padding: 9px 0 9px 0;
}
#contents h5 {
	-webkit-text-stroke: 1px transparent;
	font-family: 'Averia Libre', sans-serif;
	font-size: 14px; 
	color: #A87130;
	color: #ab4c40;
	line-height: 18px;
	font-weight: bold; 
	padding: 9px 0 9px 0;
}
#contents ul, #contents ol {
	padding: 0 0 18px 18px;
}
#contents li {
	padding: 0 0 9px 9px;
}
#contents blockquote {
	color: #00659c;
	padding: 0 72px 0 36px;
}

#contents .photo-right {
	float: right;
	padding: 7px 0 0 27px;
}
#contents .photo-left {
	float: left;
	margin: 7px 27px 0 0;
}
#contents .box-right {
	float: right; 
	padding: 3px 18px 3px 18px;
	background-color: #f7eabc;
	margin: 7px 0 0 27px;
	width: 300px;
	border: solid 1px #e8bc63;
    border-radius: 12px;
}
#contents p.question {
	font-weight: bold; 
	color: #ab4c40;
}
#contents span.back-to-top {
	float: right;
}


#footer {
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
	color: #99662b;
}
#footer a {
	color: #99662b;
}
#footer a:hover {
	color: #DD3333;
}


p.Menu     {margin-left: 16px; margin-right: 0px}

p.Welcome     {font-family: Palatino, Times New Roman, serif; font-size: 24pt; 
               font-weight: bold; font-style: italic; color: #084D74; 
               margin-top: 32px; margin-bottom: 4px}
p.WelcomeLine {margin-top: 4px}

p.PageTitle   {font-family: Palatino, Times New Roman, serif; font-size: 24pt; 
               font-weight: bold; color: #084D74; 
               margin-top: 32px; margin-bottom: 4px}

p.Heading1     {font-size: 14pt; font-weight: bold; color: #084D74}

p.Heading2Bl   {font-size: 11pt; font-weight: bold; color: #084D74}
p.Heading2Gr   {font-size: 11pt; font-weight: bold; color: #0B8553}
p.Heading2Br   {font-size: 11pt; font-weight: bold; color: #A87130}

p.Heading3     {font-weight: bold; color: #000000}
p.Heading3Bl   {font-weight: bold; color: #084D74}
p.Heading3Gr   {font-weight: bold; color: #0B8553}
p.Heading3Br   {font-weight: bold; color: #A87130}

span.Head80 {float: left; margin: 0px 13px 0px 0px; width: 70px; font-weight: bold;} 
 
p.Single	{margin-top: 0px; margin-bottom: 3px;}

p.Quote1      {font-size: 11pt; font-weight: bold; font-style: italic; color: #7E328E}
p.Quote2      {font-size: 10pt; font-weight: bold; color: #11a58e}

p.SongAlbum    {font-weight: bold; color: #FFFFFF; margin-right: 0pt}
p.SongList     {margin-top: 2pt; margin-bottom: 2pt; margin-right: 0pt; color: #A87130}
table.SongList {margin-left: 18px; margin-right: 15px}

p.caption     {margin-top: 3px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px;
               font-size: 9pt}
p.copyright   {font-size: 8pt; margin-top: 4px; margin-bottom: 4px; color: #084D74;}


#contents table.camp-details {
	border-collapse: collapse;
}
#contents table.camp-details td {
	text-align: left;
	vertical-align: top;
	padding: 0px 9px 9px 0px;
	margin-right: 18px;
}
#contents table.camp-details p {
	padding: 0;
	margin: 0;
}

a.donate {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 15px;
	Xfont-weight: normal;
	border: solid 1px #ebbd63;
	background-color: #fec43a;
	border-radius: 15px;
	padding: 2px 15px;
	vertical-align: baseline;
}
a.donate:hover {
	background-color: #f3d9a5;
	text-decoration: none;
	color: #aa0000;
}


/* for Lyrics pages */

.table-of-contents {
	float: right;
	width: 190px;
	margin: -18px 0 18px 18px;
	padding: 9px;
	background-color: #ecf0d2;
}
#contents .table-of-contents p {
	margin: 0; 
	padding: 0 0 0 9px;
}
#contents .table-of-contents p:first-child {
	padding-left: 0;
}
#contents .table-of-contents h4 {
	color: #000000;
}
#contents .table-of-contents img {
	width: 190px;
	height: 176px;
}