/* CSS code for the RVICS Project Application page  */

/* Various text effects  */

h1 {
	text-align		: center ;
}
	
.boldTxt {
	font-weight 	: bold ;
}

.formErr {
	color			: #ff0000 ;
	font-style		: italic ;
	font-size		: 0.9em ;
}

/* CSS Grid settings for the form  */

/* Form text styles  */

.sectionTitle {
	font-size		: 1.1em ;
	font-weight		: bold ;
}

/* Grid container definitions */

/* Notes grid container */
.notesGridContainer {
	display					: grid ;
	grid-template-columns	: 1fr 4fr 1fr ;
}

/* Main form container */
.formContainer {
	display					: grid ;
	grid-template-columns	: 1fr 8fr 1fr ;
}

/* Success screen grid container */
.successContainer {
	display					: grid ;
	grid-template-columns	: 1fr 1fr 1fr ;
}

/* Common container properties  */
.containerProperties {
	border-style			: groove ;
	padding					: 4px 2px ;
}
	
/***********************************************************************/
/* Notes Container
	2 rows
	6 columns
*/

/* 'Notes' title text */
.notesTitle {
	grid-column		: 2 / span 1 ;
	margin-top		: 0px ;
	margin-bottom	: 0px ;
}

/* Notes list */
.notesList {
	grid-column		: 2 / span 1 ;
	margin-top		: 5px ;
}

/***********************************************************************/
/* Project Information Container
	8 rows
	4 columns
*/

.orgInfoText {
	justify-self			: right ;
	font-weight				: bold ;
}

.orgInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: auto auto auto auto ;
}

/* Project Info Row 1 - Section title */
.orgInfoR1C1 {
	grid-column		: 1 / span 4 ;
}

/* Project Info Row 2 - Org name */
.orgInfoR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR2C2 {
	grid-column		: 2 / span 1 ;
}

#orgName {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* Project Info Row 3 - Org phone*/
.orgInfoR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR3C2 {
	grid-column		: 2 / span 1 ;
}

#orgPhone {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Project Info Row 4  - Street address */
.orgInfoR4C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR4C2 {
	grid-column		: 2 / span 1 ;
}

#orgAdrs {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Project Info Row 5 - City & County */
.orgInfoR5C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR5C2 {
	grid-column		: 2 / span 1 ;
}

#orgCity {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

.orgInfoR5C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR5C4 {
	grid-column		: 4 / span 1 ;
}

#orgCounty {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 98% ;
}

/* Project Info Row 6 - State & Postal code */
.orgInfoR6C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR6C2 {
	grid-column		: 2 / span 1 ;
}

#orgState {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

.orgInfoR6C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR6C4 {
	grid-column		: 4 / span 1 ;
}

#orgZIP {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 98% ;
}

/* Project Info Row 7 - Elevation */
.orgInfoR7C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR7C2 {
	grid-column		: 2 / span 1 ;
}

/* Project Info Row 8 - Website */
.orgInfoR8C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.orgInfoR8C2 {
	grid-column		: 2 / span 1 ;
}

#orgWebsite {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/***********************************************************************/
/* Contact Information Container
	11 rows
	4 columns
*/

.contactSectionText {
	justify-self			: right ;
	font-weight				: bold ;
}

.contactInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: auto auto auto auto ;
}

/* contact Info Row 1 - Section title */
.contactInfoR1C1 {
	grid-column		: 1 / span 4 ;
}

/* contact Info Row 2 - Executive leader subsection title */
.contactInfoR2C1 {
	grid-column		: 1 / span 1 ;
}

/* contact Info Row 3 - Executive leader's name*/
.contactInfoR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR3C2 {
	grid-column		: 2 / span 1 ;
}

#execLdr {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* contact Info Row 4 - Executive leader's title*/
.contactInfoR4C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR4C2 {
	grid-column		: 2 / span 1 ;
}

#execTitle {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* contact Info Row 5 - Executive leader's phone */
.contactInfoR5C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR5C2 {
	grid-column		: 2 / span 1 ;
}

#execPhone {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* contact Info Row 6 - Executive leader's email */
.contactInfoR6C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR6C2 {
	grid-column		: 2 / span 1 ;
}

#execEmail {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* contact Info Row 7 - Team leader's contact subsection title*/
.contactInfoR7C1 {
	grid-column		: 1 / span 1 ;
}

/* contact Info Row 8 - Team leader's contact name*/
.contactInfoR8C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR8C2 {
	grid-column		: 2 / span 1 ;
}

#TLContactName {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* contact Info Row 9 - Team Leader's contact title*/
.contactInfoR9C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR9C2 {
	grid-column		: 2 / span 1 ;
}

#TLContactTitle {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* contact Info Row 10 - Team Leader's contact phone*/
.contactInfoR10C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR10C2 {
	grid-column		: 2 / span 1 ;
}

