/* 
logo gold: fcb623
logo royal blue: 0066c6
logo delaware blue: 63c1d0
 */

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

body { 
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 1.4;
	text-decoration: none;
	overflow-x: hidden !important;
	margin:0px;
}

body * { 
	word-break:normal !important;
	word-wrap:normal !important;
}

html,body,div,p,span,iframe,.site,main,footer {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}


a {
	text-decoration: none;
	-ms-word-break: break-all !important;
	word-break: break-all !important;
	word-break: break-word !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	hyphens: auto !important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

a {color: #cc0000; text-decoration: none}
a:hover {color : #0099cc; text-decoration: none}
a:active {color : #cc9900; text-decoration: none}

a, a:link, a:active, a:focus, span {
	outline: 0px !important;
}

::-moz-selection { /* Code for Firefox */
  color: #eeca5e;
  background: #346ab1;
}

::selection {
  color: #eeca5e; 
  background: #346ab1;
}

.TextBlock1 {
	font-size: 1.1em !important;
}

h4 {
	font-size: 1.2em !important;
	line-height: 1.5;
	font-style: italic;
}
h3 {
	font-size: 1.5em !important;
}

.BoldMagenta {
	font-family: inherit;
	font-size: inherit;
	font-style: italic;
	line-height: bold;
	font-weight: inherit;
	color: #6633cc;
	text-decoration: inherit;
}

.websitelinks {
	white-space: normal;
}

.nobr {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
	white-space: nowrap;
}

.BreakAll {
	-ms-word-break: break-all !important;
	word-break: break-all !important;

	word-break: break-word !important;

	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	hyphens: auto !important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

.AllCaps {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
	text-transform: uppercase;
}
.yellow {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: #fcb623;
	text-decoration: inherit;
	text-transform: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

table, table td, table tr, .Table, .TR, .TD {
	border: 0;
}

p {
	margin: 20px 0px 20px 0px;
}

.Table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

.TR {
	display: table-row;
}

.TD {
	display: table-cell;
}

.valigntop {
	vertical-align: top;
}
.valignmiddle {
	vertical-align: middle;
}


.ResultsBlock {
	margin: 20px;
	display: inline-block;
	width:200px;
}

.h4blue {
	color: #003399;
	font-size: 1.2em;
	font-weight: bold
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.textshadow * {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5), 0 0 55px rgba(0, 0, 0, 0.5), 0 0 75px rgba(0, 0, 0, 0.5) !important;
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 800 !important;
}



#Wrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}

#Container {

	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	max-width: 1100px;
	display: inline-block;
}

.MainTable {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.MainTableTR {
	display: table-row;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.MainTableTD1 {
	display: table-cell;
	width: auto;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
.MainTableTD2 {
	display: table-cell;
	width: 380px;
	vertical-align: top;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#FlagsForDelaware {
	margin: 0px 0px 0px 0px;
	width: auto;
	max-width: 550px;
	height: auto;
}

.PDFTable {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 30px 0px;
}

.PDFTableTR {
	display: table-row;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.PDFTableTD1 {
	display: table-cell;
	width: auto;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}
.PDFTableTD2 {
	display: table-cell;
	max-width: 400px;
	font-size: 18px;
	line-height: 1.4;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.MailAddress {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4
}

.ThankYou {
	font-family: 'Courgette';
	font-style: normal;
	font-weight: 400;
	font-size: 1.5em;
	color: #0066c6;
	margin: 30px 0px 30px 0px;
}

#HeadingLogoWrapper {
	width: 100%
}
#ColonialRotaryDoverDE {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	max-width: 80vw;
	height: auto;
	margin: 10px 10px 10px 10px;
}

#PPButton {
	width: 500px;
	height: auto;
	margin: 10px 10px 10px 10px;
	max-width: 90%;
}

#SubmitPaymentWrapper {
	width: 100%;
	padding: 10px 10px 10px 10px;
}
#SalutationWrapper {
	width: 100%;
	max-width: 1000px;
	padding: 10px 10px 10px 10px;
}
.SalutationBlock1 {
	font-size: 1.2em;
}
.SalutationBlock2 {
	font-size: 1.2em;
	font-style: italic
}
.SalutationBlock3 {
	font-size: 1.4em;
	line-height: 1.3;
	color: #034ea2
}
#ColonialRotaryDoverDEFooter {
	width: 90%;
	height: auto;
	max-width: 700px;
	margin: 10px 10px 10px 10px;
}

@media screen and (max-width: 1120px) {

	#ColonialRotaryLogo {
		width: 32vw;
	}
	#DoverDE {
		width: 22vw;
	}
}

@media screen and (max-width: 1010px) {

	#ColonialRotaryLogo {
		width: 30vw;
	}
	#DoverDE {
		width: 20vw;
	}
}

