/*generic styles for basic page elements----------------------------------*/
html {
	margin: 0px;
	padding: 0px;
	font-family: Veranda, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Veranda, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;

	background-image: url("../img/backgroundImg.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}
/*-----------------------------------------------------------------------------------*/

/*difference sized white spacing used to buffer various elements---------------------*/
.whiteSpaceXSmall {
	height: 10px;
}

.whiteSpaceMidSmall {
	height: 17px;
}

.whiteSpaceSmall {
	height: 25px;
}

.whiteSpaceMedium {
	height: 30px;
}

.whiteSpaceLarge {
	height: 50px;
}
/*-----------------------------------------------------------------------------------*/
.outerContainer {
	width: 950px;
	height: auto;
	background-color: #FFFFFF;
	margin: auto;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.introContainer {
	width: 900px;
	height: auto;
	margin: auto;
	padding: 0px;
}

.headerContainer {
	margin-top: 35px;
	padding-top: 50px;
	width: 100%;
	height: 40px;
	background: url("../img/headerGradient.jpg");
	border-top: 1px solid #999999;
}

.navContainer {
	width: 100%;
	height: 30px;
	background-color: #1B6385;
}

.adminNavContainer {
	width: 100%;
	height: 30px;
	background-color: #1B6385;
}

.footerContainer {
	width: 100%;
	clear: both;
	height: 25px;
	font-size: 11px;
	padding-top: 9px;
	text-align: center;
	background: url("../img/headerGradient.jpg");
	border-bottom: 1px solid #999999;
	border-top: 10px solid #1B6385;
}

.logoImg {
	float: left;
	clear: both;
	margin-left: 10px;
	width: 340px;
	height: 120px;
	background: url("../img/logo.png");
	background-repeat: no-repeat;
	padding-top: 25px;
}


.blkLogo {
	float: left;
	margin-left: 40px;
	margin-bottom: 15px;
	width: 70px;
	height: 60px;
	background: url("../img/blkTriangle.png");
	background-repeat: no-repeat;
}

.downloadLinkContainer {
	float: right;
	text-align: right;
	width: 200px;
	height: 15px;
	margin-top: 25px;
	margin-right: 35px;
}

.regularTitle {
	width: 700px;
	height: 35px;
	margin-left: 50px;
	
	font-family: Lithos Pro Regular, Veranda, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1B6385;
}

.underlineTitle {
	float: left;
	width: 82%;
	height: 30px;
	margin-left: 10px;
	margin-top: 10px;

	font-family: Lithos Pro Regular, Veranda, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1B6385;
	border-bottom: 2px solid #40ABD9;
}

.scrollContentContainer {
	float: left;
	clear: both;
	display: block;
	width: 825px;
	height: 450px;
	margin-left: 55px;
	margin-bottom: 50px;
	padding-right: 25px;
	word-wrap: break-word;
	overflow-y: scroll;
}

.mediumScrollContainer {
	width: 500px;
	height: 325px;
	overflow-y: scroll;
	word-wrap: break-word;
}

.scrollContainer {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}

.slideshow {
	float: right;
	width: 305px;
	margin-right: 40px;
	margin-top: 35px;
	margin-left: 15px;
	z-index: 0;
	height: 305px;
	width: 305px;
}

.slideshow img {
	z-index: 0;
	width: 288px;
	height: 288px;
	margin: 5px;
	border: 2px solid #999999;
}

.contentContainer {
	padding-left: 55px;
	width: 875px;
	height: auto;
	word-wrap: break-word;
}

.loginLinkContainer {
	float: right;
	width: 368px;
	height: 20px;
	margin-top: 10px;
}

object.pdf {
	float: left;
	clear: both;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 50px;
	width: 800px;
	height: 450px;
	z-index: 0;
}

.ticker {
	float: right;
	width: 400px;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url("../img/ticker.gif");
	background-repeat: no-repeat;
}

.quarterColumn {
	float: left;
	display: block;
	width: 22%;
	padding-right: 24px;
	margin-bottom: 25px;
}

.rightThirdColumn {
	float: right;
	margin-right: 13px;
	display: block;
	width: 37%;
	height: auto;
}

.rightTwoThirdColumn {
	display: block;
	width: 58%;
	height: auto;
	margin-right: 3%;
}

.leftThirdColumn {
	float: left;
	display: block;
	width: 260px;
	height: auto;
	margin-left: 45px;
	margin-right: 20px;
}

.leftTwoThirdColumn {
	float: left;
	display: block;
	width: 550px;
	height: auto;
}

img.communityImg {
	width: 195px;
	height: 150px;
	margin-bottom: 15px;
}

img.rightImg {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

img.leftImg {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.pgSectionTitle {
	font-weight: bold;
	font-size: 14px;
	color: #1B6385;
}

.sectionTitle {
	float: left;
	margin-left: 75px;
	font-weight: bold;
	font-size: 14px;
	color: #1B6385;
}

label.fieldLabel {
	float: left;
	width: 175px;
	text-align: right;
	padding-top: 2px;
	padding-right: 3px;
}

label.leftFieldLabel {
	float: left;
	text-align: right;
	width: 100px;
	padding-top: 2px;
	padding-right: 3px;
}

label.leftRequiredFieldLabel {
	float: left;
	text-align: right;
	width: 100px;
	padding-top: 2px;
	padding-right: 3px;
	color: #027D71;
}

label.requiredFieldLabel {
	float: left;
	width: 175px;
	text-align: right;
	padding-top: 2px;
	padding-right: 3px;
	color: #027D71;
}

input.formField {
	width: 250px;
	padding-left: 2px;
}

input.smallFormField {
	width: 40px;
	text-align: center;
}

input.largeFormField {
	width: 170px;
	padding-left: 2px;
}

textarea.prayerDetails {
	width: 250px;
	height: 100px;
	padding-left: 2px;
	overflow-y: scroll;
	resize: none;
}

input.prayerSubmitBtn {
	float: left;
	margin-left: 50%;
}

input.guestSubmitBtn {
	float: left;
	margin-left: 35%;
	margin-bottom: 15px;
}

.prayerImg {
	width: 266px;
	height: 386px;

	background: url("../img/prayerSillouette01.gif");
	background-repeat: no-repeat;
}

.prayerImgTxt {
	font-family: Arial, sans-serif;
	/*font-family: "Tekton Pro", Arial, sans-serif;*/
	font-size: 16px;
	text-align: center;

	color: #1B6385;
}

b.required {
	color: #027D71;
}

.prayerTxt {
	text-align: center;
}

.dividerLine {
	border-bottom: 1px solid #000000;
	width: 100%;
	height: 1px;
}

b.signatureTxt {
	font-style: italic;
	font-size: 11px;
}

.mapContainer {
	float: left;
	clear: both;
	display: block;
	width: 500px;
	height: 330px;
	z-index: 0;
	overflow: hidden;
	margin-bottom: 25px;
	border: 2px solid #999999;
}

#sfccMap {
	width: 500px;
	height: 330px;
}

.underlineHeader {
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	color: #1B6385;
}

.italicTxt {
	font-style: italic;
	text-align: center;
	font-size: 14px;
	color: #027D71;
	font-weight: bold;
}

.centeredTxt {
	font-weight: bold;
	color: #1B6385;
	font-size: 13px;
	text-align: center;
}

b.blueTxt {
	color: #027D71;
	font-size: 13px;
	font-weight: 900;
}

a.contactEmail {
	float: right;
	margin-right: 25px;
	margin-top: 88px;
	font-size: 16px;
	text-decoration: none;
	color: #114155;
	font-family: "Tekton Pro", Arial, sans-serif;
}

a.contactEmail:hover {
	color: #027D71;
	text-decoration: underline;
}

.contactPgImg01 {
	float: left;
	margin-left: 15%;
	margin-bottom: 5%;
	width: 513px;
	height: 131px;
	
	background: url("../img/contactGraphic01.jpg");
	background-repeat: no-repeat;
}

.contactPgImg02 {
	float: left;
	margin-left: 21%;
	margin-bottom: 5%;
	width: 513px;
	height: 131px;

	background: url("../img/contactGraphic02.jpg");
	background-repeat: no-repeat;

}

.largeItalicTxt {
	float: left;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 50px;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #027D71;
}


a.downloadLink {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #027D71;
}

a.downloadLink:hover {
	text-decoration: underline;
	color: #1B6385;
}

label.whiteTxt {
	font-size: 14px;
	color: #FFFFFF;
}

input.loginField {
	width: 135px;
	height: 16px;
	margin-left: 5px;
}

a.opaliceLink {
	text-decoration: none;
	color: #000000;
}

a.opaliceLink:hover {
	color: #FFFFFF;
}

.profileSectionTitle {
	font-size: 13px;
	color: #1B6385;
	text-align: center;
}

select.largeCountry {
	width: 175px;
	padding-left: 2px;
}

textarea.guestbookDetails {
	width: 250px;
	height: 100px;
	margin-left: 50px;
	padding-left: 2px;
	overflow-y: scroll;
	resize: none;
}

input.loginBtn {
	margin-left: 6px;
}

.loginIntro {
	text-align: left;
	padding-left: 75px;
	padding-right: 75px;
}

label.fullPgLabel {
	float: left;
	width: 400px;
	text-align: right;
}

input.loginPgBtn {
	float: left;
	margin-left: 415px;
	margin-top: 10px;
}

.loginPgTxt {
	width: 100%;
	height: 25px;
	font-family: "Tekton Pro", Arial, sans-serif;
	font-size: 22px;
	text-align: center;
	color: #1B6385;
}


.failedTxt {
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}

input.fullLoginField {
	width: 175px;
	height: 16px;
	margin-left: 5px;
}

a.adminHeaderLink {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	margin-left: 10px;
}

.adminLoginLinkContainer {
	float: right;
	width: 285px;
	height: 20px;
	margin-top: 20px;
}

.adminNavMenu {
	width: 100%;
	margin-left: 85px;
	height: 65px;
	padding-top: 15px;
	padding-bottom: 25px;
}

a.adminNavLink {
	float: left;
	width: 125px;
	margin-left: 25px;
	text-align: center;
}

a.adminNavLink:hover {
	color: #999999;
}

.adminBtn {
	margin-top: 25px;
	text-align: center;
	margin: auto;
	width: 50px;
	height: 40px;
	padding-top: 10px;
	font-size: 30px;
	font-weight: bold;
}

.mainPageLabel {
	float: left;
	margin-left: 50px;
	font-size: 16px;
	font-family: "Tekton Pro", Arial, sans-serif;
	font-size: 22px;
	color: #1B6385;
}

.adminTxt {
	width: 91%;
	margin-left: 65px;
	margin-right: 50px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.listContainer {
	width: 400px;
	height: auto;	
	margin-left: 150px;
	padding-bottom: 25px;
}

a.pageLink {
	font-weight: bold;
}

.addSectionLinkContainer {
	width: 200px;
	float: right;
	text-align: right;
	margin-right: 75px;
}

a.modifyLinks {
	font-size: 12px;
}

a.modifyLinks:hover {
	color: red;
	text-decoration: underline;
}

.adminListTitles {
	float: left;
	margin-left: 25px;
	width: 94%;
	height: 13px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

.row {
	margin-left: 25px;
	margin-top: 5px;

	width: 94%;
	height: 17px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.boldRow {
	float: left;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 5px;

	width: 94%;
	height: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.modifyLinkColumn {
	float: left;
	text-align: center;
	width: 20px;
	height: 20px;
}

.xSmallColumn {
	float: left;
	width: 20px;
	padding-top: 3px;
}

.smallColumn {
	float: left;
	width: 50px;
	margin-right: 25px;
	text-align: center;
}

.smallMediumColumn {
	float: left;
	width: 150px;
}

.mediumColumn02 {
	float: left;
	width: 185px;
}

.mediumColumn03 {
	float: left;
	width: 295px;
}

.mediumSmallColumn {
	float: left;
	width: 75px;
	margin-right: 25px;
}

.mediumColumn {
	float: left;
	width: 385px;
	margin-left: 25px;
}

.mediumLargeColumn {
	float: left;
	width: 500px;
	padding-top: 3px;
}

.largeColumn {
	float: left;
	width: 800px;
}

.xLargeColumn {
	float: left;
	width: 375px;
	padding-left: 65px;
	padding-bottom: 3px;
}

.pageTitleColumn {
	float: left;
	width: 375px;
	padding-left: 65px;
	padding-bottom: 3px;
}


/*TITLE COLUMNS----------------*/
.smallTitleColumn {
	float: left;
	width: 200px;
}

.mediumTitleColumn {
	float: left;
	width: 250px;
}
/*-----------------------------*/

/*DATE COLUMNS-----------------*/
.dateColumn {
	float: left;
	width: 150px;
}
/*-----------------------------*/

/*COMMENT COLUMNS---------------*/
.mediumCommentsColumn {
	float: left;
	width: 450px;
}

.largeCommentsColumn {
	float: left;
	width: 500px;
	height: 15px;
	overflow: hidden;
}
/*-------------------------------*/
.largeTextarea {
	/*float: left;*/
	/*margin-left: 100px;*/
	width: 775px;
	height: 300px;
	background-color: #FFFFFF;
	border: none;
}

label.updateLabel {
	float: left;
	width: 125px;
	text-align: right;
	margin-right: 5px;
	padding-top: 4px;
	font-weight: bold;
}

input.updateFormField {
	width: 250px;
	padding-left: 2px;
}

input.updateFileInput {
	width: 375px;
	padding-left: 2px;
}

input.centeredSubmitBtn {
	float: left;
	margin-left: 50%;
	margin-top: 25px;
	margin-bottom: 25px;
}


p {
	margin: 0;
	padding: 0;
}

label.centeredLabel {
	width: 500px;
	min-height: 25px;
	float: left;
	margin-left: 375px;
}

input.centeredInput {
	float: right;
	width: 200px;
	height: 15px;
	margin-right: 315px;
}

label.centeredLabel02 {
	float: left;
	width: 225px;
	height: 15px;
	text-align: right;
	margin-left: 125px;
	margin-top: 3px;
}

label.centeredLabel03 {
	float: left;
	width: 225px;
	height: 15px;
	text-align: right;
	margin-left: 200px;
	margin-top: 3px;
}

input.smallField {
	width: 40px;
	margin-left: 5px;
}

select.centeredSelect {
	width: auto;
	height: 20px;
	padding-left: 3px;
	margin-left: 6px;
}

.smallRequestColumn {
	width: 95px;
	float: left;
}

.mediumRequestColumn {
	float: left;
	width: 150px;
}

.largeRequestColumn {
	width: 215px;
	float: left;
}

.viewRequestColumn {
	width: 55px;
	float: left;
	text-align: left;
}

.modifyRequestColumn {
	width: 65px;
	float: left;
}

.additionalInfo {
	margin-top: 3px;
}

label.boldCenterLabel {
	float: left;
	width: 225px;
	height: 15px;
	font-weight: bold;
	text-align: right;
	margin-left: 200px;
	margin-top: 3px;
}

.radioContainer {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 25px;
}

label.tabbedLabel {
	float: left;
	margin-left: 75px;
	width: 89%;
	height: auto;
}

label.tabbedLabel02 {
	float: left;
	text-align: right;
	margin-left: 16%;
	margin-right: 5px;
	width: 200px;
	height: 15px;
	font-weight: bold;
	margin-top: 4px;
}

input.longField {
	width: 300px;
	height: 17px;
	padding-left: 2px;
}

.successTxt {
	width: 100%;
	text-align: center;
	color: #027D71;
	font-weight: bold;
}