#TLContactPhone {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* contact Info Row 11 - Team Leader's contact email*/
.contactInfoR11C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.contactInfoR11C2 {
	grid-column		: 2 / span 1 ;
}

#TLContactEmail {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/***********************************************************************/
/* Ministry Information Container
	12 rows
	4 columns
*/

.ministryInfoText {
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 2fr 1fr 1fr 2fr ;
}

/* Ministry Info Row 1 - Section title */
.ministryInfoR1C1 {
	grid-column		: 1 / span 4 ;
}

/* Ministry Info Row 2 - Nonprofit status & tax-exempt number */
.ministryInfoR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR2C2 {
	grid-column		: 2 / span 1 ;
}

.ministryInfoR2C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.ministryInfoR2C4 {
	grid-column		: 4 / span 1 ;
}

#exemptNum {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 98% ;
}

/* Ministry Info Row 3 - Ministry type */
.ministryInfoR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR3C2 {
	grid-column		: 2 / span 1 ;
}

.ministryInfoR3C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR3C4 {
	grid-column		: 4 / span 1 ;
}

#otherType {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 98% ;
}

/* Ministry Info Row 4 - Denominational ties */
.ministryInfoR4C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.ministryInfoR4C2 {
	grid-column		: 2 / span 1 ;
}

#denomTies {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Ministry Info Row 5 - Board of Directors */
.ministryInfoR5C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.ministryInfoR5C2 {
	grid-column		: 2 / span 1 ;
}

/* Ministry Info Row 6 - Best time of year for project */
.ministryInfoR6C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR6C2 {
	grid-column		: 2 / span 1 ;
}

#bestTime {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 98% ;
}

/* Ministry Info Row 7 - Short notice availability */
.ministryInfoR7C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR7C2 {
	grid-column		: 2 / span 1 ;
}

/* Ministry Info Row 8 - Dress code & explanation */
.ministryInfoR8C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR8C2 {
	grid-column		: 2 / span 1 ;
}

.ministryInfoR8C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.ministryInfoR8C4 {
	grid-column		: 4 / span 1 ;
}

#dressComment {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 95% ;
}

/* Ministry Info Row 9 - Liability insurance */
.ministryInfoR9C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR9C2 {
	grid-column		: 2 / span 1 ;
}

/* Ministry Info Row 10 - Funding sources */
.ministryInfoR10C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR10C2 {
	grid-column		: 2 / span 1 ;
}

#howFunded {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Ministry Info Row 11 - Accept government funding */
.ministryInfoR11C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.ministryInfoR11C2 {
	grid-column		: 2 / span 1 ;
}

/* Ministry Info Row 12 - Pets */
.ministryInfoR12C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR12C2 {
	grid-column		: 2 / span 1 ;
}

/* Ministry Info Row 13 - Housing availability */
.ministryInfoR13C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.ministryInfoR13C2 {
	grid-column		: 2 / span 1 ;
}

/***********************************************************************/
/* RV Site Information Container
	13 rows
	4 columns
*/

.RVSectionText {
	justify-self			: right ;
	font-weight				: bold ;
}

.RVSubSectionText {
	justify-self	: right ;
	font-weight		: 600 ;
}

.RVInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 2fr 1fr 1fr 1fr ;
}

/* RV Info Row 1 - Section title */
.RVInfoR1C1 {
	grid-column		: 1 / span 4 ;
}

/* RV Info Row 2 - Are RV sites provided */
.RVInfoR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR2C2 {
	grid-column		: 2 / span 1 ;
	align-self		: end ;
}

.RVInfoR2C3 {
	grid-column		: 3 / span 2 ;
	margin-left		: 10px ;
}

/* RV Info Row 3 - Maximum number of sites */
.RVInfoR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR3C2 {
	grid-column		: 2 / span 1 ;
}

#RVSites {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* RV Info Row 4 - Big-rig friendly sites */
.RVInfoR4C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR4C2 {
	grid-column		: 2 / span 1 ;
}

.RVInfoR4C3 {
	grid-column		: 3 / span 2 ;
	margin-left		: 10px ;
}

#bigRig {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* RV Info Row 5 - Hookups subsection title */
.RVInfoR5C1 {
	grid-row		: 5 / span 1 ;		
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 40px ;
	margin-top		: 10px ;
	font-weight		: 600 ;
}

/* RV Info Row 6 - Electric hookup subsection title */
.RVInfoR6C1 {
	grid-row		: 6 / span 1 ;
	grid-column		: 1 / span 1 ;
	margin-right	: 10px ;
	font-weight		: 600 ;
}

.RVInfoR6C2 {
	grid-row		: 6 / span 1 ;
	grid-column		: 2 / span 3 ;
	margin-left		: 10px ;
}