@media screen and (max-width: 940px) {

	#ColonialRotaryLogo {
		width: 28vw;
		margin: 10px 5px 10px 10px;
	}
	#DoverDE {
		width: 18vw;
		margin: 10px 10px 10px 5px;
	}
}

/* 
@media screen and (max-width: 910px) {

	#FlagsForDelaware {
		margin: 0px 0px 0px 0px;
		width: 55vw;
		max-width: 550px;
		height: auto;
	}
}
 */
@media screen and (max-width: 767px) {

	#ColonialRotaryLogo {
		width: 45vw;
	}
	#DoverDE {
		width: 35vw;
	}

	body { 
		font-size: 18px;
	}

/* 
	#FlagsForDelaware {
		margin: 0px 0px 0px -10px;
		width: 86vw;
		height: auto;
	}
 */

	.MainTable, .MainTableTR, .MainTableTD1, .MainTableTD2 {
		display: block;
		width: auto !important;
	}

	.MainTable, .MainTableTR {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	.MainTableTD1 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.MainTableTD2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
}
@media screen and (max-width: 620px) {

	h4 {
		font-size: 1em !important;
	}

	#Container {

		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		max-width: auto;
		display: block;
	}

	#FlagsForDelaware {
		margin: 0px 0px 0px 0px;
		width: auto;
		max-width: 80vw;
		height: auto;
	}
}

@media screen and (max-width: 390px) {

	body { 
		font-size: 16px;
	}
	
	.PDFTableTD2 {
		font-size: 14px;
	}
}











.BlueRule {
	border-top: 2px solid #003399;
	margin: 10px 0px 10px 0px
}




.PageContentWrapper {
	width: 1100px;
	max-width: 94vw;
	display: inline-block;
}

.PageContent {
	text-align: left;
	font-size: 20px;
	line-height: 1.5;
	color: white;
}

@media screen and (max-width: 767px) {

	.PageContent {
		font-size: 18px;
		padding: 0px 10px 0px 10px;
	}
}

@media screen and (max-width: 400px) {

	.PageContent {
		font-size: 16px;
	}
}

.whiteRule {
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	background-color: white;
}
.colorRule {
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
}


/* 
#DonateFormMobile {
	display: none;
}
 */




/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Content Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */

.FlagRuleWrapper {
	width: 100vw;
	height: 100px;
	background-image: url("/images/FlagRule.png");
	background-size: auto 100px;

}

#Footer {
	padding: 20px 10px 20px 10px;
	color: white;
	background: #0066c6;
	font-size: 16px;
	
}

#ThankYou {
	display: block;
	width: auto;
	max-width: 94%;
	height: auto;
	margin: 0px 20px 0px -20px;
}

#DoverColonialRotaryBanner {
	display: block;
	width: 90vw;
	max-width: 660px;
	height: auto;
}

.Rainbow {
	color:white;
	-moz-animation: 3s multicolor infinite;
	-webkit-animation: 3s multicolor infinite;
	-o-animation: 3s multicolor infinite;
	animation: 3s multicolor infinite;
}

