body {background:url(https://www.friendsofnra.org/images/website-background.gif) top left repeat; font:12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; line-height:14pt; color:#000}
img {border:0px}

a:link {color:#06C}
a:visited {color:#06C}
a:active {color:#06C}
a:hover {text-decoration:none; color:#039}

.spacer{clear:both; height:1px;}
.center {text-align:center}
.committeeID {float:right; width:880px; height:auto; font:14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#012778; padding:15px 10px; text-align:right; background-color:#eee; border:1px solid #ccc; margin:5px 0 10px 0}

/* ------------------------- PAGE ---------------------------- */
.wrapper {width:960px; height:auto; margin:0 auto}
.logo {width:150px; height:auto; float:left; padding:10px 20px}
.topNav {width:600px; height:auto; float:left; vertical-align:bottom}
.rounded {width:900px; height:auto; float:left; -moz-border-radius:10px; border-radius:10px; background-color:#fff; padding:20px 30px}

/* ------------------------- NAV ---------------------------- */
#nav {margin:0; padding:0; list-style:none}
#nav li a {font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#fff; display:inline; margin:75px 10px 0 10px; text-align:center; text-decoration:none; float:left; padding:0 10px}
#nav li a:hover {color:#ccc}
.logout {color:#6CF}

/* ------------------------- HEADERS ---------------------------- */
.header {font:18pt 'Oswald', arial, serif; line-height:20pt; color:#036; text-align:left}
.centerHdr {font:12pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#012778; text-align:center; padding:15px 0}
.leftHdr {font:14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#000; text-align:left; padding:20px 0 5px 0; border-bottom:1px solid #ccc}
.subheader {font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:14pt; color:#333; text-align:left; padding:0 0 10px 0}

/* ------------------------- FORM ---------------------------- */
.required {color:#f00}
.error {color:#f00; text-align:center; padding:5px}
.caption {color:#666; font-size:11px; font-weight:normal; text-align:left; line-height:10pt}
.buttons {margin:20px auto; text-align:center}

.formWrapper {width:100%; height:auto; float:left; box-sizing:border-box; margin:1% 0}
.formL {width:30%; height:auto; float:left; text-align:right; font-size:1.15em; padding:1%}
.formR {width:62%; height:auto; float:right; text-align:left; padding:0 5% 0 0}
.formInput {width:100%; height:auto; float:left; text-align:left; font-size:1.25em; padding:10px; box-sizing:border-box}
.formDropdown {width:100%; height:auto; float:left; text-align:left; font-size:1.25em; padding:10px; box-sizing:border-box}
.monthDropdown {width:48%; height:auto; float:left; text-align:left; font-size:1.25em; padding:10px; box-sizing:border-box; margin:0 2% 0 0}
.yearDropdown {width:48%; height:auto; float:left; text-align:left; font-size:1.25em; padding:10px; box-sizing:border-box; margin:0 0 0 2%}
.bgInput {width:100%; height:auto; float:left}
.dateInput {width:100%; height:auto; float:left}
.btnRight {text-align:right}

.box {background-color:#fff; width:90%; height:auto; margin:1% 5%; border:2px solid #666; text-align:center; box-sizing:border-box}
.boxW {background-color:#fff; width:90%; height:auto; float:left; padding:5%}
.enterEmail {width:100%; height:auto; float:left; text-align:left}
.paytype {font-size:1.35em; padding:10px 0; line-height:1.5em}

/* ------------------------- FOOTER ---------------------------- */
#footer {font:11px Verdana, Geneva, sans-serif; color:#ccc; line-height:14pt; padding:15px 0; width:960px; height:auto; float:left}
.footerL {width:560px; text-align:left; float:left}
.footerR {width:400px; text-align:right; float:right}

.warning {font:22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20pt; text-align:center}
.note {color:#666; font-size:11px; font-weight:normal; text-align:left; line-height:10pt; width:490px; height:auto; float:left; padding:10px 5px; margin:-15px 0 0 0}

.formL2 {width:390px; height:auto; float:left; text-align:right; font:14pt Arial, Helvetica, sans-serif; line-height:12pt; padding:18px 5px 0 0}
.formR2 {width:500px; height:auto; float:right; text-align:left}

.errorMessage {color: Red; font-family: Arial; font-size: 12px; font-weight:bold; text-align:center; }

.field-validation-error {
    color: #e80c4d;
    font-weight: normal;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* ------------------------- FORM EXTRA ---------------------------- */
.leftcol {width:48%; float:left; text-align:center; padding:.5% 1%}
.rightcol {width:48%; float:right; text-align:center; padding:.5% 1%}
.quartercoll {width:38%; float:left; text-align:right; padding:3% 1%; font-size:1.125em; text-align:right}
.quartercolr {width:58%; float:right; text-align:right; padding:1%}
select {padding:1.5%; font-size:1.5em; width:100%; box-sizing:border-box;  text-indent:1px; text-overflow:''; color:#999}
/*.styled-select {overflow: hidden; background:url(../images/icon_arrow.jpg) no-repeat right #fff}*/
.center {text-align:center}
.sectionhdr {font-size:1.75em; text-align:left; border-bottom:3px solid #ccc; margin:1% 0 2% 0; padding:0 0 1% 0}