/* RV Info Row 7 - 30A-only sites */
.RVInfoR7C1 {
	grid-row		: 7 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR7C2 {
	grid-row		: 7 / span 1 ;
	grid-column		: 2 / span 1 ;
}

#sites30 {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* RV Info Row 8 - 50A-only sites */
.RVInfoR8C1 {
	grid-row		: 8 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR8C2 {
	grid-row		: 8 / span 1 ;
	grid-column		: 2 / span 1 ;
}

#sites50 {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* RV Info Row 9 - combined 30A/50A sites */
.RVInfoR9C1 {
	grid-row		: 9 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR9C2 {
	grid-row		: 9 / span 1 ;
	grid-column		: 2 / span 1 ;
}

#sites3050 {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* RV Info Row 10 - Water hookup */
.RVInfoR10C1 {
	grid-row		: 10 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR10C2 {
	grid-row		: 10 / span 1 ;
	grid-column		: 2 / span 1 ;
}

/* RV Info Row 11 - Sewer hookup */
.RVInfoR11C1 {
	grid-row		: 11 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR11C2 {
	grid-row		: 11 / span 1 ;
	grid-column		: 2 / span 1 ;
}

/* RV Info Row 12 - Land ownership */
.RVInfoR12C1 {
	grid-row		: 12 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR12C2 {
	grid-row		: 12 / span 1 ;
	grid-column		: 2 / span 1 ;
}

/* RV Info Row 13 - Overhead clearance */
.RVInfoR13C1 {
	grid-row		: 13 / span 1 ;
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoR13C2 {
	grid-row		: 13 / span 1 ;
	grid-column		: 2 / span 1 ;
}

/***********************************************************************/
/* Organization's affiliations Information Container
	4 rows
	4 columns
*/

.affInfoText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.affInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 3fr 1fr 1fr 3fr ;
}

/* Affiliation Info Row 1 - Section title */
.affInfoR1C1 {
	grid-column		: 1 / span 4 ;
}

/* Affiliation Info Row 2 - General statement */
.affInfoR2C1 {
	grid-column		: 1 / span 4 ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/* Affiliation Info Row 3 - Statement of opposition to Councils */
.affInfoR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.affInfoR3C2 {
	grid-column		: 2 / span 1 ;
}

/* Affiliation Info Row 4 - Statement of support for Councils & explanation */
.affInfoR4C1 {
	grid-column		: 1 / span 1 ;
}

.affInfoR4C2 {
	grid-column		: 2 / span 1 ;
	margin-right	: 10px ;
}

.affInfoR4C3 {
	grid-column		: 3 / span 1 ;
}

.affInfoR4C4 {
	grid-column		: 4 / span 1 ;
}

#councilComment {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 95% ;
}

/***********************************************************************/
/* Statement of Faith Container
	8 rows
	4 columns
*/

.SoFText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.SoFContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 1fr 9fr 1fr ;
}

/* Statement of Faith title */
.SoFTitle {
	grid-column		: 1 / span 4 ;
}

/* Statement of Faith disclaimer */
.SoFDisclaimer {
	grid-column		: 2 / span 2 ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/* Statement of Faith Item Number formatting */
.SoFItemNumber {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

/* Statement of Faith Text formatting */
.SoFItemText {
	grid-column		: 3 / span 1 ;
}

/* Statement of Faith agreement checkbox */
.SoFAgreement {
	grid-column		: 2 / span 2 ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/***********************************************************************/
/* Team Leader Information Container
	2 rows
	4 columns
*/

.execSignText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.execSignContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 1fr 1fr 1fr ;
}

/* Executive signature Row 1 */
.execSignR1C1 {
	grid-column		: 1 / span 1 ;
}

.execSignR1C2 {
	grid-column		: 2 / span 2 ;
	font-size		: .9em ;
}

/* Executive signature Row 2 */
.execSignR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.execSignR2C2 {
	grid-column		: 2 / span 1 ;
}

#execSignature {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}


/***********************************************************************/
/* Success screen Container
	1 rows
	3 columns
*/

.msgContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
}

/***********************************************************************/


#submitButton {
	background-color	: #2369b8 ;
	font-family			: inherit ;
	font-weight			: bold ;
	font-size			: 15px ; 
	padding				: 3px 40px ;
	border-left			: 2px solid white ;
	border-top			: 2px solid white ;
	border-right		: 2px solid black ;
	border-bottom		: 2px solid black ;
	border-radius		: 3px ; 
	cursor				: pointer ; 
	background-image	: none ; 
	color				: white ; 
	text-shadow			: none ; 
	text-decoration		: none ; 
	display				: block ; 
	width				: 200px ;
/*	float				: none ;
	border				: none ; */
	margin-top			: 10px ;
	margin-left			: auto ;
	margin-right		: auto ;
}

#submitButton:hover {
	background-color	: #edf4fc ;
	color				: #2369b8 ;
}


/* Responsive layout - when the screen is less than 700px wide, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .flexRow {   
    flex-direction: column;
	}
}