@keyframes multicolor {
    0% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px #ffdb33, 0 0 2px #ffdb33, 0 0 3px #ffdb33, 0 0 4px #ffdb33, 0 0 5px #ffcc33, 0 0 6px #ffcc33, 0 0 7px #ffcc33, 0 0 8px #ffcc33,0 0 9px #fb4848,0 0 10px #fb4848,0 0 11px #fb4848,0 0 12px #fb4848,0 0 13px #ff66cc,0 0 14px #ff66cc,0 0 15px #ff66cc,0 0 16px #ff66cc,0 0 17px #a67aff,0 0 18px #a67aff,0 0 19px #a67aff,0 0 20px #a67aff,0 0 21px #61b0ff,0 0 22px #61b0ff,0 0 23px #61b0ff,0 0 24px #61b0ff,0 0 25px #33ccff,0 0 26px #33ccff,0 0 27px #33ccff,0 0 28px #33ccff;
    }
    16% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5),0 0 1px #33ccff,0 0 2px #33ccff,0 0 3px #33ccff,0 0 4px #33ccff, 0 0 5px #ffdb33, 0 0 6px #ffdb33, 0 0 7px #ffdb33, 0 0 8px #ffdb33, 0 0 9px #ffcc33, 0 0 10px #ffcc33, 0 0 11px #ffcc33, 0 0 12px #ffcc33,0 0 13px #fb4848,0 0 14px #fb4848,0 0 15px #fb4848,0 0 16px #fb4848,0 0 17px #ff66cc,0 0 18px #ff66cc,0 0 19px #ff66cc,0 0 20px #ff66cc,0 0 21px #a67aff,0 0 22px #a67aff,0 0 23px #a67aff,0 0 24px #a67aff,0 0 25px #61b0ff,0 0 26px #61b0ff,0 0 27px #61b0ff,0 0 28px #61b0ff;
    }
    32% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5),0 0 1px #61b0ff,0 0 2px #61b0ff,0 0 3px #61b0ff,0 0 4px #61b0ff,0 0 5px #33ccff,0 0 6px #33ccff,0 0 7px #33ccff,0 0 8px #33ccff, 0 0 9px #ffdb33, 0 0 10px #ffdb33, 0 0 11px #ffdb33, 0 0 12px #ffdb33, 0 0 13px #ffcc33, 0 0 14px #ffcc33, 0 0 15px #ffcc33, 0 0 16px #ffcc33,0 0 17px #fb4848,0 0 18px #fb4848,0 0 19px #fb4848,0 0 20px #fb4848,0 0 21px #ff66cc,0 0 22px #ff66cc,0 0 23px #ff66cc,0 0 24px #ff66cc,0 0 25px #a67aff,0 0 26px #a67aff,0 0 27px #a67aff,0 0 28px #a67aff;
    }
    50% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5),0 0 1px #a67aff,0 0 2px #a67aff,0 0 3px #a67aff,0 0 4px #a67aff,0 0 5px #61b0ff,0 0 6px #61b0ff,0 0 7px #61b0ff,0 0 8px #61b0ff,0 0 9px #33ccff,0 0 10px #33ccff,0 0 11px #33ccff,0 0 12px #33ccff, 0 0 13px #ffdb33, 0 0 14px #ffdb33, 0 0 15px #ffdb33, 0 0 16px #ffdb33, 0 0 17px #ffcc33, 0 0 18px #ffcc33, 0 0 19px #ffcc33, 0 0 20px #ffcc33,0 0 21px #fb4848,0 0 22px #fb4848,0 0 23px #fb4848,0 0 24px #fb4848,0 0 25px #ff66cc,0 0 26px #ff66cc,0 0 27px #ff66cc,0 0 28px #ff66cc;
    }
    66% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5),0 0 1px #ff66cc,0 0 2px #ff66cc,0 0 3px #ff66cc,0 0 4px #ff66cc,0 0 5px #a67aff,0 0 6px #a67aff,0 0 7px #a67aff,0 0 8px #a67aff,0 0 9px #61b0ff,0 0 10px #61b0ff,0 0 11px #61b0ff,0 0 12px #61b0ff,0 0 13px #33ccff,0 0 14px #33ccff,0 0 15px #33ccff,0 0 16px #33ccff, 0 0 17px #ffdb33, 0 0 18px #ffdb33, 0 0 19px #ffdb33, 0 0 20px #ffdb33, 0 0 21px #ffcc33, 0 0 22px #ffcc33, 0 0 23px #ffcc33, 0 0 24px #ffcc33,0 0 25px #fb4848,0 0 26px #fb4848,0 0 27px #fb4848,0 0 28px #fb4848;
    }
    82% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5),0 0 1px #fb4848,0 0 2px #fb4848,0 0 3px #fb4848,0 0 4px #fb4848,0 0 5px #ff66cc,0 0 6px #ff66cc,0 0 7px #ff66cc,0 0 8px #ff66cc,0 0 9px #a67aff,0 0 10px #a67aff,0 0 11px #a67aff,0 0 12px #a67aff,0 0 13px #61b0ff,0 0 14px #61b0ff,0 0 15px #61b0ff,0 0 16px #61b0ff,0 0 17px #33ccff,0 0 18px #33ccff,0 0 219px7px #33ccff,0 0 20px #33ccff, 0 0 21px #ffdb33, 0 0 22px #ffdb33, 0 0 23px #ffdb33, 0 0 24px #ffdb33, 0 0 25px #ffcc33, 0 0 26px #ffcc33, 0 0 27px #ffcc33, 0 0 28px #ffcc33;
    }
    100% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px #ffcc33, 0 0 2px #ffcc33, 0 0 3px #ffcc33, 0 0 4px #ffcc33,0 0 5px #fb4848,0 0 6px #fb4848,0 0 7px #fb4848,0 0 8px #fb4848,0 0 9px #ff66cc,0 0 10px #ff66cc,0 0 11px #ff66cc,0 0 12px #ff66cc,0 0 13px #a67aff,0 0 14px #a67aff,0 0 15px #a67aff,0 0 16px #a67aff,0 0 17px #61b0ff,0 0 18px #61b0ff,0 0 19px #61b0ff,0 0 20px #61b0ff,0 0 21px #33ccff,0 0 22px #33ccff,0 0 23px #33ccff,0 0 24px #33ccff, 0 0 25px #ffdb33, 0 0 26px #ffdb33, 0 0 27px #ffdb33, 0 0 28px #ffdb33;
    }
	/* 
    100% {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0), 0 0 2px rgba(0,0,0,0), 0 0 3px rgba(0,0,0,0), 0 0 4px rgba(0,0,0,0),0 0 5px rgba(0,0,0,0),0 0 6px rgba(0,0,0,0),0 0 7px rgba(0,0,0,0),0 0 8px rgba(0,0,0,0),0 0 9px rgba(0,0,0,0),0 0 10px rgba(0,0,0,0),0 0 11px rgba(0,0,0,0),0 0 12px rgba(0,0,0,0),0 0 13px rgba(0,0,0,0),0 0 14px rgba(0,0,0,0),0 0 15px rgba(0,0,0,0),0 0 16px rgba(0,0,0,0),0 0 17px rgba(0,0,0,0),0 0 18px rgba(0,0,0,0),0 0 19px rgba(0,0,0,0),0 0 20px #61b0ff,0 0 21px rgba(0,0,0,0),0 0 22px rgba(0,0,0,0),0 0 23px rgba(0,0,0,0),0 0 24px rgba(0,0,0,0), 0 0 25px rgba(0,0,0,0), 0 0 26px rgba(0,0,0,0), 0 0 27px rgba(0,0,0,0), 0 0 28px rgba(0,0,0,0);
    }
    */
}